@charset "UTF-8";
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  max-height: calc(100dvh - 48px);
  overflow-y: hidden;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main {
  padding: 24px 16px 94px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  overflow-y: auto;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main .rc-alert-title {
  display: flex;
  justify-content: left;
  font-weight: bold;
  font-size: 21px;
  line-height: 23px;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main .rc-alert-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main .rc-alert-content p {
  margin: 0;
  flex: 1;
  font-size: 14px;
  line-height: 20px;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main .rc-alert-content p a {
  text-decoration: underline;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main .rc-alert-content .rc-alert-content-info {
  display: flex;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-main .rc-alert-content .rc-alert-content-info .rc-icon.circle-icon-huge {
  background-color: unset;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer {
  display: flex;
  justify-content: end;
  padding: 16px;
  border-top: 2px solid #efefef;
  min-height: unset;
  height: unset;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #FFFFFF;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content.info-popup .rc-dialog-content {
  max-height: 90vh;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content.info-popup .rc-alert-content {
  font-size: 14px;
  line-height: 20px;
  overflow-y: auto;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content.info-popup .rc-alert-content p {
  min-height: unset;
}
.rc-alert.rc-dialog .rc-dialog-wrapper .rc-dialog-content.info-popup .rc-alert-footer {
  margin-top: 16px;
}

.rc-avatar {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.rc-avatar.avatar-from-text > span {
  font-size: 16px;
}
.rc-avatar.avatar-from-image {
  background-size: cover;
}
.rc-avatar.avatar-from-image svg {
  height: 100%;
  width: 100%;
}

::-moz-focus-inner {
  border: 0;
}

::-moz-focus-outer {
  outline: none;
}

.btn-simple {
  height: 36px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 8px 32px;
  font-size: 14px;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 6px;
}
.btn-simple.keyboard-focus:focus *, .btn-simple:focus * {
  text-decoration: underline;
  text-underline-position: under;
}
.btn-simple.keyboard-focus:focus, .btn-simple:focus {
  /*.sgw-icon:before {
  		color: $FormLabelHoverColor;
  }*/
}
.btn-simple.keyboard-focus:focus.btn-action .sgw-icon:before, .btn-simple:focus.btn-action .sgw-icon:before {
  color: #ffffff;
}
.btn-simple.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn-simple.sgw-icon:before {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.btn-simple.btn-no-padding {
  padding: 0;
}
.btn-simple.btn-dark {
  background-color: #d8d8d8;
  color: #2C2C2C;
}
.btn-simple.btn-dark:hover {
  background-color: rgb(203.25, 203.25, 203.25);
}
.btn-simple.btn-dark:active {
  background-color: rgb(190.5, 190.5, 190.5);
}
.btn-simple.btn-dark a {
  color: #2C2C2C;
}
.btn-simple.btn-darker {
  background-color: #cccccc;
  color: #2C2C2C;
}
.btn-simple.btn-darker:hover {
  background-color: rgb(191.25, 191.25, 191.25);
}
.btn-simple.btn-darker:active {
  background-color: rgb(178.5, 178.5, 178.5);
}
.btn-simple.btn-darker a {
  color: #2C2C2C;
}
.btn-simple.btn-dark-grey {
  color: #ffffff;
  background-color: #6e6e6e;
}
.btn-simple.btn-dark-grey:hover {
  background-color: rgb(97.25, 97.25, 97.25);
}
.btn-simple.btn-dark-grey:active {
  background-color: rgb(84.5, 84.5, 84.5);
}
.btn-simple.btn-dark-grey a {
  color: #ffffff;
}
.btn-simple.btn-dark-grey .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.btn-simple.btn-default {
  background-color: #efefef;
  color: #2C2C2C;
  border-radius: 6px;
}
.btn-simple.btn-default:hover {
  background-color: rgb(226.25, 226.25, 226.25);
  /*.sgw-icon {
  		&:before {
  				color: $IconHoverColor;
  		}
  }*/
}
.btn-simple.btn-default.btn-selected {
  background-color: rgb(213.5, 213.5, 213.5);
}
.btn-simple.btn-default.btn-selected .sgw-icon:before {
  color: #3669c4;
}
.btn-simple.btn-default:active {
  background-color: rgb(213.5, 213.5, 213.5);
}
.btn-simple.btn-default a {
  color: #2C2C2C;
}
.btn-simple.btn-submit {
  background-color: #6c9d0d;
  color: #ffffff;
}
.btn-simple.btn-submit:hover {
  background-color: rgb(121.0774305556, 170.775, 24.725);
}
.btn-simple.btn-submit:active {
  background-color: rgb(94.1079861111, 140.675, 3.825);
}
.btn-simple.btn-submit a {
  color: #ffffff;
}
.btn-simple.btn-action {
  color: #ffffff;
  background-color: #3669c4;
}
.btn-simple.btn-action:hover {
  background-color: rgb(82.877, 122.2928169014, 192.623);
}
.btn-simple.btn-action:active {
  background-color: rgb(37.267, 91.128028169, 187.233);
}
.btn-simple.btn-action a {
  color: #ffffff;
}
.btn-simple.btn-light-grey {
  color: #2C2C2C;
  background-color: #efefef;
}
.btn-simple.btn-light-grey:hover {
  background-color: rgb(251.75, 251.75, 251.75);
}
.btn-simple.btn-light-grey:active {
  background-color: rgb(229.125, 223.375, 223.375);
}
.btn-simple.btn-light-grey a {
  color: #2C2C2C;
}
.btn-simple.btn-white {
  color: #2C2C2C;
  background-color: #FFFFFF;
}
.btn-simple.btn-white:active {
  background-color: rgb(243.525, 240.975, 240.975);
}
.btn-simple.button-expand {
  background-color: unset;
  color: #3669c4;
  padding-left: 0;
}
.btn-simple.button-expand:hover {
  background-color: unset;
}
.btn-simple.button-expand .sgw-icon {
  margin-right: 0;
}
.btn-simple.button-expand .sgw-icon:before {
  color: #3669c4;
}
.btn-simple .sgw-icon {
  width: 26px;
  height: 26px;
  padding: 0;
  margin-right: 8px;
}
.btn-simple a {
  text-decoration: none;
}
.btn-simple * > * {
  margin: 0;
}
.btn-simple.button-link {
  background-color: transparent !important;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px 0 16px;
}
.btn-simple.button-link div.btn-label {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-simple.btn-stretched {
  width: 100%;
}
.btn-simple.btn-redesign .sgw-icon:before {
  font-family: "icomoon";
}
.btn-simple.btn-redesign:not(.btn-icon) {
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: auto;
  border-radius: 120px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px; /* 113.333% */
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #525252;
  color: #525252;
}
.btn-simple.btn-redesign:not(.btn-icon).btn-default {
  border: none;
}
.btn-simple.btn-redesign:not(.btn-icon).btn-submit, .btn-simple.btn-redesign:not(.btn-icon).button-submit {
  background: #6C9D0D;
  color: #FFFFFF;
  border: none;
}
.btn-simple.btn-redesign:not(.btn-icon).btn-action {
  background: none;
  color: #3669c4;
  border: 1px solid #3669c4;
}
.btn-simple.btn-redesign:not(.btn-icon).redesign-small {
  height: 30px;
}

.btn-icon:not(.btn-v2) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px 0 16px;
}
.btn-icon:not(.btn-v2).btn-icon-after-text {
  padding: 0 16px 0 32px;
}
.btn-icon:not(.btn-v2).btn-icon-after-text.button-link {
  padding: 0 8px 0 16px;
}
.btn-icon:not(.btn-v2).btn-icon-after-text .sgw-icon {
  margin-right: unset;
  margin-left: 8px;
}
.btn-icon:not(.btn-v2) .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.btn-icon:not(.btn-v2).btn-icon-only:not(.numeric-arrow-down):not(.numeric-arrow-up) {
  padding: 0;
  width: 36px;
  height: 36px;
}

.rc-mobile-component.btn-simple:not(.btn-v2) {
  height: 44px;
  font-size: 16px;
}
.rc-mobile-component.btn-simple:not(.btn-v2) .sgw-icon:before {
  font-size: 26px;
}
.rc-mobile-component.btn-simple:not(.btn-v2).btn-redesign {
  height: 42px;
  font-size: 15px;
}
.rc-mobile-component.btn-icon.btn-icon-only:not(.btn-v2) {
  width: 44px;
}
.rc-mobile-component.btn-selected:not(.btn-v2) .rc-icon:before {
  color: #3669c4;
}
.rc-mobile-component.btn-selected:not(.btn-v2) .btn-label {
  font-weight: bold;
}

.btn-icon:not(.btn-v2) .sgw-icon {
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
}

.btn-simple.btn-submit .sgw-icon:before,
.btn-simple.btn-action .sgw-icon:before {
  color: #ffffff;
}

.btn-simple.sgw-icon.arrow_right_line:before {
  color: #ffffff;
  right: 8px;
  left: inherit;
}

.btn-simple:hover:before {
  color: #3669c4;
}

.btn-simple.sgw-icon.arrow_left_line:hover:before {
  color: #3669c4;
}

/* Icons */
.btn-simple.sgw-icon.arrow_left_line:before {
  color: #2C2C2C;
  left: 0;
}

.btn-simple.btn-icon-only .sgw-icon {
  margin: 0;
  position: relative;
}

.btn-simple.btn-icon-only .sgw-icon:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-disabled:not(.btn-v2) {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}

.btn-danger {
  background: #D9052F;
  color: white;
}
.btn-danger > .rc-icon:before {
  color: white;
}

.btn-simple-white {
  color: white;
}
.btn-simple-white > .rc-icon:before {
  color: white;
}

a.btn-simple {
  color: #2C2C2C;
  text-decoration: none;
}

@media (max-width: 800px) {
  .btn-simple {
    font-size: 16px;
  }
}
/*
.rc-floating-button {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex: 0 0 40px;
    justify-content: center;

    button {
        height: 44px;
        width: auto;
        border-radius: 22px;
        font-size: 16px;
        box-shadow: 4px 4px 16px 0px rgb(0 0 0 / 35%);
    }
}*/
.rc-floating-button:not(.btn-v2) {
  padding-bottom: 24px;
  display: inline-flex;
  bottom: 0;
  top: auto;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  align-self: center;
  justify-content: center;
}
.rc-floating-button:not(.btn-v2).ios-mobile-device {
  padding-bottom: 24px;
}
.rc-floating-button:not(.btn-v2).ios-mobile-device .btn-disabled {
  opacity: unset;
  pointer-events: none;
  touch-action: none;
  color: #6e6e6e;
}
.rc-floating-button:not(.btn-v2) .rc-mobile-component {
  opacity: unset;
}
.rc-floating-button:not(.btn-v2) button {
  background-color: #6c9d0d;
  color: #ffffff;
  pointer-events: all;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.35);
  height: 44px;
  border-radius: 22px;
  font-size: 16px;
}
.rc-floating-button:not(.btn-v2) button:active {
  background-color: #6c9d0d;
  pointer-events: all;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}
.rc-floating-button:not(.btn-v2) button.btn-disabled {
  background-color: #d8d8d8;
  pointer-events: none;
  color: #2C2C2C;
}
.rc-floating-button:not(.btn-v2) button.btn-disabled.rc-mobile-component {
  color: #6e6e6e;
}

.rc-mobile-view footer .rc-floating-button {
  padding-bottom: 0;
}

.with-navigation-footer .rc-floating-button.ios-mobile-device {
  padding-bottom: 84px;
}

.rc-dialog-wrapper .rc-floating-button.ios-mobile-device {
  padding-bottom: 24px;
}

.desktop-module-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 4px 0;
}
.desktop-module-button .rc-component.rc-badge > button.btn-icon + .badge-count {
  transform: translateX(100%) translateY(0);
  left: unset;
  top: 0;
  right: 50%;
}
.desktop-module-button button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 51px;
  font-size: 12px;
}
.desktop-module-button button .rc-icon.sgw-icon {
  width: 32px;
  padding: 0;
  margin: 0;
}
.desktop-module-button button .btn-label {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  line-height: 12px;
  width: 42px;
  max-width: 42px;
}
.desktop-module-button .rc-icon:before {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.desktop-module-button .rc-icon.wi_sgauth_warning:before {
  color: #d7032c;
}
.desktop-module-button {
  /*&.login-button {
  		.rc-icon.sgw-icon {
  				background-color: #efefef;
  				height: 32px;

  				border-radius: 50%;

  				&:before {
  						line-height: 22px;
  						transform: translate(-50%, -50%);
  				}
  		}
  }*/
}
.desktop-module-button.desktop-module-button-selected .rc-icon:before, .desktop-module-button.desktop-module-button-selected .btn-label, .desktop-module-button:hover .rc-icon:before, .desktop-module-button:hover .btn-label {
  color: #3669c4;
}

.mobile-module-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 4px 0;
}
.mobile-module-button .rc-component.rc-badge > button.btn-icon + .badge-count {
  transform: translateX(100%) translateY(0);
  left: unset;
  top: 0;
  right: 50%;
}
.mobile-module-button button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 12px;
  overflow: unset;
  text-overflow: unset;
}
.mobile-module-button button .rc-icon.sgw-icon {
  width: 32px;
  padding: 0;
  margin: 0;
}
.mobile-module-button button .btn-label {
  text-align: center;
  font-size: 12px;
  white-space: break-spaces;
  line-height: 12px;
}
.mobile-module-button .rc-icon:before {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.mobile-module-button .rc-icon.wi_sgauth_warning:before {
  color: #d7032c;
}
.mobile-module-button {
  /*&.login-button {
  		.rc-icon.sgw-icon {
  				background-color: #efefef;
  				height: 32px;

  				border-radius: 50%;

  				&:before {
  						line-height: 22px;
  						transform: translate(-50%, -50%);
  				}
  		}
  }*/
}
.mobile-module-button.mobile-module-button-selected .rc-icon:before, .mobile-module-button.mobile-module-button-selected .btn-label, .mobile-module-button:hover .rc-icon:before, .mobile-module-button:hover .btn-label {
  color: #3669c4;
}

::-moz-focus-inner {
  border: 0;
}

::-moz-focus-outer {
  outline: none;
}

.btn-default.btn-v2 {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  min-width: 66px;
  font-family: inherit;
  color: #2c2c2c;
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 6px;
  user-select: none;
}
.btn-default.btn-v2 a {
  text-decoration: none;
}
.btn-default.btn-v2 * > * {
  margin: 0;
}
.btn-default.btn-v2.btn-align-left {
  justify-content: start;
}
.btn-default.btn-v2.btn-align-right {
  justify-content: end;
}
@media (hover: hover) {
  .btn-default.btn-v2:hover {
    background-color: rgb(234.6, 234.6, 234.6);
  }
}
.btn-default.btn-v2:focus-visible {
  background-color: rgb(234.6, 234.6, 234.6);
}
.btn-default.btn-v2:active, .btn-default.btn-v2.btn-selected {
  background-color: rgb(224.4, 224.4, 224.4);
}
.btn-default.btn-v2.btn-disabled, .btn-default.btn-v2.disabled {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}
.btn-default.btn-v2 .btn-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
}
.btn-default.btn-v2.btn-icon {
  padding: 8px 16px 8px 8px;
}
.btn-default.btn-v2.btn-icon.btn-icon-after-text {
  padding: 8px 8px 8px 16px;
}
.btn-default.btn-v2.btn-icon .btn-icon-wrapper {
  line-height: 0;
  font-size: 0;
  flex-shrink: 0;
  position: relative;
}
.btn-default.btn-v2.btn-icon .sgw-icon.rc-icon {
  padding: 0;
  width: 20px;
  height: 20px;
}
.btn-default.btn-v2.btn-icon .sgw-icon:before {
  color: #525252;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.btn-default.btn-v2.btn-icon-only {
  min-width: unset;
  padding: 8px;
}
.btn-default.btn-v2.btn-small {
  gap: 4px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 14px;
  min-width: 58px;
}
.btn-default.btn-v2.btn-small.btn-icon {
  padding: 8px 12px 8px 8px;
}
.btn-default.btn-v2.btn-small.btn-icon.btn-icon-after-text {
  padding: 8px 8px 8px 12px;
}
.btn-default.btn-v2.btn-small.btn-icon-only {
  min-width: unset;
  padding: 8px;
}
.btn-default.btn-v2.btn-small .sgw-icon.rc-icon {
  padding: 0;
  width: 14px;
  height: 14px;
}
.btn-default.btn-v2.btn-small .sgw-icon.rc-icon:before {
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.btn-default.btn-v2.btn-large {
  gap: 8px;
  padding: 9px 20px;
  font-size: 16px;
  line-height: 24px;
  min-width: 74px;
}
.btn-default.btn-v2.btn-large.btn-icon {
  padding: 9px 20px 9px 9px;
}
.btn-default.btn-v2.btn-large.btn-icon.btn-icon-after-text {
  padding: 9px 9px 9px 20px;
}
.btn-default.btn-v2.btn-large.btn-icon-only {
  min-width: unset;
  padding: 9px;
}
.btn-default.btn-v2.btn-large .sgw-icon.rc-icon {
  padding: 0;
  width: 24px;
  height: 24px;
}
.btn-default.btn-v2.btn-large .sgw-icon.rc-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.btn-default.btn-v2.btn-rounded {
  border-radius: 21px;
  box-shadow: inset 0 0 0 1px #525252;
}
.btn-default.btn-v2.btn-rounded.btn-icon {
  padding: 8px 16px 8px 12px;
}
.btn-default.btn-v2.btn-rounded.btn-icon.btn-icon-after-text {
  padding: 8px 12px 8px 16px;
}
.btn-default.btn-v2.btn-rounded.btn-icon-only {
  padding: 8px;
}
.btn-default.btn-v2.btn-rounded.btn-small.btn-icon {
  padding: 8px 12px 8px 10px;
}
.btn-default.btn-v2.btn-rounded.btn-small.btn-icon.btn-icon-after-text {
  padding: 8px 10px 8px 12px;
}
.btn-default.btn-v2.btn-rounded.btn-small.btn-icon-only {
  padding: 8px;
}
.btn-default.btn-v2.btn-rounded.btn-large.btn-icon {
  padding: 9px 20px 9px 14px;
}
.btn-default.btn-v2.btn-rounded.btn-large.btn-icon.btn-icon-after-text {
  padding: 9px 14px 9px 20px;
}
.btn-default.btn-v2.btn-rounded.btn-large.btn-icon-only {
  padding: 9px;
}
.btn-default.btn-v2.btn-subtle {
  color: #2c2c2c;
  background-color: #efefef;
}
.btn-default.btn-v2.btn-subtle .sgw-icon.rc-icon:before {
  color: #525252;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-subtle:hover {
    background-color: rgb(219.88, 219.88, 219.88);
  }
}
.btn-default.btn-v2.btn-subtle:focus-visible {
  background-color: rgb(219.88, 219.88, 219.88);
}
.btn-default.btn-v2.btn-subtle:active, .btn-default.btn-v2.btn-subtle.btn-selected {
  background-color: rgb(210.32, 210.32, 210.32);
}
.btn-default.btn-v2.btn-subtle {
  box-shadow: none;
}
.btn-default.btn-v2.btn-link {
  color: #3669c4;
  background-color: transparent;
}
.btn-default.btn-v2.btn-link .sgw-icon.rc-icon:before {
  color: #3669c4;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-link:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
.btn-default.btn-v2.btn-link:focus-visible {
  background-color: rgba(0, 0, 0, 0.08);
}
.btn-default.btn-v2.btn-link:active, .btn-default.btn-v2.btn-link.btn-selected {
  background-color: rgba(0, 0, 0, 0.12);
}
.btn-default.btn-v2.btn-link {
  box-shadow: none;
}
.btn-default.btn-v2.btn-link.btn-rounded {
  box-shadow: inset 0 0 0 1px #3669c4;
}
.btn-default.btn-v2.btn-ghost {
  color: #FFFFFF;
  background-color: transparent;
}
.btn-default.btn-v2.btn-ghost .sgw-icon.rc-icon:before {
  color: #FFFFFF;
}
.btn-default.btn-v2.btn-ghost {
  box-shadow: none;
}
.btn-default.btn-v2.btn-ghost.btn-rounded {
  box-shadow: inset 0 0 0 1px #FFFFFF;
}
.btn-default.btn-v2.btn-action {
  color: #FFFFFF;
  background-color: #3669c4;
}
.btn-default.btn-v2.btn-action .sgw-icon.rc-icon:before {
  color: #FFFFFF;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-action:hover {
    background-color: rgb(70.08, 117, 200.72);
  }
}
.btn-default.btn-v2.btn-action:focus-visible {
  background-color: rgb(70.08, 117, 200.72);
}
.btn-default.btn-v2.btn-action:active, .btn-default.btn-v2.btn-action.btn-selected {
  background-color: rgb(78.12, 123, 203.08);
}
.btn-default.btn-v2.btn-action {
  box-shadow: none;
}
.btn-default.btn-v2.btn-light {
  color: #2c2c2c;
  background-color: #FFFFFF;
}
.btn-default.btn-v2.btn-light .sgw-icon.rc-icon:before {
  color: #525252;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-light:hover {
    background-color: rgb(234.6, 234.6, 234.6);
  }
}
.btn-default.btn-v2.btn-light:focus-visible {
  background-color: rgb(234.6, 234.6, 234.6);
}
.btn-default.btn-v2.btn-light:active, .btn-default.btn-v2.btn-light.btn-selected {
  background-color: rgb(224.4, 224.4, 224.4);
}
.btn-default.btn-v2.btn-light {
  box-shadow: none;
}
.btn-default.btn-v2.btn-dark {
  color: #FFFFFF;
  background-color: #525252;
}
.btn-default.btn-v2.btn-dark .sgw-icon.rc-icon:before {
  color: #FFFFFF;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-dark:hover {
    background-color: rgb(95.84, 95.84, 95.84);
  }
}
.btn-default.btn-v2.btn-dark:focus-visible {
  background-color: rgb(95.84, 95.84, 95.84);
}
.btn-default.btn-v2.btn-dark:active, .btn-default.btn-v2.btn-dark.btn-selected {
  background-color: rgb(102.76, 102.76, 102.76);
}
.btn-default.btn-v2.btn-dark {
  box-shadow: none;
}
.btn-default.btn-v2.btn-submit {
  color: #FFFFFF;
  background-color: #6c9d0d;
}
.btn-default.btn-v2.btn-submit .sgw-icon.rc-icon:before {
  color: #FFFFFF;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-submit:hover {
    background-color: rgb(119.76, 164.84, 32.36);
  }
}
.btn-default.btn-v2.btn-submit:focus-visible {
  background-color: rgb(119.76, 164.84, 32.36);
}
.btn-default.btn-v2.btn-submit:active, .btn-default.btn-v2.btn-submit.btn-selected {
  background-color: rgb(125.64, 168.76, 42.04);
}
.btn-default.btn-v2.btn-submit {
  box-shadow: none;
}
.btn-default.btn-v2.btn-full-width {
  width: 100%;
}
.btn-default.btn-v2.button-expand {
  background-color: unset;
  color: #3669c4;
  padding-left: 0;
}
.btn-default.btn-v2.button-expand:hover {
  background-color: unset;
}
.btn-default.btn-v2.button-expand .sgw-icon {
  margin-right: 0;
}
.btn-default.btn-v2.button-expand .sgw-icon:before {
  color: #3669c4;
}
.btn-default.btn-v2.btn-text-button {
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none;
  border-radius: 0;
  color: #525252;
  min-width: unset;
}
.btn-default.btn-v2.btn-text-button div.btn-label {
  flex: 1;
  text-align: left;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-text-button:hover {
    color: #2c2c2c;
  }
  .btn-default.btn-v2.btn-text-button:hover .sgw-icon.rc-icon:before {
    color: #2c2c2c;
  }
}
.btn-default.btn-v2.btn-text-button:focus-visible {
  color: #2c2c2c;
}
.btn-default.btn-v2.btn-text-button:focus-visible .sgw-icon.rc-icon:before {
  color: #2c2c2c;
}
.btn-default.btn-v2.btn-text-button:active, .btn-default.btn-v2.btn-text-button.btn-selected {
  color: #2c2c2c;
}
.btn-default.btn-v2.btn-text-button:active .sgw-icon.rc-icon:before, .btn-default.btn-v2.btn-text-button.btn-selected .sgw-icon.rc-icon:before {
  color: #2c2c2c;
}
.btn-default.btn-v2.btn-text-button.btn-link {
  color: #3669c4;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-text-button.btn-link:hover {
    color: #1a499d;
  }
  .btn-default.btn-v2.btn-text-button.btn-link:hover .sgw-icon.rc-icon:before {
    color: #1a499d;
  }
}
.btn-default.btn-v2.btn-text-button.btn-link:focus-visible {
  color: #1a499d;
}
.btn-default.btn-v2.btn-text-button.btn-link:focus-visible .sgw-icon.rc-icon:before {
  color: #1a499d;
}
.btn-default.btn-v2.btn-text-button.btn-link:active, .btn-default.btn-v2.btn-text-button.btn-link.btn-selected {
  color: #1a499d;
}
.btn-default.btn-v2.btn-text-button.btn-link:active .sgw-icon.rc-icon:before, .btn-default.btn-v2.btn-text-button.btn-link.btn-selected .sgw-icon.rc-icon:before {
  color: #1a499d;
}
.btn-default.btn-v2.btn-text-button.btn-ghost {
  color: #FFFFFF;
}
@media (hover: hover) {
  .btn-default.btn-v2.btn-text-button.btn-ghost:hover {
    color: #efefef;
  }
  .btn-default.btn-v2.btn-text-button.btn-ghost:hover .sgw-icon.rc-icon:before {
    color: #efefef;
  }
}
.btn-default.btn-v2.btn-text-button.btn-ghost:focus-visible {
  color: #efefef;
}
.btn-default.btn-v2.btn-text-button.btn-ghost:focus-visible .sgw-icon.rc-icon:before {
  color: #efefef;
}
.btn-default.btn-v2.btn-text-button.btn-ghost:active, .btn-default.btn-v2.btn-text-button.btn-ghost.btn-selected {
  color: #efefef;
}
.btn-default.btn-v2.btn-text-button.btn-ghost:active .sgw-icon.rc-icon:before, .btn-default.btn-v2.btn-text-button.btn-ghost.btn-selected .sgw-icon.rc-icon:before {
  color: #efefef;
}

.rc-card {
  padding: 16px;
  box-sizing: border-box;
}
.rc-card.rc-card-light {
  background-color: #FFFFFF;
}
.rc-card.rc-card-dark {
  background-color: #efefef;
}
.rc-card > .rc-card-content {
  position: relative;
}

.rc-checkbox-wrapper {
  display: flex;
  flex-direction: column;
}
.rc-checkbox-wrapper .rc-checkbox {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  flex-wrap: nowrap;
}
.rc-checkbox-wrapper .rc-checkbox .checkbox-box {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #cccccc;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-checkbox-wrapper .rc-checkbox .checkbox-label {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
}
@media (hover: hover) {
  .rc-checkbox-wrapper .rc-checkbox:hover .checkbox-box {
    box-shadow: inset 0 0 0 1px #3669c4;
  }
}
.rc-checkbox-wrapper .rc-checkbox:focus-visible .checkbox-box {
  box-shadow: inset 0 0 0 1px #3669c4;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-checked .checkbox-box {
  box-shadow: inset 0 0 0 1px #3669c4;
  background: #3669c4;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-checked .checkbox-box .sgw-icon.rc-icon {
  padding: 0;
  width: 12px;
  height: 12px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-checked .checkbox-box .sgw-icon.rc-icon:before {
  color: #FFFFFF;
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-error .checkbox-box {
  box-shadow: inset 0 0 0 1px #d9052f;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-error.checkbox-checked .checkbox-box {
  background: #d9052f;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-disabled {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-small {
  padding: 8px 0;
  gap: 4px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-small .checkbox-box {
  width: 14px;
  height: 14px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-small .checkbox-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-small.checkbox-checked .checkbox-box .sgw-icon.rc-icon {
  width: 10px;
  height: 10px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-small.checkbox-checked .checkbox-box .sgw-icon.rc-icon:before {
  font-size: 10px;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-large {
  padding: 9px 0;
  gap: 8px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-large .checkbox-box {
  width: 20px;
  height: 20px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-large .checkbox-label {
  font-size: 16px;
  line-height: 24px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-large.checkbox-checked .checkbox-box .sgw-icon.rc-icon {
  width: 14px;
  height: 14px;
}
.rc-checkbox-wrapper .rc-checkbox.checkbox-large.checkbox-checked .checkbox-box .sgw-icon.rc-icon:before {
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.rc-checkbox-wrapper .checkbox-error-below {
  font-size: 12px;
  line-height: 14px;
  color: #d9052f;
}

.group-content-sortable-helper {
  border: 1px solid #dcdcdc;
  background-color: #dcdcdc;
  box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.25);
  margin-left: -16px;
  margin-right: -32px;
  padding: 4px 16px 0;
  height: auto !important;
}

@keyframes markSortedElement {
  0% {
    background-color: #FFFFFF;
  }
  40% {
    background-color: rgba(115, 199, 255, 0.5);
  }
  60% {
    background-color: rgba(115, 199, 255, 0.5);
  }
  100% {
    background-color: #FFFFFF;
  }
}
.content-group-table-row {
  position: relative;
}

.checkout-group-content .react-datepicker-popper, .content-group-table-row .react-datepicker-popper {
  z-index: 10;
}
.checkout-group-content .group-content-sortable-item, .content-group-table-row .group-content-sortable-item {
  position: relative;
}
.checkout-group-content .group-content-sortable-item .group-content-sortable-handler-up, .content-group-table-row .group-content-sortable-item .group-content-sortable-handler-up {
  position: absolute;
  top: 0;
  right: 32px;
}
.checkout-group-content .group-content-sortable-item .group-content-sortable-handler-down, .content-group-table-row .group-content-sortable-item .group-content-sortable-handler-down {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout-group-content .group-content-sortable-item > .checkout-group-content, .content-group-table-row .group-content-sortable-item > .checkout-group-content {
  flex: 1;
}
.checkout-group-content .group-content-sortable-container, .content-group-table-row .group-content-sortable-container {
  padding: 8px 0 16px 16px;
  box-sizing: border-box;
  margin-left: -16px;
  margin-right: -16px;
  background-color: #efefef;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item, .content-group-table-row .group-content-sortable-container .group-content-sortable-item {
  background-color: white;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item:last-child, .content-group-table-row .group-content-sortable-container .group-content-sortable-item:last-child {
  margin-bottom: 0px;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item .group-content-sortable-container, .content-group-table-row .group-content-sortable-container .group-content-sortable-item .group-content-sortable-container {
  padding-bottom: 0;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item.last-sorted-element, .content-group-table-row .group-content-sortable-container .group-content-sortable-item.last-sorted-element {
  position: relative;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item.last-sorted-element:after, .content-group-table-row .group-content-sortable-container .group-content-sortable-item.last-sorted-element:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  animation: markSortedElement 2s;
  z-index: 1;
}
.checkout-group-content .group-content-chip-wrapper, .content-group-table-row .group-content-chip-wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.checkout-group-content .group-content-item, .content-group-table-row .group-content-item {
  position: relative;
}
.checkout-group-content .group-content-item .group-content-item-edit, .content-group-table-row .group-content-item .group-content-item-edit {
  color: #3669c4;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.checkout-group-content .group-content-ident-container, .content-group-table-row .group-content-ident-container {
  padding-left: 16px;
  box-sizing: border-box;
}
.checkout-group-content .group-content-ident-container.group-error, .content-group-table-row .group-content-ident-container.group-error {
  background-color: rgba(217, 5, 47, 0.1);
  padding-top: 16px;
  padding-bottom: 16px;
}
.checkout-group-content .group-content-ident-container.group-error .group-content-label, .content-group-table-row .group-content-ident-container.group-error .group-content-label {
  min-height: unset;
}
.checkout-group-content .group-content, .content-group-table-row .group-content {
  margin-bottom: 8px;
}
.checkout-group-content .group-content.selected button:not(.button-expand) .btn-label, .content-group-table-row .group-content.selected button:not(.button-expand) .btn-label {
  font-weight: bold;
}
.checkout-group-content .group-content.selected button:not(.button-expand) .rc-icon:before, .content-group-table-row .group-content.selected button:not(.button-expand) .rc-icon:before {
  color: #3669c4;
}
.checkout-group-content .group-content video, .checkout-group-content .group-content img, .content-group-table-row .group-content video, .content-group-table-row .group-content img {
  max-width: 100%;
}
.checkout-group-content .group-content .group-content, .content-group-table-row .group-content .group-content {
  margin-bottom: unset;
}
.checkout-group-content .group-content.group-content-time-picker, .content-group-table-row .group-content.group-content-time-picker {
  position: relative;
}
.checkout-group-content .group-content.group-content-time-picker .input-wrapper, .content-group-table-row .group-content.group-content-time-picker .input-wrapper {
  width: 100%;
  position: relative;
}
.checkout-group-content .group-content.group-content-time-picker .input-wrapper .rc-icon, .content-group-table-row .group-content.group-content-time-picker .input-wrapper .rc-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
}
.checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-body, .checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-marker, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-body, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-marker {
  height: 2px;
}
.checkout-group-content .group-content.group-content-card .rc-card, .content-group-table-row .group-content.group-content-card .rc-card {
  padding: 16px;
  background-color: white;
  height: auto;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode .rc-icon, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode .rc-icon {
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 50%;
  margin-left: 16px;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode .rc-icon:before, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode .rc-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-description, .content-group-table-row .group-content.group-content-radio .group-content-radio-description {
  margin-left: 22px;
}
.checkout-group-content .group-content.group-content-icon, .content-group-table-row .group-content.group-content-icon {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-icon .rc-icon, .content-group-table-row .group-content.group-content-icon .rc-icon {
  height: 26px;
  width: 26px;
  padding: 0;
  border-radius: 50%;
}
.checkout-group-content .group-content.group-content-icon .rc-icon:before, .content-group-table-row .group-content.group-content-icon .rc-icon:before {
  width: 22px;
  height: 22px;
  inset: 53% 0 0 53%;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.clock:before, .content-group-table-row .group-content.group-content-icon .rc-icon.clock:before {
  font-size: 26px;
  width: 26px;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.icon-success, .content-group-table-row .group-content.group-content-icon .rc-icon.icon-success {
  background-color: #6c9d0d;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.icon-success:before, .content-group-table-row .group-content.group-content-icon .rc-icon.icon-success:before {
  color: #ffffff;
}
.checkout-group-content .group-content.group-content-icon .rc-icon.icon-pending-hour, .content-group-table-row .group-content.group-content-icon .rc-icon.icon-pending-hour {
  background-color: #efefef;
}
.checkout-group-content .group-content.group-content-chip, .content-group-table-row .group-content.group-content-chip {
  height: 36px;
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0 8px;
  align-items: center;
  font-size: 14px;
  border-radius: 18px;
  flex: 0;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.checkout-group-content .group-content.group-content-chip.selected, .content-group-table-row .group-content.group-content-chip.selected {
  border-color: #3669c4;
}
.checkout-group-content .group-content.group-content-chip.group-content-chip-status, .content-group-table-row .group-content.group-content-chip.group-content-chip-status {
  height: auto;
  color: #FFFFFF;
  align-self: center;
  border-radius: 4px;
  font-size: 12px;
}
.checkout-group-content .group-content.group-content-carousel, .content-group-table-row .group-content.group-content-carousel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkout-group-content .group-content.group-content-carousel.desktop-carousel, .content-group-table-row .group-content.group-content-carousel.desktop-carousel {
  flex-direction: unset;
  gap: unset;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel, .content-group-table-row .group-content.group-content-carousel .desktop-carousel {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item {
  flex: 1;
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item.disabled, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item:last-child, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card {
  border: none;
  margin: 0;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card .content-card-image .image-tile.selected:after, .content-group-table-row .group-content.group-content-carousel .desktop-carousel .group-content-carousel-item .content-card .content-card-image .image-tile.selected:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #3669c4;
}
.checkout-group-content .group-content.group-content-carousel .desktop-carousel.hidden-carousel-line, .content-group-table-row .group-content.group-content-carousel .desktop-carousel.hidden-carousel-line {
  display: none;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel, .content-group-table-row .group-content.group-content-carousel .mobile-carousel {
  display: block;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll {
  padding-left: 8px;
  overflow: hidden;
  overflow-x: scroll;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content {
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 8px 0 0;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item {
  flex: 0 0 90vw;
  margin-right: 16px;
}
.checkout-group-content .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item:last-child, .content-group-table-row .group-content.group-content-carousel .mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-carousel .content-group-carousel-button, .content-group-table-row .group-content.group-content-carousel .content-group-carousel-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.checkout-group-content .group-content.group-content-dotnav .website-promotion-banner, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner {
  margin: unset;
  position: relative;
}
.checkout-group-content .group-content.group-content-dotnav .website-promotion-banner .content, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner .content {
  display: none;
}
.checkout-group-content .group-content.group-content-dotnav .website-promotion-banner .dotted-nav, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner .dotted-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media only screen and (min-width: 800px) {
  .checkout-group-content .group-content.group-content-dotnav .website-promotion-banner .slider-images picture, .content-group-table-row .group-content.group-content-dotnav .website-promotion-banner .slider-images picture {
    padding-bottom: 46.1041954818%;
  }
}
.checkout-group-content .group-content.group-content-label, .content-group-table-row .group-content.group-content-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.checkout-group-content .group-content.group-content-label.label-heading, .checkout-group-content .group-content.group-content-label.label-heading-bold, .content-group-table-row .group-content.group-content-label.label-heading, .content-group-table-row .group-content.group-content-label.label-heading-bold {
  flex: 1;
}
.checkout-group-content .group-content.group-content-label.login_link, .content-group-table-row .group-content.group-content-label.login_link {
  flex: auto;
  display: flex;
  justify-content: right;
}
.checkout-group-content .group-content.group-content-label.align-center, .content-group-table-row .group-content.group-content-label.align-center {
  justify-content: center;
}
.checkout-group-content .group-content.group-content-label.align-right, .content-group-table-row .group-content.group-content-label.align-right {
  justify-content: right;
}
.checkout-group-content .group-content.group-content-label .color, .content-group-table-row .group-content.group-content-label .color {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-label h2, .content-group-table-row .group-content.group-content-label h2 {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 8px;
  font-weight: bold;
  font-family: inherit;
}
.checkout-group-content .group-content.group-content-label p, .content-group-table-row .group-content.group-content-label p {
  width: 100%;
}
.checkout-group-content .group-content.group-content-label h2 + p, .content-group-table-row .group-content.group-content-label h2 + p {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-label ul, .content-group-table-row .group-content.group-content-label ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 32px;
}
.checkout-group-content .group-content.group-content-label ul li[data-list=ordered], .content-group-table-row .group-content.group-content-label ul li[data-list=ordered] {
  list-style-type: decimal;
}
.checkout-group-content .group-content.group-content-label ol, .content-group-table-row .group-content.group-content-label ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 32px;
}
.checkout-group-content .group-content.group-content-label ol li[data-list=bullet], .content-group-table-row .group-content.group-content-label ol li[data-list=bullet] {
  list-style-type: disc;
}
.checkout-group-content .group-content.group-content-label p + p, .content-group-table-row .group-content.group-content-label p + p {
  margin-top: 16px;
}
.checkout-group-content .group-content.group-content-label p:last-child, .content-group-table-row .group-content.group-content-label p:last-child {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-label em, .content-group-table-row .group-content.group-content-label em {
  font-style: italic;
}
.checkout-group-content .group-content.group-content-label .ql-size-small, .content-group-table-row .group-content.group-content-label .ql-size-small {
  font-size: 0.75em;
}
.checkout-group-content .group-content.group-content-label .ql-size-large, .content-group-table-row .group-content.group-content-label .ql-size-large {
  font-size: 1.5em;
}
.checkout-group-content .group-content.group-content-label .ql-size-huge, .content-group-table-row .group-content.group-content-label .ql-size-huge {
  font-size: 2.5em;
  line-height: 1em;
}
.checkout-group-content .group-content.group-content-label.group-important, .content-group-table-row .group-content.group-content-label.group-important {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.group-color, .content-group-table-row .group-content.group-content-label.group-color {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.group-error, .content-group-table-row .group-content.group-content-label.group-error {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-label.group-error a, .content-group-table-row .group-content.group-content-label.group-error a {
  color: #d9052f;
  text-decoration: underline;
}
.checkout-group-content .group-content.group-content-label.label-error-bold, .content-group-table-row .group-content.group-content-label.label-error-bold {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.label-icon-check > div, .checkout-group-content .group-content.group-content-label.label-icon-info > div, .content-group-table-row .group-content.group-content-label.label-icon-check > div, .content-group-table-row .group-content.group-content-label.label-icon-info > div {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-label.label-icon-check, .content-group-table-row .group-content.group-content-label.label-icon-check {
  color: #6c9d0d;
}
.checkout-group-content .group-content.group-content-label.label-icon-check > div .rc-icon.sgw-icon:before, .content-group-table-row .group-content.group-content-label.label-icon-check > div .rc-icon.sgw-icon:before {
  color: #6c9d0d;
}
.checkout-group-content .group-content.group-content-label.group-success, .content-group-table-row .group-content.group-content-label.group-success {
  color: #6c9d0d;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.label-heading, .content-group-table-row .group-content.group-content-label.label-heading {
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-label.label-heading-bold, .content-group-table-row .group-content.group-content-label.label-heading-bold {
  font-size: 21px;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-label.label-heading-small, .content-group-table-row .group-content.group-content-label.label-heading-small {
  font-size: 12px;
  color: #676767;
  min-height: unset;
}
.checkout-group-content .group-content.group-content-label.rc-mobile-component.label-heading, .content-group-table-row .group-content.group-content-label.rc-mobile-component.label-heading {
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-label.rc-mobile-component.label-heading-bold, .content-group-table-row .group-content.group-content-label.rc-mobile-component.label-heading-bold {
  font-size: 24px;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-project-page-svg, .content-group-table-row .group-content.group-content-project-page-svg {
  position: relative;
}
.checkout-group-content .group-content.group-content-checkbox, .checkout-group-content .group-content.group-content-label, .content-group-table-row .group-content.group-content-checkbox, .content-group-table-row .group-content.group-content-label {
  width: unset;
  min-height: 36px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-checkbox.rc-mobile-component, .checkout-group-content .group-content.group-content-label.rc-mobile-component, .content-group-table-row .group-content.group-content-checkbox.rc-mobile-component, .content-group-table-row .group-content.group-content-label.rc-mobile-component {
  min-height: 44px;
}
.checkout-group-content .group-content.group-content-checkbox, .content-group-table-row .group-content.group-content-checkbox {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-key-value, .content-group-table-row .group-content.group-content-key-value {
  padding: 4px 16px 12px 0;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-with-description, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-with-description {
  display: flex;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-key, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-key {
  line-height: 15px;
  font-size: 14px;
  margin: unset;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value {
  line-height: 20px;
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-value s, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value s {
  font-weight: normal;
}
.checkout-group-content .group-content.group-content-key-value.small-value .group-content-key-value-key, .content-group-table-row .group-content.group-content-key-value.small-value .group-content-key-value-key {
  font-size: 12px;
}
.checkout-group-content .group-content.group-content-key-value.small-value .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.small-value .group-content-key-value-value {
  line-height: 16px;
  font-size: 16px;
}
.checkout-group-content .group-content.group-content-key-value p, .content-group-table-row .group-content.group-content-key-value p {
  margin-top: unset;
  margin-bottom: unset;
}
.checkout-group-content .group-content.group-content-key-value.group-error .group-content-key-value-value, .checkout-group-content .group-content.group-content-key-value.group-color .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-error .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-color .group-content-key-value-value {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.group-success .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-success .group-content-key-value-value {
  color: #6c9d0d;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.group-important .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-important .group-content-key-value-value {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.label-heading-bold, .content-group-table-row .group-content.group-content-key-value.label-heading-bold {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-radio-group, .content-group-table-row .group-content.group-content-radio-group {
  margin-top: 1px;
  min-height: 36px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-radio-group.group-horizontal .group-content-radio-group-content, .content-group-table-row .group-content.group-content-radio-group.group-horizontal .group-content-radio-group-content {
  display: flex;
}
.checkout-group-content .group-content.group-content-radio-group > .rc-error-label, .content-group-table-row .group-content.group-content-radio-group > .rc-error-label {
  display: inline-block;
  position: relative;
  min-height: unset;
}
.checkout-group-content .group-content.group-content-radio-group .radio-container, .checkout-group-content .group-content.group-content-radio-group label, .content-group-table-row .group-content.group-content-radio-group .radio-container, .content-group-table-row .group-content.group-content-radio-group label {
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-radio-group .group-content-radio .radio-container label strong, .content-group-table-row .group-content.group-content-radio-group .group-content-radio .radio-container label strong {
  color: #686868;
}
.checkout-group-content .group-content.group-content-radio-group .group-content-radio.selected .radio-container label strong, .content-group-table-row .group-content.group-content-radio-group .group-content-radio.selected .radio-container label strong {
  color: #000000;
}
.checkout-group-content .group-content.group-content-radio-group .rc-radio, .content-group-table-row .group-content.group-content-radio-group .rc-radio {
  margin-right: 16px;
}
.checkout-group-content .group-content.group-content-spacer, .content-group-table-row .group-content.group-content-spacer {
  display: block;
  height: 8px;
  margin-bottom: 0;
}
.checkout-group-content .group-content.group-content-spacer-big, .content-group-table-row .group-content.group-content-spacer-big {
  display: block;
  height: 16px;
  margin-bottom: 0;
}
.checkout-group-content .group-content.group-content-divider, .content-group-table-row .group-content.group-content-divider {
  margin-top: 16px;
  margin-bottom: 15px;
  height: 1px;
  background-color: #dcdcdc;
}
.checkout-group-content .group-content.group-content-link-add button, .content-group-table-row .group-content.group-content-link-add button {
  padding-left: 0;
}
.checkout-group-content .group-content.group-content-link-add button .rc-icon:before, .checkout-group-content .group-content.group-content-link-add button .btn-label, .content-group-table-row .group-content.group-content-link-add button .rc-icon:before, .content-group-table-row .group-content.group-content-link-add button .btn-label {
  color: #3669c4;
}
.checkout-group-content .group-content.group-content-input .group-content-input-error, .content-group-table-row .group-content.group-content-input .group-content-input-error {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-date-picker, .content-group-table-row .group-content.group-content-date-picker {
  position: relative;
}
.checkout-group-content .group-content.group-content-date-picker .rc-icon.sgw-icon.calendar, .content-group-table-row .group-content.group-content-date-picker .rc-icon.sgw-icon.calendar {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.checkout-group-content .group-content.group-content-button, .content-group-table-row .group-content.group-content-button {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-button.button-submit, .content-group-table-row .group-content.group-content-button.button-submit {
  padding: 8px 0;
}
.checkout-group-content .group-content.group-content-button.button-link, .content-group-table-row .group-content.group-content-button.button-link {
  padding-bottom: 4px;
  margin-bottom: 3px;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
}
.checkout-group-content .group-content, .content-group-table-row .group-content {
  /*&.group-content-horizontal-group {
  		&:has(> .group-content-button) { // Use ':has()' selector for modern browsers
  				@include apply-border-radius('.group-content-button');
  		}
  }*/
}
.checkout-group-content .group-content.group-content-horizontal-group, .checkout-group-content .group-content.group-content-horizontal-group-line-break, .content-group-table-row .group-content.group-content-horizontal-group, .content-group-table-row .group-content.group-content-horizontal-group-line-break {
  display: flex;
  flex-direction: row;
}
.checkout-group-content .group-content.group-content-horizontal-group.group-content-percentage-slider, .checkout-group-content .group-content.group-content-horizontal-group-line-break.group-content-percentage-slider, .content-group-table-row .group-content.group-content-horizontal-group.group-content-percentage-slider, .content-group-table-row .group-content.group-content-horizontal-group-line-break.group-content-percentage-slider {
  z-index: 10;
  position: relative;
}
.checkout-group-content .group-content.group-content-horizontal-group > *, .checkout-group-content .group-content.group-content-horizontal-group-line-break > *, .content-group-table-row .group-content.group-content-horizontal-group > *, .content-group-table-row .group-content.group-content-horizontal-group-line-break > * {
  margin-right: 8px;
  width: auto;
  flex: 1;
}
.checkout-group-content .group-content.group-content-horizontal-group > *:last-child, .checkout-group-content .group-content.group-content-horizontal-group-line-break > *:last-child, .content-group-table-row .group-content.group-content-horizontal-group > *:last-child, .content-group-table-row .group-content.group-content-horizontal-group-line-break > *:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-horizontal-group > .group-content-avatar, .checkout-group-content .group-content.group-content-horizontal-group-line-break > .group-content-avatar, .content-group-table-row .group-content.group-content-horizontal-group > .group-content-avatar, .content-group-table-row .group-content.group-content-horizontal-group-line-break > .group-content-avatar {
  flex: 0;
}
.checkout-group-content .group-content.group-content-horizontal-group > .group-content-icon, .checkout-group-content .group-content.group-content-horizontal-group-line-break > .group-content-icon, .content-group-table-row .group-content.group-content-horizontal-group > .group-content-icon, .content-group-table-row .group-content.group-content-horizontal-group-line-break > .group-content-icon {
  width: unset;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-key-value.group-content, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-key-value.group-content, .content-group-table-row .group-content.group-content-horizontal-group .group-content-key-value.group-content, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-key-value.group-content {
  width: unset;
}
.checkout-group-content .group-content.group-content-horizontal-group .numeric-buttons button.btn-icon-only, .checkout-group-content .group-content.group-content-horizontal-group-line-break .numeric-buttons button.btn-icon-only, .content-group-table-row .group-content.group-content-horizontal-group .numeric-buttons button.btn-icon-only, .content-group-table-row .group-content.group-content-horizontal-group-line-break .numeric-buttons button.btn-icon-only {
  flex-basis: 17px;
  width: 26px;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add, .content-group-table-row .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add {
  text-align: right;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add button, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add button, .content-group-table-row .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add button, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add button {
  padding-right: unset;
}
.checkout-group-content .group-content.group-content-drop-down .select-options-list, .content-group-table-row .group-content.group-content-drop-down .select-options-list {
  max-height: 320px;
  overflow-y: auto;
}
.checkout-group-content .group-content.group-content-progressbar.group-color .progress-bar-filled, .checkout-group-content .group-content.group-content-progressbar.group-error .progress-bar-filled, .content-group-table-row .group-content.group-content-progressbar.group-color .progress-bar-filled, .content-group-table-row .group-content.group-content-progressbar.group-error .progress-bar-filled {
  background-color: #d9052f;
}
.checkout-group-content .group-content.group-small, .content-group-table-row .group-content.group-small {
  flex: 0 0 25%;
}
.checkout-group-content .group-content.group-content-switch .group-content-label, .checkout-group-content .group-content.group-content-title-switch .group-content-label, .content-group-table-row .group-content.group-content-switch .group-content-label, .content-group-table-row .group-content.group-content-title-switch .group-content-label {
  flex: 1;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description, .content-group-table-row .group-content.group-content-switch .group-content-switch-description, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description {
  padding-top: 2px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header {
  font-weight: bold;
  display: flex;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header > div, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header > div, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header > div, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header > div {
  display: inline-block;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi {
  padding-left: 8px;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before {
  transform: translateY(-75%);
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-error, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-error, .content-group-table-row .group-content.group-content-switch .group-content-switch-error, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-error {
  font-weight: bold;
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-title-switch, .content-group-table-row .group-content.group-content-title-switch {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-avatar, .content-group-table-row .group-content.group-content-avatar {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-avatar .avatar-from-text > span, .content-group-table-row .group-content.group-content-avatar .avatar-from-text > span {
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-avatar.group-small, .content-group-table-row .group-content.group-content-avatar.group-small {
  height: unset;
}
.checkout-group-content .group-content.group-content-avatar.group-small .rc-avatar, .content-group-table-row .group-content.group-content-avatar.group-small .rc-avatar {
  width: 26px;
  height: 26px;
}
.checkout-group-content .group-content.group-content-avatar.group-small .avatar-from-text > span, .content-group-table-row .group-content.group-content-avatar.group-small .avatar-from-text > span {
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-avatar.large-avatar, .content-group-table-row .group-content.group-content-avatar.large-avatar {
  width: 128px;
  height: 128px;
}
.checkout-group-content .group-content.group-content-avatar.large-avatar .rc-avatar, .content-group-table-row .group-content.group-content-avatar.large-avatar .rc-avatar {
  width: 128px;
  height: 128px;
}
.checkout-group-content .group-content.group-content-avatar + .group-content-label, .content-group-table-row .group-content.group-content-avatar + .group-content-label {
  flex-grow: 1;
}
.checkout-group-content .group-content.group-content-project-page, .content-group-table-row .group-content.group-content-project-page {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg {
  position: relative;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg svg, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg svg {
  height: auto;
  width: 100%;
  display: block;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg img, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg img {
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.checkout-group-content .group-content.group-content-like, .content-group-table-row .group-content.group-content-like {
  display: flex;
  cursor: pointer;
  width: unset;
}
.checkout-group-content .group-content .group-content-password-rules-list, .content-group-table-row .group-content .group-content-password-rules-list {
  margin-bottom: 8px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul, .content-group-table-row .group-content .group-content-password-rules-list ul {
  display: flex;
  flex-wrap: wrap;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li, .content-group-table-row .group-content .group-content-password-rules-list ul li {
  width: 50%;
  flex: auto;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li .rc-label-component, .content-group-table-row .group-content .group-content-password-rules-list ul li .rc-label-component {
  min-height: 24px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-failed, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-failed {
  width: calc(50% - 16px);
  list-style: square;
  margin-left: 16px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected {
  display: flex;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon {
  padding-left: 16px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before {
  left: 2px;
  color: #6c9d0d;
}
.checkout-group-content .group-content .rc-component, .content-group-table-row .group-content .rc-component {
  width: 100%;
  max-width: unset;
}
.checkout-group-content .group-content .rc-component.rc-checkbox, .content-group-table-row .group-content .rc-component.rc-checkbox {
  align-items: unset;
  /*.rc-checkbox-box {
  		margin-top: 2px;
  }*/
}
.checkout-group-content .group-content .rc-component.rc-checkbox.redesign, .content-group-table-row .group-content .rc-component.rc-checkbox.redesign {
  align-items: center;
}
.checkout-group-content .group-content.group-content-image, .content-group-table-row .group-content.group-content-image {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout-group-content .group-content.group-content-image .group-content-image-svg, .content-group-table-row .group-content.group-content-image .group-content-image-svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.checkout-group-content .group-content.group-content-image .group-content-image-svg svg, .content-group-table-row .group-content.group-content-image .group-content-image-svg svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.checkout-group-content .group-content.group-content-image.is-clickable, .content-group-table-row .group-content.group-content-image.is-clickable {
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-image.group-align-left, .content-group-table-row .group-content.group-content-image.group-align-left {
  align-items: flex-start;
}
.checkout-group-content .group-content.group-content-image.group-align-right, .content-group-table-row .group-content.group-content-image.group-align-right {
  align-items: flex-end;
}
.checkout-group-content .group-content.group-content-image-histogram .image-histogram-canvas, .content-group-table-row .group-content.group-content-image-histogram .image-histogram-canvas {
  width: 100%;
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-image-histogram .image-histogram-canvas img, .content-group-table-row .group-content.group-content-image-histogram .image-histogram-canvas img {
  border: 1px solid #cccccc;
  width: 100%;
}
.checkout-group-content .group-content.group-content-tabcontrol, .content-group-table-row .group-content.group-content-tabcontrol {
  display: flex;
  justify-content: center;
}
.checkout-group-content .group-content a, .content-group-table-row .group-content a {
  color: #3669c4;
}
.checkout-group-content .group-content a:before, .checkout-group-content .group-content a:after, .content-group-table-row .group-content a:before, .content-group-table-row .group-content a:after {
  content: " ";
  white-space: pre;
}
.checkout-group-content .content-group-wrapper, .content-group-table-row .content-group-wrapper {
  margin-bottom: 16px;
}
.checkout-group-content .content-group-wrapper > .group-content.group-important, .content-group-table-row .content-group-wrapper > .group-content.group-important {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper > .group-content-item .group-content.group-important, .content-group-table-row .content-group-wrapper > .group-content-item .group-content.group-important {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper > .group-content-horizontal-group, .content-group-table-row .content-group-wrapper > .group-content-horizontal-group {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper .content-group-subwrapper .group-content-label, .content-group-table-row .content-group-wrapper .content-group-subwrapper .group-content-label {
  min-height: unset;
}
.checkout-group-content .content-group-wrapper .content-group-subwrapper .group-content.group-content-checkbox, .content-group-table-row .content-group-wrapper .content-group-subwrapper .group-content.group-content-checkbox {
  margin-bottom: 0;
}

.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group {
  gap: 8px;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group > *, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group > * {
  margin-right: unset;
}
@media only screen and (max-width: 500px) {
  .rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group {
    flex-wrap: wrap;
  }
  .rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group > *, .rc-mobile-view .checkout-group-content .group-content.group-content-horizontal-group > * {
    margin-bottom: 8px;
  }
}

.group-content-textarea {
  position: relative;
}
.group-content-textarea .placeholder-menu {
  /*position: absolute;
  right: 0;*/
}
.group-content-textarea .placeholder-menu .rc-context-menu button, .group-content-textarea .placeholder-menu .btn-default.rc-mobile-component {
  padding: 8px;
  width: auto;
  box-sizing: border-box;
  height: 36px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.group-content-textarea .placeholder-menu .rc-context-menu > button, .group-content-textarea .placeholder-menu .btn-default.rc-mobile-component {
  color: #000;
  background-color: #efefef;
}
.group-content-textarea .quill .ql-toolbar.ql-snow {
  padding: 0;
  border: 0;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats {
  margin-right: 8px;
  margin-bottom: 8px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:only-child) button {
  border-radius: 6px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:not(:only-child)) button:first-child {
  border-radius: 6px 0 0 6px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:not(:only-child)) button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats:has(> button:not(:only-child)) button:last-child {
  border-radius: 0 6px 6px 0;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button {
  display: inline-flex;
  align-items: center;
  background-color: #efefef;
  height: 36px;
  padding: 8px;
  min-width: 36px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span.ql-active, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button.ql-active {
  background-color: #d8d8d8;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span.ql-active svg polygon, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span.ql-active svg rect, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button.ql-active svg polygon, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button.ql-active svg rect {
  fill: #3669c4;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > span .ql-picker-label, .group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > button .ql-picker-label {
  display: inline-flex;
  align-items: center;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > .ql-color {
  display: inline-flex;
  align-items: center;
  background-color: #efefef;
  height: 36px;
  padding: 8px;
  min-width: 36px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > .ql-color .ql-picker-label {
  padding: unset;
  height: 100%;
  justify-content: center;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats > .ql-color .ql-picker-label > svg {
  max-height: 20px;
  color: #6e6e6e;
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats {
  /*> span:not(.ql-header.ql-picker), > button {
  		width: auto !important;
  }*/
}
.group-content-textarea .quill .ql-toolbar.ql-snow .ql-formats .ql-picker {
  padding: 8px 0;
  border-radius: 6px;
}
.group-content-textarea .quill .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 1px solid #efefef;
}
.group-content-textarea .quill .ql-container.ql-snow {
  border-color: #efefef;
  border-radius: 6px;
}
.group-content-textarea .quill .ql-container.ql-snow .ql-editor {
  min-height: 200px;
}
.group-content-textarea .quill .ql-container.ql-snow .ql-tooltip {
  z-index: 1;
  left: 50% !important;
  transform: translate(-50%, 10px);
}
.group-content-textarea .quill.group-content-rich-text-area-dark .ql-container.ql-snow .ql-editor {
  background-color: #efefef;
}
.group-content-textarea .quill.group-content-rich-text-area-light .ql-container.ql-snow .ql-editor {
  background-color: white;
}
.group-content-textarea .quill.full-screen-text-area {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.group-content-textarea .quill.full-screen-text-area .ql-container.ql-snow {
  order: 1;
}
.group-content-textarea .quill #toolbarfullscreen.ql-toolbar.ql-snow {
  background-color: white;
  padding: 8px 8px 0;
  order: 2;
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.group-content-textarea .quill #toolbarfullscreen.ql-toolbar.ql-snow .ql-picker-options {
  bottom: 100%;
  top: unset;
}
.group-content-textarea .quill .ql-container.ql-snow .ql-editor p, .group-content-textarea .quill .ql-container.ql-snow .ql-editor ol, .group-content-textarea .quill .ql-container.ql-snow .ql-editor pre, .group-content-textarea .quill .ql-container.ql-snow .ql-editor blockquote, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h1, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h2, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h3, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h4, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h5, .group-content-textarea .quill .ql-container.ql-snow .ql-editor h6 {
  margin-bottom: 12px;
}

.group-content-input-calendar {
  display: flex;
  position: relative;
}

.group-content-date-picker .calendar-container {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: hidden;
  z-index: 5000;
}
.group-content-date-picker .calendar-container .rdp {
  margin: 0.5em 0;
}
.group-content-date-picker .calendar-container .rdp .rdp-caption {
  gap: 8px !important;
}
.group-content-date-picker .calendar-container .rdp-month {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.perpetual-calendar-container {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: hidden;
  z-index: 5000;
}

.feedbackValues .group-content-radio-group-content {
  display: flex;
  flex-direction: row;
}
#SaalImageQuillModule .content-group-table-row .group-content .rc-component {
  flex-grow: 0;
}

.content-group-table-row.table-label-warning {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.content-group-table-row.table-label-warning .rc-icon.sgw-icon {
  flex: unset;
}
.content-group-table-row.table-label-warning .rc-icon.sgw-icon:before {
  color: #d9052f;
}
.content-group-table-row.table-label-warning .group-content.group-content-label {
  margin-bottom: unset;
}

.rc-color-picker {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: auto;
  padding: 8px;
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 0 #cccccc;
  user-select: none;
  cursor: pointer;
}
.rc-color-picker:hover, .rc-color-picker.focus {
  box-shadow: inset 0 -1px 0 0 #3669c4;
}
.rc-color-picker:hover .rc-label, .rc-color-picker.focus .rc-label {
  color: #3669c4;
}
.rc-color-picker .color-picker-label-container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.rc-color-picker .rc-label {
  display: flex;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  color: #6e6e6e;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.rc-color-picker .picker-color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #cccccc;
}
.rc-color-picker.rc-color-picker-dark {
  background: #efefef;
}
.rc-color-picker.rc-color-picker-light {
  background: #FFFFFF;
}
.rc-color-picker.rc-color-picker-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.rc-color-picker.rc-color-picker-small .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-color-picker.rc-color-picker-large {
  padding: 9px;
}
.rc-color-picker.rc-color-picker-large .rc-label {
  font-size: 16px;
  line-height: 24px;
}

.color-picker-container {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 1px 3px #5f5f5f;
  cursor: auto;
  padding: 0;
  overflow: hidden;
  z-index: 5000;
  border-radius: 6px;
}
.color-picker-container > button {
  width: 100%;
}
.color-picker-container.color-picker-container-mobile {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100vw;
  background: #FFFFFF;
  cursor: auto;
  padding: 0;
  height: 0;
  overflow: hidden;
  z-index: 11000;
}
.color-picker-container.color-picker-container-mobile .color-picker-selection {
  padding-bottom: 100px;
  width: unset;
}
.color-picker-container .color-picker-close {
  width: 100%;
  text-align: right;
}
.color-picker-container .color-picker-row {
  display: flex;
  margin-bottom: 8px;
}
.color-picker-container .button-row {
  display: flex;
  gap: 5px;
}
.color-picker-container .button-row button:last-child {
  flex: 1;
}
.color-picker-container .remove-button {
  cursor: pointer;
  height: 25px;
  border: 6px solid #EFEFEF;
  background-color: #FFFFFF;
  margin: 0 auto;
}
.color-picker-container .remove-selected-icon {
  border: none;
  height: 26px;
  width: 30px;
  background: linear-gradient(135deg, transparent calc(50% - 2px), red 50%, transparent calc(50% + 2px));
}
.color-picker-container .color-picker-column {
  display: flex;
  flex-direction: column;
}
.color-picker-container .color-picker-color {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  cursor: pointer;
}
.color-picker-container .color-picker-selection {
  position: relative;
  width: 240px;
}
.color-picker-container .color-picker-selection button {
  width: 100%;
}
.color-picker-container .chrome-picker {
  width: 100%;
  margin: 8px 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: initial;
  font-family: initial;
}
.color-picker-container .color-picker-buttons-group-container {
  display: flex;
}
.color-picker-container .color-picker-buttons-group-container .color-picker-button-container {
  width: 50%;
}
.color-picker-container .color-picker-buttons-group-container .color-picker-button-container:first-child {
  margin-right: 8px;
}

#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 14px;
  padding: 16px;
  width: 290px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .rc-tabcontrol {
  width: 100%;
  margin-bottom: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .rc-tabcontrol .rc-tabcontrol-tab {
  width: 50%;
  color: #525252;
  border-bottom: 1px solid #525252;
  text-transform: uppercase;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3776B2;
  border-bottom: 2px solid #3776B2;
  font-weight: 600;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content {
  overflow-x: auto; /* Enables horizontal scrolling */
  overflow-y: hidden; /* Disables vertical scrolling */
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .label-special-color {
  margin-top: 24px;
  min-height: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row {
  display: flex;
  margin-top: 24px;
  margin-bottom: 8px;
  gap: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row:first-child {
  margin-top: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row.special-color {
  margin-top: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row .color-picker-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row .color-picker-color {
  width: 32px;
  height: 32px;
  min-width: 32px;
  cursor: pointer;
  border-radius: 50%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content .color-picker-row .color-picker-color.with-border {
  border: 1px solid #CBCACA;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab {
  overflow-x: hidden;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container {
  width: 100%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker {
  box-shadow: none !important;
  width: 100% !important;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) {
  padding: 16px 0;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) .flexbox-fix:first-child > div:nth-child(2) .hue-horizontal > div > div {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #E7E7E7;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) .flexbox-fix:first-child > div:first-child {
  display: none !important;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .tab-content.spectrum-tab .chrome-picker-container .chrome-picker > div:nth-child(2) .flexbox-fix:nth-child(2) {
  display: none !important;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container {
  margin-top: 16px;
  margin-bottom: 8px;
  padding-top: 16px;
  border-top: 1px solid #E7E7E7;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container.spectrum-tab {
  margin-top: unset;
  border-top: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .btn-remove {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  border: 1px solid #CBCACA;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .btn-remove:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -1px;
  width: calc(100% + 2px);
  height: 3px;
  background-color: #d9052f;
  transform: rotate(135deg);
  transform-origin: center;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper {
  width: 85%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper .opacity-slider .rc-slider .slider-track {
  display: none;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper .opacity-slider .rc-slider .slider-body {
  height: 12px;
  border-radius: 24px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .remove-and-opacity .opacity-slider-wrapper .opacity-slider .rc-slider .slider-handler {
  top: -3px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #E7E7E7;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 16px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color .color-chip-label {
  gap: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color .color-chip-label .color-picker-color {
  width: 24px;
  height: 24px;
  border: 1px solid #CBCACA;
  border-radius: 50%;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .current-color-container .current-color .color-chip-label .color-label {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-top: 16px;
  gap: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container button {
  flex: 1;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container .color-picker-button-container {
  width: 50%;
  padding-left: 8px;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container .color-picker-button-container:first-child {
  padding-left: unset;
}
#ColorPickerDialog.redesign .rc-dialog-wrapper .rc-dialog-content .color-picker-dialog-content .color-picker-buttons-group-container .color-picker-button-container button {
  width: 100%;
}
#ColorPickerDialog.redesign.redesign-tablet .rc-dialog-content {
  width: unset;
}
#ColorPickerDialog.redesign.redesign-tablet .chrome-picker > div:first-child {
  width: 394px !important;
  height: 344px !important;
}

.rc-confirm {
  z-index: 100100 !important;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  max-height: calc(100dvh - 48px);
  overflow-y: hidden;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main {
  padding: 24px 16px 94px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  overflow-y: auto;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-title {
  display: flex;
  justify-content: left;
  font-weight: bold;
  font-size: 21px;
  line-height: 23px;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-content ul {
  list-style-type: disc;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-content ul li {
  margin: 0 0 8px 32px;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-content p {
  margin: 0;
  flex: 1;
  font-size: 14px;
  line-height: 20px;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-content p a {
  text-decoration: underline;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main .rc-confirm-content img {
  max-width: 100%;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main.bleed-info .rc-dialog-content .rc-confirm-content {
  height: 50vh;
  width: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main.bleed-info .rc-dialog-content .rc-confirm-content h2 {
  margin: 16px 0 8px 0;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main.bleed-info .rc-dialog-content .rc-confirm-content ul {
  list-style-type: circle;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-main.bleed-info .rc-dialog-content .rc-confirm-content ul li {
  list-style-type: circle;
  margin: 0 0 8px 32px;
}
.rc-confirm.rc-dialog .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer {
  display: flex;
  justify-content: end;
  gap: 10px;
  padding: 16px;
  border-top: 2px solid #efefef;
  min-height: unset;
  height: unset;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #FFFFFF;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.rc-dialog-open > *:not(.rc-dialog):not(.apip-error-alert):not(.rc-loader-locked):not(.rc-loader):not(.rc-mobile-view):not(#CollectionImageCommentView):not(.drag-container):not(#ExternalImageSourceProgressBar) {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.rc-dialog.hide-overlayed-dialog {
  display: none !important;
}
.rc-dialog.lock-view-dialog {
  z-index: 20000 !important;
}
.rc-dialog.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content p, .rc-dialog.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content ul {
  margin-bottom: 16px;
}
.rc-dialog.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content ul {
  font-size: 14px;
  margin-left: 16px;
  list-style: disc inside;
}
.rc-dialog:not(.rc-dialog.rc-confirm):not(.rc-dialog.rc-alert).lock-view-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 16px !important;
}
.rc-dialog.redesign:not(.rc-dialog.rc-confirm):not(.rc-dialog.rc-alert) .rc-dialog-wrapper .rc-dialog-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 14px;
  background: #FFF;
  box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.05), 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.rc-dialog.redesign:not(.rc-dialog.rc-confirm):not(.rc-dialog.rc-alert) .rc-dialog-wrapper .rc-dialog-content .title {
  position: unset;
  color: #525252;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.rc-dialog.redesign:not(.rc-dialog.rc-confirm):not(.rc-dialog.rc-alert) .rc-dialog-wrapper .rc-dialog-content .content {
  margin-bottom: 32px;
  width: 100%;
}
.rc-dialog.redesign:not(.rc-dialog.rc-confirm):not(.rc-dialog.rc-alert) .rc-dialog-wrapper .footer-buttons {
  display: flex;
  align-self: end;
  gap: 8px;
}
.rc-dialog .rc-dialog-wrapper {
  flex: auto;
  max-width: 672px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.wide-dialog {
  max-width: 672px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.xslim-dialog {
  min-width: 280px;
  max-width: 380px;
}
.rc-dialog .rc-dialog-wrapper.slim-dialog {
  max-width: 446px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.middle-dialog {
  max-width: 559px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.huge-dialog {
  max-width: 1200px;
  min-width: 320px;
}
.rc-dialog .rc-dialog-wrapper.full-screen {
  width: 95%;
  height: 100%;
  max-width: 95%;
  min-height: unset;
  margin: 0 auto;
}
.rc-dialog .rc-dialog-wrapper.full-screen .rc-dialog-content {
  height: 90%;
  max-height: unset;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 6px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  display: flex;
  justify-content: space-between;
  margin: -16px -16px 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 10;
  flex: 0;
  flex-basis: 54px;
  align-items: center;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control.bottom-border {
  border-bottom: 2px solid #E7E7E7;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button {
  z-index: 1;
  padding: 9px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button .sgw-icon.close:before {
  color: #2C2C2C;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-title {
  min-height: 54px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 6px 64px;
  box-sizing: border-box;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-title > div {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-controls-right {
  display: flex;
  align-self: flex-end;
  gap: 8px;
  margin-right: 16px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-controls-right button {
  padding: 0 8px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-controls-right button.btn-icon:not(.btn-icon-only) .rc-icon.sgw-icon {
  margin-right: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  padding: unset;
  max-height: 85vh;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  margin: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-control-buttons-right {
  display: flex;
  position: absolute;
  right: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-control-buttons-right > button {
  padding: 0 8px;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-control-buttons-right > button.btn-icon .sgw-icon {
  margin-right: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 24px 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.prevent-justify-center {
  justify-content: unset !important;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.without-overflow {
  overflow: unset;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-dark {
  background-color: #efefef;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light {
  background-color: #FFFFFF;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-control + .dialog-with-scrollable-content {
  border-radius: 0;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-content {
  flex: 1;
  width: 100%;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-footer {
  height: 52px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.desktop-dialog-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.mobile-dialog-header-right-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

@media (min-width: 500px) {
  .rc-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .rc-dialog.rc-dialog-blur {
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .rc-dialog.rc-dialog-bg-shadow:not(.rc-dialog-blur):before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: #353840;
    opacity: 0.8;
  }
}
@media (min-width: 500px) and (max-height: 800px) {
  .rc-dialog.rc-dialog-bg-shadow:not(.rc-dialog-blur):before {
    height: 150vh;
  }
}
@media (min-width: 500px) {
  .rc-dialog .rc-dialog-wrapper {
    display: flex;
    position: relative;
    width: auto;
    pointer-events: none;
    align-items: center;
    margin: 16px auto;
    min-height: calc(100% - 16px * 2);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    position: relative;
    display: flex;
    width: 100%;
    background: #ffffff;
    flex-direction: column;
    padding: 16px;
    pointer-events: auto;
    -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-padding {
    padding: 0;
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-background {
    background: unset;
    box-shadow: unset;
  }
}
.mobile-dialog .rc-dialog-wrapper {
  padding: 0 16px;
  box-sizing: border-box;
}

@media (max-width: 500px) {
  .rc-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 36px 24px;
    width: 100dvw;
    height: 100dvh;
    box-sizing: border-box;
  }
  .rc-dialog.rc-dialog-blur {
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .rc-dialog.rc-dialog-bg-shadow:before {
    content: "";
    background-color: #353840;
    opacity: 0.8;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100dvw;
    height: 100dvh;
  }
  .rc-dialog .rc-dialog-wrapper {
    display: flex;
    position: relative;
    width: auto;
    pointer-events: none;
    align-items: center;
    margin: 0 auto;
    min-height: calc(100% - 16px * 2);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    position: relative;
    display: flex;
    width: 100%;
    background: #ffffff;
    flex-direction: column;
    padding: 16px;
    pointer-events: auto;
    overflow: auto;
    max-height: 75vh;
    margin: 0 auto;
    -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content .tooltip-text > p {
    padding-bottom: 0;
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-padding {
    padding: 0;
  }
  .rc-dialog .rc-dialog-wrapper .rc-dialog-content.no-background {
    background: unset;
    box-shadow: unset;
  }
  .rc-dialog .rc-dialog-wrapper .rc-alert-footer {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    min-height: 40px;
    z-index: 20;
    padding: 10px 0;
    background-color: white;
  }
}
@media (max-width: 500px) and (max-height: 800px) {
  .rc-dialog:not(.rc-confirm) {
    overflow-y: auto;
  }
}
.rc-file-upload {
  position: relative;
  display: inline-flex;
}
.rc-file-upload.rc-error .rc-error-label {
  display: block;
}
.rc-file-upload input[type=file] {
  display: none;
  /*opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  text-indent: -999px;*/
}

form .btn-simple.keyboard-focus:focus * {
  text-decoration: underline;
  text-underline-position: under;
}
form .btn-simple.keyboard-focus:focus .sgw-icon:before {
  color: #3669c4;
}

.flex-form {
  display: flex;
  flex-direction: column;
}

.form-footer-buttons {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  top: auto;
  background-color: white;
}
.form-footer-buttons.form-footer-space-between-buttons {
  justify-content: space-between;
}
.form-footer-buttons.form-footer-space-between-buttons button:first-child {
  padding-left: 0;
}
.form-footer-buttons button:first-child {
  margin-right: 4px;
}
.form-footer-buttons button:last-child {
  margin-left: 4px;
}
.form-footer-buttons.redesign-enabled {
  padding: 8px;
  gap: 8px;
}
.form-footer-buttons.redesign-enabled button {
  flex: 1;
}

.form-footer-groupped-buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  flex-wrap: nowrap;
}
.form-footer-groupped-buttons .left-group, .form-footer-groupped-buttons .right-group {
  display: flex;
  flex-wrap: nowrap;
}
.form-footer-groupped-buttons .left-group button .btn-label, .form-footer-groupped-buttons .right-group button .btn-label {
  white-space: nowrap;
}
.form-footer-groupped-buttons .left-group button + button, .form-footer-groupped-buttons .right-group button + button {
  margin-left: 8px;
}

.rc-input-v2-container {
  display: flex;
  flex-direction: column;
}
.rc-input-v2-container.input-container-full-width {
  width: 100%;
}
.rc-input-v2-container .rc-input-v2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  padding: 1px 8px;
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 0 #cccccc;
  cursor: text;
}
.rc-input-v2-container .rc-input-v2 .input-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.rc-input-v2-container .rc-input-v2 .input-right {
  display: flex;
}
.rc-input-v2-container .rc-input-v2 .rc-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #6e6e6e;
  font-size: 12px;
  line-height: 14px;
  cursor: default;
  pointer-events: none;
  touch-action: none;
}
.rc-input-v2-container .rc-input-v2 .rc-input-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  cursor: text;
}
.rc-input-v2-container .rc-input-v2 .rc-input-wrapper input {
  box-sizing: border-box;
  flex: auto;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #2c2c2c;
  background: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-tap-highlight-color: transparent;
}
.rc-input-v2-container .rc-input-v2 .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-day-field,
.rc-input-v2-container .rc-input-v2 .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-month-field,
.rc-input-v2-container .rc-input-v2 .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-year-field,
.rc-input-v2-container .rc-input-v2 .rc-input-wrapper.no-date-value input[type=date]::-webkit-input-placeholder {
  opacity: 0;
}
.rc-input-v2-container .rc-input-v2.input-empty:not(.input-focus), .rc-input-v2-container .rc-input-v2.input-no-label {
  padding: 8px;
}
.rc-input-v2-container .rc-input-v2.input-empty:not(.input-focus) .rc-label, .rc-input-v2-container .rc-input-v2.input-no-label .rc-label {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 8px;
  right: 8px;
}
.rc-input-v2-container .rc-input-v2.rc-error {
  box-shadow: inset 0 -1px 0 0 #d9052f;
}
.rc-input-v2-container .rc-input-v2.rc-error:not(.input-empty) .rc-label {
  color: #d9052f;
}
.rc-input-v2-container .rc-input-v2.input-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-input-v2-container .rc-input-v2:hover, .rc-input-v2-container .rc-input-v2.input-focus {
  box-shadow: inset 0 -1px 0 0 #3669c4;
}
.rc-input-v2-container .rc-input-v2:hover:not(.input-empty) .rc-label, .rc-input-v2-container .rc-input-v2.input-focus:not(.input-empty) .rc-label {
  color: #3669c4;
}
.rc-input-v2-container .rc-input-v2 .input-date-no-button input[type=date]::-webkit-inner-spin-button,
.rc-input-v2-container .rc-input-v2 .input-date-no-button input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.rc-input-v2-container .rc-input-v2.input-dark {
  background-color: #efefef;
}
.rc-input-v2-container .rc-input-v2.input-light {
  background-color: #FFFFFF;
}
.rc-input-v2-container .rc-input-v2.input-small {
  padding: 2px 8px;
}
.rc-input-v2-container .rc-input-v2.input-small .rc-label {
  font-size: 10px;
  line-height: 12px;
}
.rc-input-v2-container .rc-input-v2.input-small .rc-input-wrapper input {
  font-size: 12px;
  line-height: 14px;
}
.rc-input-v2-container .rc-input-v2.input-small.input-empty:not(.input-focus) {
  padding: 8px;
}
.rc-input-v2-container .rc-input-v2.input-small.input-empty:not(.input-focus) .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-input-v2-container .rc-input-v2.input-large {
  padding: 2px 8px;
}
.rc-input-v2-container .rc-input-v2.input-large .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-input-v2-container .rc-input-v2.input-large .rc-input-wrapper input {
  font-size: 16px;
  line-height: 24px;
}
.rc-input-v2-container .rc-input-v2.input-large.input-empty:not(.input-focus) {
  padding: 9px 8px;
}
.rc-input-v2-container .rc-input-v2.input-large.input-empty:not(.input-focus) .rc-label {
  font-size: 16px;
  line-height: 24px;
}
.rc-input-v2-container .rc-input-v2.input-number .numeric-buttons {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-self: flex-end;
}
.rc-input-v2-container .rc-input-v2.input-number.input-small {
  padding: 1px 8px;
}
.rc-input-v2-container .rc-input-v2.input-number-stepper {
  padding: 8px;
}
.rc-input-v2-container .rc-input-v2.input-number-stepper.input-small {
  padding: 8px;
}
.rc-input-v2-container .rc-input-v2.input-number-stepper.input-large {
  padding: 9px 8px;
}
.rc-input-v2-container .rc-input-v2.input-number-stepper.input-number-stepper-buttons {
  padding: 0;
}
.rc-input-v2-container .rc-input-v2.input-number-stepper .rc-input-wrapper input {
  text-align: center;
}
.rc-input-v2-container .input-error-below {
  margin-top: 8px;
  font-size: 12px;
  line-height: 15px;
  color: #d9052f;
}

.rc-label-component {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-height: 36px;
  font-size: 14px;
  justify-content: center;
}
.rc-label-component p {
  width: 100%;
}
.rc-label-component p + p {
  margin-top: 16px;
}
.rc-label-component p:last-child {
  margin-bottom: 16px;
}
.rc-label-component.label-warning {
  font-weight: bold;
  color: #d9052f;
}
.rc-label-component.group-important {
  font-weight: bold;
  font-size: 16px;
}
.rc-label-component.label-heading {
  font-size: 18px;
}
.rc-label-component.label-heading-bold {
  font-size: 21px;
  font-weight: bold;
}
.rc-label-component.rc-mobile-component {
  min-height: 44px;
  line-height: 18px;
}
.rc-label-component.rc-mobile-component.label-heading {
  font-size: 24px;
}
.rc-label-component.rc-mobile-component.label-heading-bold {
  font-size: 24px;
  font-weight: bold;
}

.rc-loader-locked {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}

.rc-loader-content-locked {
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}

.rc-loader {
  background-color: #efefef;
  font-size: 0;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100001;
  overflow: hidden;
}
.rc-loader.circular-loader {
  border-radius: 50%;
}
.rc-loader.content-loader {
  position: absolute;
  z-index: 0;
}
.rc-loader.on-top {
  z-index: 10000;
}
.rc-loader {
  /*> div > div {
      width: 6px;
      height: 8px;
      background-color: $LoaderBackgroundLight;
      margin: 1px;

      display: inline-block;
      -webkit-animation: rc-loader-key-frame 1s infinite;
      animation: rc-loader-key-frame 1s infinite;
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
  }

  .rc-loader-i1 {
      -webkit-animation-delay: 0.33s;
      animation-delay: 0.33s;
  }

  .rc-loader-i2 {
      -webkit-animation-delay: 0.66s;
      animation-delay: 0.66s;
  }*/
}
.rc-loader .rc-loader-circular {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  border-radius: 50%;
  padding: 4px;
  width: 48px;
  height: 48px;
  color: #3669C4;
  background-color: transparent;
  overflow: hidden;
}
.rc-loader .rc-loader-circular::-webkit-progress-bar {
  background-color: transparent;
}
.rc-loader {
  /* Indeterminate */
}
.rc-loader .rc-loader-circular:indeterminate {
  -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  animation: rc-loader-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}
.rc-loader :-ms-lang(x), .rc-loader .rc-loader-circular:indeterminate {
  animation: none;
}
.rc-loader .rc-loader-circular:indeterminate::before,
.rc-loader .rc-loader-circular:indeterminate::-webkit-progress-value {
  content: "";
  display: block;
  box-sizing: border-box;
  margin-bottom: 4px;
  border: solid 4px transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 100% !important;
  height: 100%;
  background-color: transparent;
  animation: rc-loader-circular-pseudo 0.75s infinite linear alternate;
}
.rc-loader .rc-loader-circular:indeterminate::-moz-progress-bar {
  box-sizing: border-box;
  border: solid 4px transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: transparent;
  animation: rc-loader-circular-pseudo 0.75s infinite linear alternate;
}
.rc-loader {
  /* .rc-loader-circular:indeterminate::-ms-fill {
       animation-name: -ms-ring;
   }*/
}
@keyframes rc-loader-circular {
  0% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(180deg);
    animation-timing-function: linear;
  }
  25% {
    transform: rotate(630deg);
  }
  37.5% {
    transform: rotate(810deg);
    animation-timing-function: linear;
  }
  50% {
    transform: rotate(1260deg);
  }
  62.5% {
    transform: rotate(1440deg);
    animation-timing-function: linear;
  }
  75% {
    transform: rotate(1890deg);
  }
  87.5% {
    transform: rotate(2070deg);
    animation-timing-function: linear;
  }
  100% {
    transform: rotate(2520deg);
  }
}
@keyframes rc-loader-circular-pseudo {
  0% {
    transform: rotate(-30deg);
  }
  29.4% {
    border-left-color: transparent;
  }
  29.41% {
    border-left-color: currentColor;
  }
  64.7% {
    border-bottom-color: transparent;
  }
  64.71% {
    border-bottom-color: currentColor;
  }
  100% {
    border-left-color: currentColor;
    border-bottom-color: currentColor;
    transform: rotate(225deg);
  }
}

@-webkit-keyframes rc-loader-key-frame {
  0% {
    background-color: #c2c2c2;
  }
  10% {
    background-color: #868686;
  }
}
@keyframes rc-loader-key-frame {
  0% {
    background-color: #c2c2c2;
  }
  10% {
    background-color: #868686;
  }
}
body .rc-mobile-view {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: unset;
  z-index: 10000;
  overflow: hidden;
  background-color: white;
}
body .rc-mobile-view.redesign-login {
  z-index: 10050;
}
body .rc-mobile-view button {
  touch-action: manipulation;
}
body .rc-mobile-view.is-hidden {
  display: none;
}

body.rc-mobile-view {
  display: flex;
  flex-direction: column;
}

/*body .rc-mobile-view:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    height: 100vh;
}*/
body.rc-mobile-view.subview-shown {
  overflow: hidden;
}
body.rc-mobile-view.subview-shown > main {
  overflow: hidden;
  -webkit-overflow-scrolling: unset;
}

.rc-mobile-view > main {
  display: flex;
  flex: auto;
}
.rc-mobile-view > main.rc-mobile-view-dark {
  background-color: #F7F7F7;
}
.rc-mobile-view > main.rc-mobile-view-dark.redesign {
  background-color: #e7e7e7;
}
.rc-mobile-view > main.rc-mobile-view-light {
  background-color: #FFFFFF;
}
.rc-mobile-view > main.redesign-tablet-landscape-list-view {
  flex-direction: row;
}
.rc-mobile-view > main.redesign-tablet-landscape-list-view .mobile-stage {
  align-self: center;
}
.rc-mobile-view > main > div {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rc-mobile-view > main .padding-wrapper {
  padding: 16px;
  box-sizing: border-box;
  height: unset;
}
.rc-mobile-view > main .padding-wrapper form {
  display: flex;
  flex-direction: column;
}
.rc-mobile-view > main .padding-wrapper form > div.checkout-group-content {
  flex: 1;
}
.rc-mobile-view > main .padding-small-wrapper {
  padding: 8px;
  box-sizing: border-box;
}

.justify-content-center {
  display: flex;
  justify-content: center;
}
.justify-content-center.flex-direction-column {
  flex-direction: column;
}

body .rc-mobile-view > main {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.rc-background-light {
  background-color: white;
}

.rc-background-dark {
  background-color: #efefef;
}

.rc-mobile-view footer {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 52px;
  position: relative;
  bottom: unset;
  padding: 16px;
  gap: 8px;
}
.rc-mobile-view footer.redesign {
  border-top: none;
}
.rc-mobile-view footer.redesign.bulk {
  padding: unset;
}
.rc-mobile-view footer.redesign.bulk .rc-mobile-priceinfo-redesign {
  padding: 16px 24px 0 24px;
  box-sizing: border-box;
}
.rc-mobile-view footer.redesign.bulk .rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info {
  font-weight: 700;
}
.rc-mobile-view footer.redesign.bulk .rc-mobile-priceinfo-redesign .price-info {
  text-transform: capitalize;
}
.rc-mobile-view footer.redesign.bulk label {
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 12px;
  margin-top: 4px;
}
.rc-mobile-view footer.redesign.bulk .footer-submit-button-redesign {
  padding: 16px;
  margin-bottom: unset;
  margin-top: unset;
  box-sizing: border-box;
}
.rc-mobile-view footer.sort-view-footer-redesign {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F7F7F7;
  height: 74px;
  padding: 16px;
}
.rc-mobile-view footer.mobile-tabs {
  flex: 0 0 60px;
  flex-direction: row;
}
.rc-mobile-view footer.mobile-tabs > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.rc-mobile-view footer.mobile-tabs > div.tab-active {
  color: #3669c4;
}
.rc-mobile-view footer.mobile-tabs > div.tab-active .rc-icon:before {
  color: #3669c4;
}
.rc-mobile-view footer.mobile-tabs > div button {
  display: flex;
  flex-direction: column;
  padding: unset;
  height: 60px;
}
.rc-mobile-view footer.mobile-tabs > div button.btn-icon .sgw-icon {
  margin-right: unset;
}
.rc-mobile-view footer.mobile-dark-footer {
  background-color: #000000;
  color: #FFFFFF;
  border-top: 1px solid #000000;
}
.rc-mobile-view footer.mobile-dark-footer button .sgw-icon:before {
  color: #FFFFFF;
}
.rc-mobile-view footer.mobile-ios-footer:not(.redesign) {
  padding-bottom: 32px;
}
.rc-mobile-view footer.mobile-floating-footer {
  box-shadow: unset;
  border: unset;
}
.rc-mobile-view footer .footer-submit-button, .rc-mobile-view footer .footer-cancel-button {
  width: 100%;
  margin-bottom: 4px;
  margin-top: 6px;
}
.rc-mobile-view footer .footer-submit-button .btn-simple, .rc-mobile-view footer .footer-cancel-button .btn-simple {
  height: 36px;
}
.rc-mobile-view footer .footer-submit-button .btn-simple.btn-submit, .rc-mobile-view footer .footer-submit-button .btn-simple.btn-action, .rc-mobile-view footer .footer-cancel-button .btn-simple.btn-submit, .rc-mobile-view footer .footer-cancel-button .btn-simple.btn-action {
  width: 100%;
  font-size: 14px;
}
.rc-mobile-view footer .footer-submit-button-redesign, .rc-mobile-view footer .footer-cancel-button-redesign {
  width: 100%;
}
.rc-mobile-view footer .footer-submit-button-redesign .btn-simple, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple {
  height: 36px;
  border-radius: 120px;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 42px;
}
.rc-mobile-view footer .footer-submit-button-redesign .btn-simple .btn-label, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple .btn-label {
  font-size: 15px;
}
.rc-mobile-view footer .footer-submit-button-redesign .btn-simple.btn-submit, .rc-mobile-view footer .footer-submit-button-redesign .btn-simple.btn-action, .rc-mobile-view footer .footer-submit-button-redesign .btn-simple.btn-simple, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple.btn-submit, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple.btn-action, .rc-mobile-view footer .footer-cancel-button-redesign .btn-simple.btn-simple {
  width: 100%;
  font-size: 14px;
  gap: 8px;
}
.rc-mobile-view footer label {
  width: 100%;
  font-size: 14px;
  display: block;
}
.rc-mobile-view footer .rc-mobile-preview-article-title label {
  font-size: 18px;
}

.rc-mobile-priceinfo {
  text-align: right;
  display: flex;
  justify-content: right;
  width: 100%;
}
.rc-mobile-priceinfo .price-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.rc-mobile-priceinfo .valid-to {
  color: #d9052f;
  margin-left: 8px;
  font-size: 14px;
}
.rc-mobile-priceinfo .price-original {
  text-decoration: line-through;
  margin-right: 4px;
  font-size: 16px;
}
.rc-mobile-priceinfo .price {
  font-size: 16px;
}
.rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info .valid-to {
  color: #d9052f;
  margin-left: 8px;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info > * {
  white-space: nowrap;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info-redesign {
  display: flex;
  align-items: flex-end;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info-redesign .valid-to {
  color: #d9052f;
}
.rc-mobile-priceinfo .rc-mobile-priceinfo-info-redesign > * {
  white-space: nowrap;
}

.footer-redesign.redesign {
  flex: unset;
  display: flex;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 16px 16px 0 16px;
}
.footer-redesign.redesign .rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info {
  padding-left: 8px;
}
.footer-redesign.redesign .rc-mobile-priceinfo-redesign .price-info {
  padding-right: 8px;
}
.footer-redesign.redesign label .rc-mobile-priceinfo-url {
  padding: 4px 0 0 8px;
}
.footer-redesign.redesign.footer-tablet {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait {
  align-items: center !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-left-info {
  padding: 0 32px 16px 16px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-right-button {
  padding-left: 16px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-right-button .footer-submit-button-redesign {
  max-width: unset !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-portrait .tablet-right-button .footer-submit-button-redesign button {
  width: 375px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape {
  padding: unset !important;
  gap: 8px;
  align-items: center !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info {
  display: flex;
  padding-left: 16px;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  gap: 24px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-left-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-right-column {
  flex-direction: column;
  align-items: flex-end;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-right-column .dispatch-time {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info .info-right-column .dispatch-time .rc-icon.sgw-icon.info {
  margin-right: unset;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-right-button {
  display: flex;
  align-items: center;
  padding: 16px;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-right-button .footer-submit-button-redesign {
  margin-top: unset;
  margin-bottom: unset;
  margin: unset;
  max-width: unset !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-right-button .footer-submit-button-redesign button {
  width: 487px;
}
.footer-redesign.redesign.footer-tablet .tablet-left-info {
  width: 100%;
  flex-direction: column;
}
.footer-redesign.redesign.footer-tablet .tablet-left-info .rc-mobile-priceinfo-redesign {
  justify-content: unset;
}

footer.redesign.configurator-footer.tablet.portrait .configurator-footer-info-section {
  padding: unset;
}
footer.redesign.configurator-footer.tablet.portrait .configurator-footer-info-section .rc-mobile-shipping-info {
  margin-top: 16px;
}
footer.redesign.configurator-footer .configurator-footer-info-section {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 8px 0;
}
footer.redesign.configurator-footer .configurator-footer-info-section .rc-mobile-priceinfo-redesign {
  line-height: 16px;
}
footer.redesign.configurator-footer .configurator-footer-info-section .rc-mobile-priceinfo-redesign .price-info {
  margin: 0;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label .rc-mobile-priceinfo-url {
  padding-top: 4px;
  line-height: 12px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label a {
  padding: unset;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info {
  margin-top: 8px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info > div.rc-icon {
  padding-left: unset;
  width: 14px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info > div.rc-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
footer.redesign.configurator-footer .configurator-footer-info-section > label.rc-mobile-shipping-info > div h2 {
  line-height: 14px;
  margin-top: 1px;
}
footer.redesign.configurator-footer .footer-submit-button-redesign > button {
  height: 42px;
}
footer.redesign.configurator-footer.tablet {
  flex-direction: row;
  padding: 16px 32px;
  align-items: end;
}
footer.redesign.configurator-footer.tablet .rc-mobile-priceinfo-redesign {
  justify-content: start;
}
footer.redesign.configurator-footer.tablet .footer-submit-button-redesign {
  max-width: 342px;
  margin: 0;
}

.rc-mobile-priceinfo-redesign {
  text-align: right;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.rc-mobile-priceinfo-redesign .price-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.rc-mobile-priceinfo-redesign .valid-to {
  color: #d9052f;
  margin-left: 8px;
  font-size: 14px;
}
.rc-mobile-priceinfo-redesign .price-original {
  text-decoration: line-through;
  margin-right: 4px;
  font-size: 16px;
}
.rc-mobile-priceinfo-redesign .price {
  font-size: 16px;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info .price-original + .price {
  color: #d9052f;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info .valid-to {
  color: #d9052f;
  margin-left: 8px;
}
.rc-mobile-priceinfo-redesign .rc-mobile-priceinfo-info > * {
  white-space: nowrap;
}

.dispatch-time {
  display: flex;
  flex-direction: row;
  justify-content: left;
  width: 100%;
  color: #6C9D0D;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-top: 8px;
}
.dispatch-time.redesign {
  padding-left: 8px;
}
.dispatch-time.redesign .rc-icon.sgw-icon.info {
  width: 14px;
  margin-right: 8px;
  padding-left: unset;
}
.dispatch-time.redesign .rc-icon.sgw-icon.info:before {
  font-family: "icomoon";
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.dispatch-time .rc-icon.sgw-icon.info:before {
  color: #6C9D0D;
  margin-top: -5px;
}

.rc-mobile-priceinfo-url {
  text-decoration: underline;
  color: #333333;
  display: flex;
  align-items: center;
  padding: 4px 0;
  font-size: 12px;
}

.rc-mobile-view footer .rc-mobile-shipping-info {
  display: flex;
}
.rc-mobile-view footer .rc-mobile-shipping-info .sgw-icon:before, .rc-mobile-view footer .rc-mobile-shipping-info h2 {
  color: #6C9D0D;
  font-size: 14px;
  margin-bottom: 0;
}
.rc-mobile-view footer .rc-mobile-shipping-info .sgw-icon {
  padding-left: 18px;
}
.rc-mobile-view footer .rc-mobile-shipping-info h2 {
  font-weight: 700;
  font-family: inherit;
}

.rc-mobile-view > header {
  flex: 0 0 54px;
  width: 100%;
  background-color: #ffffff;
  top: 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 8px;
  align-items: center;
}
.rc-mobile-view > header.shadow {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28) !important;
}
.rc-mobile-view > header.title-to-left .mobile-page-title {
  text-align: left;
}
.rc-mobile-view > header.redesign {
  flex: 0 0 56px;
  box-shadow: none;
  border-bottom: none;
  z-index: 101;
}
.rc-mobile-view > header.redesign.phone {
  width: 100%;
}
.rc-mobile-view > header.redesign.phone .mobile-page-title {
  width: 100%;
  margin: unset !important;
  padding: 0 18px;
}
.rc-mobile-view > header.redesign.phone .header-mobile-menu {
  position: absolute;
  top: calc((100% - 36px) * 0.5);
  right: 16px;
  z-index: 5;
  margin: unset;
}
.rc-mobile-view > header.redesign .header-buttons-wrapper {
  align-items: center;
}
.rc-mobile-view > header.redesign .header-buttons-wrapper .header-buttons-right {
  align-items: center;
}
.rc-mobile-view > header.redesign .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon.arrow_left_line2 {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon.arrow_left_line2:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .back-button:not(.align-right) > button {
  height: 18px;
}
.rc-mobile-view > header.redesign .back-button:not(.align-right) > button.btn-redesign {
  position: fixed;
  top: 28px;
  left: 16px;
  transform: translate(0, -50%);
  z-index: 5;
  margin: unset;
}
.rc-mobile-view > header.redesign .back-button:not(.align-right) > button.btn-redesign .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign > div:not(.align-right) .btn-simple.btn-icon-only .sgw-icon {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign > div:not(.align-right) .btn-simple.btn-icon-only .sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign.mobile-header-selection-mode .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign.mobile-header-selection-mode .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
.rc-mobile-view > header.redesign.mobile-header-selection-mode .btn-label {
  font-size: 18px;
}
.rc-mobile-view > header.redesign .promo-button {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  gap: 4px;
  color: #2C2C2C;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  border-radius: 120px;
}
.rc-mobile-view > header.redesign .promo-button.with-badge {
  background-color: #cc0000;
  color: #FFF;
}
.rc-mobile-view > header.redesign .promo-button.with-badge .rc-icon.sgw-icon {
  height: 14px;
  width: 14px;
  padding-left: unset;
}
.rc-mobile-view > header.redesign .promo-button.with-badge .rc-icon.sgw-icon:before {
  color: #FFF;
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .promo-button:not(.with-badge) .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
  padding-left: unset;
}
.rc-mobile-view > header.redesign .promo-button:not(.with-badge) .rc-icon.sgw-icon:before {
  color: #2C2C2C;
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign.tablet {
  padding: 8px 16px;
}
.rc-mobile-view > header.redesign.tablet .mobile-page-title.single-page {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  text-overflow: ellipsis;
  text-align: center;
  margin: unset;
}
.rc-mobile-view > header.redesign.tablet .designer-listview-header-placeholder {
  width: 400px;
  align-self: center;
  margin: 0 32px;
  display: flex;
  flex: 1;
}
.rc-mobile-view > header.redesign.tablet .header-right-tablet-btn.settings.open .btn-icon .sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view > header.redesign.tablet button.zoom-highlighted .sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view > header.redesign.phone .mobile-page-title, .rc-mobile-view > header.redesign.portrait .mobile-page-title {
  margin: 0 60px;
}
.rc-mobile-view > header.redesign .header-buttons-right .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign .header-buttons-right .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign .header-buttons-right .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px !important;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .header-right-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-mobile-view > header.redesign .tablet-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.rc-mobile-view > header.redesign .tablet-header .tablet-header-left {
  display: flex;
  align-items: center;
}
.rc-mobile-view > header.redesign .tablet-header .mobile-page-title {
  text-overflow: ellipsis;
  flex: unset;
}
.rc-mobile-view > header.redesign .zoom-controls {
  display: flex;
  align-items: center;
  margin-left: 65px;
  gap: 24px;
}
.rc-mobile-view > header.redesign .zoom-controls .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  width: unset;
  height: unset;
}
.rc-mobile-view > header.redesign .zoom-controls .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .zoom-controls .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .main-view {
  display: flex;
  align-items: center;
}
.rc-mobile-view > header.redesign .main-view .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  width: unset;
  height: unset;
}
.rc-mobile-view > header.redesign .main-view .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .main-view .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .header-right-tablet-btn {
  margin-left: 24px;
  display: flex;
  align-items: center;
}
.rc-mobile-view > header.redesign .header-right-tablet-btn .btn-simple.btn-icon.btn-icon-only.btn-redesign {
  width: unset;
  height: unset;
}
.rc-mobile-view > header.redesign .header-right-tablet-btn .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.rc-mobile-view > header.redesign .header-right-tablet-btn .btn-simple.btn-icon.btn-icon-only.btn-redesign .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
.rc-mobile-view > header.redesign .header-right-tablet-btn.selected .rc-icon.sgw-icon:before {
  color: #3669C4;
}
.rc-mobile-view > header.redesign .mobile-page-title {
  overflow: hidden;
  color: #2C2C2C;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400;
}
.rc-mobile-view > header .back-button:not(.align-right) {
  position: absolute;
  left: 0;
  z-index: 1;
}
.rc-mobile-view > header .mobile-header-options-buttons {
  display: flex;
  gap: 8px;
}
.rc-mobile-view > header .mobile-page-title {
  flex: 1;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
  align-self: center;
  margin: 0 32px;
}
.rc-mobile-view > header.mobile-header-selection-mode {
  background-color: #3669c4;
}
.rc-mobile-view > header.mobile-header-selection-mode button .btn-label, .rc-mobile-view > header.mobile-header-selection-mode button .sgw-icon:before {
  color: #ffffff;
}
.rc-mobile-view > header.mobile-header-selection-mode .mobile-page-title {
  color: #ffffff;
}
.rc-mobile-view > header .mobile-header-labled-button {
  position: absolute;
  right: 8px;
}
.rc-mobile-view > header .mobile-header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}

body.rc-mobile-view > header {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}

.rc-multi-accept-input form {
  display: flex;
  flex-wrap: wrap;
}
.rc-multi-accept-input form > * {
  margin-right: 8px;
}

.rc-radio-wrapper {
  display: flex;
  flex-direction: column;
}
.rc-radio-wrapper .rc-radio {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  flex-wrap: nowrap;
}
.rc-radio-wrapper .rc-radio .radio-element {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px #cccccc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-radio-wrapper .rc-radio .radio-label {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
}
@media (hover: hover) {
  .rc-radio-wrapper .rc-radio:hover .radio-element {
    box-shadow: inset 0 0 0 1px #3669c4;
  }
}
.rc-radio-wrapper .rc-radio:focus-visible .radio-element {
  box-shadow: inset 0 0 0 1px #3669c4;
}
.rc-radio-wrapper .rc-radio.radio-selected .radio-element {
  box-shadow: inset 0 0 0 1px #3669c4;
}
.rc-radio-wrapper .rc-radio.radio-selected .radio-element:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3669c4;
}
.rc-radio-wrapper .rc-radio.radio-error .radio-element {
  box-shadow: inset 0 0 0 1px #d9052f;
}
.rc-radio-wrapper .rc-radio.radio-error.radio-selected .radio-element:before {
  background: #d9052f;
}
.rc-radio-wrapper .rc-radio.radio-disabled {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}
.rc-radio-wrapper .rc-radio.radio-small {
  padding: 8px 0;
  gap: 4px;
}
.rc-radio-wrapper .rc-radio.radio-small .radio-element {
  width: 14px;
  height: 14px;
}
.rc-radio-wrapper .rc-radio.radio-small .radio-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-radio-wrapper .rc-radio.radio-small.radio-selected .radio-element:before {
  width: 6px;
  height: 6px;
}
.rc-radio-wrapper .rc-radio.radio-large {
  padding: 9px 0;
  gap: 8px;
}
.rc-radio-wrapper .rc-radio.radio-large .radio-element {
  width: 20px;
  height: 20px;
}
.rc-radio-wrapper .rc-radio.radio-large .radio-label {
  font-size: 16px;
  line-height: 24px;
}
.rc-radio-wrapper .rc-radio.radio-large.radio-selected .radio-element:before {
  width: 10px;
  height: 10px;
}
.rc-radio-wrapper .radio-error-below {
  font-size: 12px;
  line-height: 14px;
  color: #d9052f;
}

.radio-item span.radio-button.redesign {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #C2C2C2;
  margin-right: 4px;
  position: relative;
}
.radio-item.selected span.radio-button.redesign:before {
  border-radius: 100%;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  left: 4px;
  top: 4px;
  background: #3776B2;
}

.rc-select-v2-container .rc-select-v2 {
  position: relative;
  user-select: none;
  border-radius: 6px;
}
.rc-select-v2-container .rc-select-v2 .selected-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  padding: 1px 8px;
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 0 #cccccc;
  cursor: pointer;
}
.rc-select-v2-container .rc-select-v2 .selected-option .select-main {
  flex: 1;
  min-width: 0;
}
.rc-select-v2-container .rc-select-v2 .selected-option .select-main .selected-option-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}
.rc-select-v2-container .rc-select-v2 .selected-option .select-label-placeholder {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.rc-select-v2-container .rc-select-v2 .selected-option .rc-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #6e6e6e;
  font-size: 12px;
  line-height: 14px;
  cursor: default;
  pointer-events: none;
  touch-action: none;
  text-align: left;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-option-icon {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-option-icon .rc-icon {
  padding: 0;
  width: 20px;
  height: 20px;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-option-icon .rc-icon:before {
  font-size: 20px;
  line-height: 20px;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-option-text {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  flex: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  line-height: 20px;
  color: #2c2c2c;
  background: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-options {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px 0;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-options .selected-option-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 120px;
  color: #2c2c2c;
  font-size: 12px;
  line-height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-options .selected-option-chip .selected-option-chip-label {
  white-space: nowrap;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-options .selected-option-chip .rc-icon {
  padding-left: unset;
  margin-left: 4px;
}
.rc-select-v2-container .rc-select-v2 .selected-option .selected-options .selected-option-chip .rc-icon:before {
  left: unset;
  right: 0;
  transform: translate(0, -50%);
  font-size: 16px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-empty, .rc-select-v2-container .rc-select-v2 .selected-option.select-no-label {
  padding: 8px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-empty .rc-label, .rc-select-v2-container .rc-select-v2 .selected-option.select-no-label .rc-label {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
}
.rc-select-v2-container .rc-select-v2 .selected-option.rc-error {
  box-shadow: inset 0 -1px 0 0 #d9052f;
}
.rc-select-v2-container .rc-select-v2 .selected-option.rc-error:not(.select-empty) .rc-label {
  color: #d9052f;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-select-v2-container .rc-select-v2 .selected-option:hover, .rc-select-v2-container .rc-select-v2 .selected-option.select-focus {
  box-shadow: inset 0 -1px 0 0 #3669c4;
}
.rc-select-v2-container .rc-select-v2 .selected-option:hover:not(.select-empty) .rc-label, .rc-select-v2-container .rc-select-v2 .selected-option.select-focus:not(.select-empty) .rc-label {
  color: #3669c4;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small {
  padding: 2px 8px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small .rc-label {
  font-size: 10px;
  line-height: 12px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small .selected-option-icon {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small .selected-option-icon .rc-icon {
  padding: 0;
  width: 14px;
  height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small .selected-option-icon .rc-icon:before {
  font-size: 14px;
  line-height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small .selected-option-text {
  font-size: 12px;
  line-height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small.select-empty {
  padding: 8px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-small.select-empty .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large {
  padding: 2px 8px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large .selected-option-icon {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large .selected-option-icon .rc-icon {
  padding: 0;
  width: 24px;
  height: 24px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large .selected-option-icon .rc-icon:before {
  font-size: 24px;
  line-height: 24px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large .selected-option-text {
  font-size: 16px;
  line-height: 24px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large.select-empty {
  padding: 9px 8px;
}
.rc-select-v2-container .rc-select-v2 .selected-option.select-large.select-empty .rc-label {
  font-size: 16px;
  line-height: 24px;
}
.rc-select-v2-container .rc-select-v2.select-dark {
  background: #efefef;
}
.rc-select-v2-container .rc-select-v2.select-dark .selected-option-chip {
  background: #FFFFFF;
}
.rc-select-v2-container .rc-select-v2.select-light {
  background: #FFFFFF;
}
.rc-select-v2-container .rc-select-v2.select-light .selected-option-chip {
  background: #efefef;
}
.rc-select-v2-container .rc-select-v2 .select-options-list {
  display: none;
  position: fixed;
  min-width: 100%;
  max-height: 320px;
  overflow: auto;
  font-size: 14px;
  box-shadow: 0 1px 3px #5F5F5F;
  background: #FFFFFF;
  cursor: pointer;
  z-index: 2;
  border-radius: 6px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  margin-bottom: 2px;
  background: #FFFFFF;
  font-weight: normal;
  position: relative;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.level-1 {
  padding-left: 10px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.level-2 {
  padding-left: 16px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.level-3 {
  padding-left: 22px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.level-4 {
  padding-left: 28px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.level-5 {
  padding-left: 34px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item .rc-icon.sgw-icon.lock_ratio {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.image-right .option-text {
  order: 1;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.image-right .option-image {
  order: 2;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.image-left .option-text {
  order: 2;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.image-left .option-image {
  order: 1;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item:nth-child(odd) {
  background: #efefef;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.selected, .rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.select-focus {
  background: #D8D8D8;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item:hover:not(.disabled):not(.select-focus) {
  background: #E8E8E8;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.disabled {
  opacity: 0.5;
}
.rc-select-v2-container .rc-select-v2 .select-options-list .select-options-item.has-divider {
  border-bottom: 1px solid #cccccc;
}
.rc-select-v2-container .rc-select-v2 .select-options-list.all-options-light .select-options-item {
  background: #FFFFFF;
}
.rc-select-v2-container .rc-select-v2 .select-options-list.bigger-padding {
  padding: 16px;
}
.rc-select-v2-container .rc-select-v2 .select-options-list.bigger-padding .select-options-item {
  height: 36px;
  padding: 0;
  margin: 0;
}
.rc-select-v2-container .rc-select-v2.select-open .select-options-list {
  display: inherit;
}
.rc-select-v2-container .rc-select-v2.select-multiple .select-options-list .select-options-item,
.rc-select-v2-container .rc-select-v2.select-multiple .select-options-list .select-options-item:nth-child(odd) {
  background: unset;
}
.rc-select-v2-container .rc-select-v2.select-multiple .select-options-list .select-options-item.item-selected .rc-component.rc-checkbox .rc-checkbox-label {
  font-weight: bold;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content {
  background: #FFF;
  display: flex;
  flex-shrink: 0;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content.tablet .dialog-scrollable-content {
  background-color: unset !important;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 16px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 8px 0;
  margin-bottom: unset;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign {
  display: flex;
  flex-direction: column;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item {
  display: flex;
  min-height: 48px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-bottom: 1px solid #CBCACA;
  padding: 0 16px;
  box-sizing: border-box;
  position: relative;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item:last-child {
  border-bottom: unset;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-1 {
  padding-left: 34px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-2 {
  padding-left: 54px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-3 {
  padding-left: 74px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-4 {
  padding-left: 94px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item.level-5 {
  padding-left: 114px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-icon.sgw-icon.lock_ratio {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  border-color: #6E6E6E;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-radio .rc-radio-element.selected:before {
  background-color: #3776B2;
  width: 10px;
  height: 10px;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .rc-radio .rc-radio-label {
  color: #525252;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  order: 1;
  flex: 1;
  padding: 8px;
  box-sizing: border-box;
}
.rc-select-v2-container .rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .select-options-list-redesign .select-options-item .option-image img {
  height: 35px;
}
.rc-select-v2-container .select-error-below {
  margin-top: 8px;
  font-size: 12px;
  line-height: 15px;
  color: #d9052f;
}

.search-bar.content-group-table-row {
  flex: auto;
  position: relative;
}
.search-bar.content-group-table-row .group-content-input {
  flex: 1;
  margin-right: 0 !important;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group {
  margin-bottom: 0;
  max-width: 694px;
  width: 100%;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form, .search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-form-input {
  flex: 1;
  margin-right: unset;
  width: 100%;
  position: relative;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .rc-input {
  margin-right: unset;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .rc-input .rc-input-wrapper input {
  padding-right: 64px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-filter-content {
  margin-left: 8px;
  margin-right: unset;
  flex: 0;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-filter-content button {
  position: relative;
  inset: unset;
  flex: 0 0 36px;
  margin-right: 0;
  width: 36px;
  height: 35px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-filter-content button.rc-mobile-component {
  flex-basis: 44px;
  width: 44px;
  height: 43px;
}
.search-bar.content-group-table-row .search-filter-content {
  padding: 16px;
  width: 320px;
  max-width: 320px;
  position: absolute;
  right: 0;
  top: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 10000;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content-horizontal-group {
  gap: 8px;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content-horizontal-group .group-content-button button {
  width: 100%;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-radio-group {
  margin-bottom: 8px;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio {
  padding-left: 8px;
  border-bottom: 1px solid #efefef;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio:last-child {
  border-bottom: unset;
}
.search-bar.content-group-table-row .search-filter-content .checkout-group-content .group-content.group-content-divider {
  margin-top: 0;
  margin-bottom: 0;
}
.search-bar.content-group-table-row .search-filter-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

main .search-bar.content-group-table-row {
  margin-bottom: 0;
  padding-bottom: 0;
  flex: 0;
  display: flex;
  justify-content: center;
}
main .search-bar.content-group-table-row .group-content.group-content-horizontal-group form {
  margin-bottom: 8px;
}

.rc-search-input {
  padding: 8px;
  border-radius: 6px;
  height: fit-content;
  display: flex;
  gap: 6px;
}
.rc-search-input input {
  box-sizing: border-box;
  flex: auto;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #2c2c2c;
  background: transparent;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-tap-highlight-color: transparent;
}
.rc-search-input input:focus::placeholder {
  opacity: 0;
}
.rc-search-input.search-input-full-width {
  width: 100%;
}
.rc-search-input.search-input-dark {
  background-color: #efefef;
}
.rc-search-input.search-input-light {
  background-color: #FFFFFF;
}
.rc-search-input.search-input-small input {
  font-size: 12px;
  line-height: 14px;
}
.rc-search-input.search-input-large {
  padding: 9px 8px;
}
.rc-search-input.search-input-large input {
  font-size: 16px;
  line-height: 24px;
}
.rc-search-input.search-input-rounded {
  border-radius: 18px;
}
.rc-search-input.search-input-rounded.search-input-small {
  border-radius: 15px;
}
.rc-search-input.search-input-rounded.search-input-large {
  border-radius: 21px;
}

.rc-icon {
  display: inline-block;
  padding-left: 32px;
  position: relative;
}
.rc-icon:before {
  color: #6e6e6e;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rc-icon.clickable {
  cursor: pointer;
}
.rc-icon {
  /*&:not(.redesign):hover:before {
  		color: $FormLabelHoverColor;
  }*/
}
.rc-icon.circle-icon-huge {
  width: 64px;
  height: 64px;
  padding: unset;
  border-radius: 50%;
  background-color: #d8d8d8;
}
.rc-icon.circle-icon-huge:before {
  font-size: 46px;
  line-height: 46px;
  height: 46px;
  width: 46px;
}

.demo-rc-icon {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 150px;
  height: 120px;
  flex: 0 0 150px;
  padding-top: 16px;
}
.demo-rc-icon:hover {
  background-color: #efefef;
}
.demo-rc-icon .rc-icon {
  width: 60px;
  height: 60px;
  padding: unset;
}
.demo-rc-icon .rc-icon:before {
  top: 0;
  left: 0;
  transform: unset;
  width: 60px;
  height: 60px;
  font-size: 48px;
  line-height: 48px;
}
.demo-rc-icon .rc-icon + div {
  max-width: 100%;
  word-wrap: break-word;
  text-align: center;
}

.rc-textarea-v2-container {
  display: flex;
  flex-direction: column;
}
.rc-textarea-v2-container .rc-textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100px;
  min-width: 300px;
  padding: 1px 8px;
  border: 0;
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 0 #cccccc;
  cursor: text;
  width: 100%;
}
.rc-textarea-v2-container .rc-textarea.textarea-dark {
  background-color: #efefef;
}
.rc-textarea-v2-container .rc-textarea.textarea-light {
  background-color: #FFFFFF;
}
.rc-textarea-v2-container .rc-textarea.rc-error {
  box-shadow: inset 0 -1px 0 0 #d9052f;
}
.rc-textarea-v2-container .rc-textarea.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-textarea-v2-container .rc-textarea:hover, .rc-textarea-v2-container .rc-textarea.focus {
  box-shadow: inset 0 -1px 0 0 #3669c4;
}
.rc-textarea-v2-container .rc-textarea:hover .rc-label, .rc-textarea-v2-container .rc-textarea.focus .rc-label {
  color: #3669c4;
}
.rc-textarea-v2-container .rc-textarea .rc-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #6e6e6e;
  font-size: 12px;
  line-height: 14px;
  cursor: default;
  pointer-events: none;
  touch-action: none;
}
.rc-textarea-v2-container .rc-textarea textarea {
  box-sizing: border-box;
  font-family: "SourceSansPro-Regular", serif;
  flex: 1;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  background: transparent;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  resize: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.rc-textarea-v2-container .rc-textarea.textarea-empty:not(.focus) {
  padding: 8px;
}
.rc-textarea-v2-container .rc-textarea.textarea-empty:not(.focus) .rc-label {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
}
.rc-textarea-v2-container .rc-textarea.textarea-small {
  padding: 2px 8px;
}
.rc-textarea-v2-container .rc-textarea.textarea-small .rc-label {
  font-size: 10px;
  line-height: 12px;
}
.rc-textarea-v2-container .rc-textarea.textarea-small textarea {
  font-size: 12px;
  line-height: 14px;
}
.rc-textarea-v2-container .rc-textarea.textarea-small.textarea-empty:not(.focus) {
  padding: 8px;
}
.rc-textarea-v2-container .rc-textarea.textarea-small.textarea-empty:not(.focus) .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-textarea-v2-container .rc-textarea.textarea-large {
  padding: 2px 8px;
}
.rc-textarea-v2-container .rc-textarea.textarea-large .rc-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-textarea-v2-container .rc-textarea.textarea-large textarea {
  font-size: 16px;
  line-height: 24px;
}
.rc-textarea-v2-container .rc-textarea.textarea-large.textarea-empty:not(.focus) {
  padding: 9px 8px;
}
.rc-textarea-v2-container .rc-textarea.textarea-large.textarea-empty:not(.focus) .rc-label {
  font-size: 16px;
  line-height: 24px;
}
.rc-textarea-v2-container .input-error-below {
  margin-top: 8px;
  font-size: 12px;
  line-height: 15px;
  color: #d9052f;
}

.mouse-tooltip {
  position: fixed;
  background: #ffffff;
  box-shadow: 2px 2px 6px -2px #000000;
  padding: 4px;
  font-size: 12px;
  color: #000000;
  white-space: nowrap;
  transition-timing-function: ease-out;
}

.rc-radio-group {
  display: inline-flex;
  position: relative;
  flex-direction: column;
}

.smile-negative-on, .smile-negative-off, .smile-neutral-on, .smile-neutral-off, .smile-positive-on, .smile-positive-off {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  width: 28px;
  margin-right: 5px;
}

.smile-negative-on {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_negative_on.svg");
}

.smile-negative-off {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_negative_off.svg");
}

.smile-neutral-on {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_neutral_on.svg");
}

.smile-neutral-off {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_neutral_off.svg");
}

.smile-positive-on {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_positive_on.svg");
}

.smile-positive-off {
  background-image: url("https://photoservice.cloud/assets/svg/Smiley_positive_off.svg");
}

.rc-smile {
  display: flex;
  height: auto;
  margin-bottom: 2vh;
}
.rc-smile .rc-smile-label-wrapper {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.rc-smile .smiles {
  width: 100%;
}
.rc-smile > .rc-smile-label-wrapper:first-child {
  width: auto;
}

.rc-smile-label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.smiles {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 500px) {
  .rc-smile > .rc-smile-label-wrapper:first-child {
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
  }
}
.star-on, .star-off {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  width: 32px;
}

.star-on {
  background-image: url("https://photoservice.cloud/assets/svg/Star_on.svg");
}

.star-off {
  background-image: url("https://photoservice.cloud/assets/svg/Star_off.svg");
}

.rc-star {
  display: flex;
  height: auto;
  margin-bottom: 2vh;
}
.rc-star .rc-star-label-wrapper {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.rc-star > .rc-star-label-wrapper:first-child {
  width: auto;
}

.rc-star-label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5px;
}

.stars {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 500px) {
  .rc-star .rc-star-label-wrapper:first-child {
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
  }
}
.rc-tabcontrol {
  width: 100%;
  position: relative;
  display: flex;
}
.rc-tabcontrol.mobile-gradient:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 64px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 85%, #FFF 100%);
}
.rc-tabcontrol .rc-tabcontrol-scrollable {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  position: relative;
  overflow-x: auto;
}
.rc-tabcontrol .rc-tabcontrol-scrollable:hover::-webkit-scrollbar {
  height: 8px;
  display: inherit;
}
.rc-tabcontrol .rc-tabcontrol-scrollable::-webkit-scrollbar {
  display: none;
}
.rc-tabcontrol .rc-tabcontrol-scrollable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.rc-tabcontrol .rc-tabcontrol-scrollable::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(100, 100, 100, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.rc-tabcontrol .rc-tabcontrol-scrollable .rc-tabcontrol-tab {
  flex: auto;
  cursor: pointer;
  height: 36px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #cccccc;
  box-sizing: border-box;
  color: #707070;
  white-space: nowrap;
  padding: 0 8px;
}
.rc-tabcontrol .rc-tabcontrol-scrollable .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3669c4;
  border-bottom-color: #3669c4;
}

#DesignerMobile .redesign .group-content-tabcontrol {
  font-size: 15px;
}
#DesignerMobile .redesign .group-content-tabcontrol .rc-tabcontrol-tab {
  padding: 8px;
  height: 42px;
}
#DesignerMobile .redesign .group-content-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  font-weight: 600;
}

.rc-switch {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  flex-wrap: nowrap;
}
.rc-switch .switch-dot-wrapper {
  box-sizing: border-box;
  width: 30px;
  height: 18px;
  background: #efefef;
  box-shadow: inset 0 0 0 1px #cccccc;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.rc-switch .switch-dot-wrapper .switch-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6e6e6e;
  position: absolute;
  left: 4px;
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
}
.rc-switch .switch-label {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
}
@media (hover: hover) {
  .rc-switch:hover .switch-dot-wrapper {
    box-shadow: inset 0 0 0 1px #3669c4;
  }
}
.rc-switch:focus-visible .switch-dot-wrapper {
  box-shadow: inset 0 0 0 1px #3669c4;
}
.rc-switch.switch-active .switch-dot {
  width: 12px;
  height: 12px;
  background: #3669c4;
  transform: translateX(10px);
}
.rc-switch.switch-disabled {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}
.rc-switch.switch-small {
  padding: 7px 0;
  gap: 4px;
}
.rc-switch.switch-small .switch-dot-wrapper {
  width: 26px;
  height: 16px;
  border-radius: 8px;
}
.rc-switch.switch-small .switch-dot-wrapper .switch-dot {
  width: 8px;
  height: 8px;
}
.rc-switch.switch-small .switch-label {
  font-size: 12px;
  line-height: 14px;
}
.rc-switch.switch-small.switch-active .switch-dot {
  width: 10px;
  height: 10px;
  transform: translateX(8px);
}
.rc-switch.switch-large {
  padding: 9px 0;
  gap: 8px;
}
.rc-switch.switch-large .switch-dot-wrapper {
  width: 34px;
  height: 20px;
  border-radius: 12px;
}
.rc-switch.switch-large .switch-dot-wrapper .switch-dot {
  width: 12px;
  height: 12px;
}
.rc-switch.switch-large .switch-label {
  font-size: 16px;
  line-height: 24px;
}
.rc-switch.switch-large.switch-active .switch-dot {
  width: 14px;
  height: 14px;
  transform: translateX(12px);
}

.switch-2-options {
  display: flex;
  flex-direction: row;
  height: 32px;
}
.switch-2-options .switch-option {
  display: flex;
  box-sizing: border-box;
  height: 32px;
  padding: 8px 16px;
  border: 1px solid #CBCACA;
  justify-content: center;
  align-items: center;
  flex: unset;
  color: #CBCACA;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  min-width: 100px;
  text-decoration: unset;
}
.switch-2-options .switch-option.option-0 {
  border-radius: 20px 0 0 20px;
}
.switch-2-options .switch-option.option-1 {
  border-radius: 0 20px 20px 0;
}
.switch-2-options .switch-option.selected {
  background: #D9E0E6;
  color: #3669C4;
}

.progress-bar-base {
  width: 100%;
  background-color: #efefef;
  height: 8px;
}
.progress-bar-base.progress-bar-dark {
  background-color: #d8d8d8;
}
.progress-bar-base .progress-bar-filled {
  height: 8px;
  background-color: #3669c4;
}

body.desktop-menu-visible {
  margin-left: 88px;
}

.desktop-menu-wrapper {
  background-color: #FFFFFF;
  position: fixed;
  width: 88px;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.desktop-menu-wrapper .desktop-menu-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 56px;
  cursor: pointer;
  position: relative;
}
.desktop-menu-wrapper .desktop-menu-item-button .rc-component.rc-badge .badge-count {
  transform: translateX(100%) translateY(0);
  left: unset;
  top: 0;
  right: 50%;
}
.desktop-menu-wrapper .desktop-menu-item-button button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  white-space: unset;
}
.desktop-menu-wrapper .desktop-menu-item-button button .rc-icon.sgw-icon {
  width: 32px;
  padding: 0;
  margin: 0;
}
.desktop-menu-wrapper .desktop-menu-item-button button .btn-label {
  font-size: 12px;
  line-height: 12px;
  max-width: 75px;
}
.desktop-menu-wrapper .desktop-menu-item-button .rc-icon:before {
  height: 26px;
  width: 26px;
  font-size: 26px;
}
.desktop-menu-wrapper .desktop-menu-item-button.login-button .rc-icon.sgw-icon {
  background-color: #efefef;
  height: 32px;
  border-radius: 50%;
}
.desktop-menu-wrapper .desktop-menu-item-button.login-button .rc-icon.sgw-icon:before {
  line-height: 22px;
  transform: translate(-50%, -50%);
}
.desktop-menu-wrapper .desktop-menu-item-button.desktop-menu-item-selected .rc-icon:before, .desktop-menu-wrapper .desktop-menu-item-button.desktop-menu-item-selected .btn-label, .desktop-menu-wrapper .desktop-menu-item-button:hover .rc-icon:before, .desktop-menu-wrapper .desktop-menu-item-button:hover .btn-label {
  color: #3669c4;
}

.mobile-navigation-tabs-item {
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.mobile-navigation-tabs-item .mobile-navigation-tabs-item-tag {
  background: radial-gradient(349.6% 141.42% at 0% 0%, #8D3DCA 0%, #3669C4 100%);
  color: white;
  padding: 4px;
  border-radius: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 8px;
  line-height: 10px;
  max-height: 13px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.mobile-navigation-tabs-item .navigation-item-avatar {
  height: 36px;
}
.mobile-navigation-tabs-item .navigation-item-avatar .avatar-label {
  font-size: 15px !important;
}
.mobile-navigation-tabs-item.mobile-navigation-tabs-footer {
  border-bottom: unset;
}
.mobile-navigation-tabs-item.mobile-navigation-tabs-footer .btn-redesign .rc-icon.sgw-icon {
  margin-right: unset;
}

.mobile-navigation-extension:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs {
  padding: 0 0 16px;
  z-index: 1;
  justify-content: center;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-extension {
  flex-wrap: wrap;
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #ffffff;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-extension.subview-is-shown {
  display: flex;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item {
  display: flex;
  justify-content: center;
  margin-top: 6px;
  flex: auto;
  flex-basis: 75px;
}
@media only screen and (max-width: 1024px) {
  .rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item {
    flex: unset;
    flex-basis: 75px;
  }
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .rc-icon:before, .rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .btn-label {
  color: #3669c4;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item .rc-component.rc-badge .badge-count {
  top: 0;
  right: unset;
  left: 50%;
  transform: translateX(4px);
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item button {
  height: unset;
  min-height: 48px;
  justify-content: flex-start;
  white-space: normal;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item button .btn-label {
  font-size: 12px;
  max-width: 75px;
  line-height: 12px;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.login-button .rc-icon.sgw-icon {
  background-color: #efefef;
  border-radius: 50%;
}
.rc-mobile-view footer.mobile-tabs.mobile-navigation-tabs .mobile-navigation-tabs-item.login-button .rc-icon.sgw-icon:before {
  font-size: 21px;
}

.navigation-item-avatar {
  height: 56px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.navigation-item-avatar .rc-avatar {
  width: 26px;
  height: 26px;
}
.navigation-item-avatar .rc-avatar.avatar-from-text {
  opacity: 0.75;
}
.navigation-item-avatar .rc-avatar.avatar-from-text > span {
  font-size: 12px;
}
.navigation-item-avatar .avatar-label {
  font-size: 12px;
  line-height: 12px;
}
.navigation-item-avatar.selected .avatar-label {
  color: #3669c4;
}

.rc-mobile-view .redesign-single-page-footer.portrait {
  background-color: #FFF;
  border-top: 1px solid #E7E7E7;
  overflow-x: auto;
  flex: 0 0 auto;
  padding: 0;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-footer .module-bar {
  display: flex;
  flex-direction: row;
  padding-left: 16px;
  background-color: #FFFFFF;
  gap: 8px;
  overflow-x: auto;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet {
  overflow-x: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait {
  overflow-x: auto;
  padding: 0 48px;
  gap: 24px;
  justify-content: space-evenly;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait::-webkit-scrollbar {
  display: none;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons {
  display: flex;
  flex-direction: row;
  padding: 16px;
  gap: 8px;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons button {
  flex-grow: 1;
}
.rc-mobile-view .redesign-single-page-side-panel {
  background-color: #FFFFFF;
  border-top: 2px solid #f7f7f7;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: unset;
  gap: 24px;
  background-color: #FFFFFF;
  align-items: center;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape {
  justify-content: start;
  overflow-y: auto;
  padding: 0;
  gap: unset;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .menu-button {
  width: 100%;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item {
  flex: 1;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-label {
  font-size: 13px;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-simple.btn-icon {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 8px 8px 8px;
  height: unset;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-simple.btn-icon .rc-icon.sgw-icon {
  margin-right: unset;
  width: 32px;
  height: 32px;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar .mobile-navigation-tabs-item .btn-simple.btn-icon .rc-icon.sgw-icon:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px;
}
.rc-mobile-view .mobile-navigation-extension {
  height: 36px;
}
.rc-mobile-view .mobile-navigation-extension .language-selector .language-selector-button {
  min-height: 42px;
}
.rc-mobile-view .mobile-navigation-extension .language-selector .language-selector-button .language-selector-button-label {
  font-size: 15px;
}
.rc-mobile-view .mobile-navigation-option-wrapper .language-selector.as-button .language-selector-button {
  min-height: unset;
  display: flex;
  gap: 6px;
  padding: 8px;
}
.rc-mobile-view .mobile-navigation-option-wrapper .language-selector.as-button .language-selector-button .rc-icon {
  width: 20px;
  height: 20px;
  padding: 0;
}
.rc-mobile-view .mobile-navigation-option-wrapper .language-selector.as-button .language-selector-button .rc-icon:before {
  transform: none;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.rc-mobile-view .mobile-navigation-option-wrapper .language-selector.as-button .language-selector-button .language-selector-button-label {
  font-size: 14px;
  line-height: 20px;
}

.rc-component.rc-snackbar {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  background-color: #707070;
  color: #ffffff;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity ease-out 0.5s;
  cursor: pointer;
}
.rc-component.rc-snackbar.is-opened {
  opacity: 1;
  transition: opacity ease-out 0.5s;
  z-index: 10;
}

.rc-component.rc-badge {
  position: relative;
  display: inline-block;
}
.rc-component.rc-badge .badge-count {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(100%) translateY(-100%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 10px;
  display: flex;
  justify-content: center;
  line-height: 12px;
  align-items: center;
}
.rc-component.rc-badge .badge-count.badge-count-none {
  display: none;
}
.rc-component.rc-badge .badge-count.badge-count-default {
  background-color: #3669c4;
}
.rc-component.rc-badge .badge-count.badge-count-important {
  background-color: #d9052f;
}
.rc-component.rc-badge > button + .badge-count {
  cursor: pointer;
}
.rc-component.rc-badge > button.btn-icon + .badge-count {
  right: unset;
  left: 16px;
  top: 18px;
}
.rc-component.rc-badge > button.btn-icon.btn-icon-only + .badge-count {
  left: 4px;
}
.rc-component.rc-badge.rc-mobile-component > button.btn-icon + .badge-count {
  top: 20px;
}

.rc-badge-v2 {
  position: absolute;
  top: -4px;
  right: -4px;
  transform: translateX(50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  line-height: 10px;
  padding: 4px;
  border-radius: 6px;
  color: #FFFFFF;
}
.rc-badge-v2.badge-position-relative {
  position: relative;
  transform: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.rc-badge-v2.badge-count-none {
  display: none;
}
.rc-badge-v2.badge-count-default {
  background-color: #3669c4;
}
.rc-badge-v2.badge-count-important {
  background-color: #d9052f;
}
.rc-badge-v2.badge-count-new-feature {
  background: radial-gradient(349.6% 141.42% at 0% 0%, #8D3DCA 0%, #3669C4 100%);
}

.drop-zone {
  outline: none;
}

.drag-file:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 4px solid #3669C4;
  pointer-events: none;
}

.flex-card-list-dummy-item {
  order: 2;
}

.rc-component.rc-browser ul, .rc-component.rc-browser li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rc-component.rc-browser li {
  padding-right: 8px;
}
.rc-component.rc-browser li .rc-browser-node-list {
  margin-left: 16px;
}
.rc-component.rc-browser li .rc-component-node {
  display: flex;
  cursor: pointer;
  user-select: none;
  margin-left: 4px;
}
.rc-component.rc-browser li .rc-component-node.selected-node {
  background-color: #efefef;
}
.rc-component.rc-browser li .rc-component-node .rc-icon {
  padding-left: 24px;
}

.rc-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
  border-top: 1px solid #dcdcdc;
}
.rc-mobile-menu.is-hidden {
  display: none;
}
.rc-mobile-menu.non-modal {
  position: relative;
}
.rc-mobile-menu:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #6e6e6e;
  opacity: 0.8;
}
.rc-mobile-menu .menu-divider {
  height: 1px;
  width: 100%;
  margin: 8px 0;
  background-color: #cccccc;
}
.rc-mobile-menu .mobile-menu-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 11;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rc-mobile-menu .mobile-menu-content > div > .btn-simple, .rc-mobile-menu .mobile-menu-content > .btn-simple {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 0 8px;
}
.rc-mobile-menu .mobile-menu-content > div > .btn-simple .sgw-icon, .rc-mobile-menu .mobile-menu-content > .btn-simple .sgw-icon {
  margin-right: 16px;
  width: 18px;
  height: 18px;
}
.rc-mobile-menu .mobile-menu-content > div > .btn-simple .sgw-icon:before, .rc-mobile-menu .mobile-menu-content > .btn-simple .sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.rc-mobile-menu .mobile-menu-content > div {
  width: 100%;
}
.rc-mobile-menu .mobile-menu-content > hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #dcdcdc;
}
.rc-mobile-menu .rc-checkbox.redesign {
  height: 42px;
  padding: 8px;
}
.rc-mobile-menu .rc-checkbox.redesign.selected.rc-checkbox-box, .rc-mobile-menu .rc-checkbox.redesign .rc-checkbox-box {
  height: 18px;
  width: 18px;
}
.rc-mobile-menu.redesign {
  z-index: 11001;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .btn-label {
  font-size: 15px;
  font-weight: 400;
  font-family: SourceSansPro-Regular;
  line-height: 20px;
}
.rc-mobile-menu.redesign .mobile-menu-content {
  padding: 8px 16px 22px;
  gap: 16px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div:first-of-type {
  margin-top: 8px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-radio-group.redesign {
  display: flex;
  gap: 0;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-radio-group.redesign .rc-radio {
  padding: 8px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-radio-group.redesign .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-radio-group.redesign .rc-radio .rc-radio-label {
  font-size: 14px;
  color: #000000;
}
.rc-mobile-menu.redesign .mobile-menu-content .menu-divider {
  margin: 2px 0;
}
.rc-mobile-menu.redesign .mobile-menu-content .btn-simple {
  height: 26px;
  font-size: 14px;
}
.rc-mobile-menu.redesign .mobile-menu-content .btn-cancel {
  background-color: #FFFFFF;
  margin-bottom: 14px;
  height: unset;
  color: #525252;
}
.rc-mobile-menu.redesign .mobile-menu-content .btn-cancel .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
.rc-mobile-menu.redesign .mobile-menu-content .btn-cancel .rc-icon:before {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox {
  padding: 0 8px;
  height: 26px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox .rc-checkbox-box {
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  margin-right: 16px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox .rc-checkbox-box .sgw-icon {
  width: 100%;
  height: 100%;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox .rc-checkbox-box .sgw-icon:before {
  width: 100%;
  height: 100%;
  font-size: 12px;
  padding-top: 0;
  left: -3px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox .rc-checkbox-label {
  font-size: 14px;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox.selected .rc-checkbox-box {
  border: 1px solid #ccc;
  background-color: #fff;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox.selected .rc-checkbox-box .sgw-icon:before {
  color: #6e6e6e;
}
.rc-mobile-menu.redesign .mobile-menu-content .rc-checkbox.checkbox-disabled .rc-checkbox-box .sgw-icon:before {
  color: #cbcaca;
}

.mobile-add-button {
  position: absolute;
  right: 0;
}
.mobile-add-button > button .rc-icon.wi_submenu {
  display: none;
}
.mobile-add-button > button .btn-label {
  color: #3669c4;
}

#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div .menu-divider {
  margin: unset;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div button {
  height: unset;
  padding: 5px 8px;
  box-sizing: border-box;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div button .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
  margin-right: 16px;
}
#BulkOrdererMobile .rc-mobile-menu.redesign .mobile-menu-content > div button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}

.rc-context-menu.rc-context-menu-v2 {
  position: relative;
}
.rc-context-menu.rc-context-menu-v2 .no-right {
  right: unset !important;
}
.rc-context-menu.rc-context-menu-v2 .context-menu {
  right: 0;
  position: absolute;
  text-align: left;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  min-width: 260px;
  width: fit-content;
  z-index: 1000;
  border-radius: 6px;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  flex: auto;
  overflow-y: auto;
  margin: 8px 0;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body button {
  display: flex;
  width: 100%;
  justify-content: left;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .rc-component.rc-checkbox {
  padding-left: 22px;
  box-sizing: border-box;
}
.rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .rc-component.rc-checkbox .rc-checkbox-label {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  font-size: 14px;
}
.rc-context-menu.rc-context-menu-v2 .menu-divider {
  height: 1px;
  margin: 8px 16px;
  background-color: #cccccc;
}

body > .rc-context-menu.rc-context-menu-v2 {
  z-index: 100000;
  filter: unset !important;
  -webkit-filter: unset !important;
}

.rc-mobile-view .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .rc-component.rc-checkbox .rc-checkbox-label {
  font-size: 16px;
}

.rc-dialog-content .checkout-group-content .flat-table .flat-table-row .flat-table-cell, .rc-dialog-content .checkout-group-content .flat-table .flat-table-row .group-content {
  margin-bottom: 0;
}

.flat-table-scrollable-wrapper {
  overflow-x: auto;
  max-width: 100%;
  min-height: fit-content;
}

.flat-table {
  border: 1px solid #efefef;
}
.flat-table .flat-table-row {
  background-color: #ffffff;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
}
.flat-table .flat-table-row:last-child {
  border-bottom: none;
}
.flat-table .flat-table-row:hover {
  background-color: #f3f3f3;
}
.flat-table .flat-table-row.flat-table-header {
  background-color: #D8D8D8;
  font-weight: bold;
}
.flat-table .flat-table-row.flat-table-header .flat-table-cell:hover {
  background-color: #cccccc;
}
.flat-table .flat-table-row .group-content {
  overflow: hidden;
}
.flat-table .flat-table-row .group-content.group-content-label {
  align-self: unset;
  gap: 16px;
}
.flat-table .flat-table-row .flat-table-cell, .flat-table .flat-table-row .group-content {
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
  flex: 0 0 auto;
  white-space: nowrap;
  position: relative;
  margin-bottom: 0;
}
.flat-table .flat-table-row .flat-table-cell .group-content-chip-wrapper, .flat-table .flat-table-row .group-content .group-content-chip-wrapper {
  justify-content: unset;
  margin-bottom: unset;
}
.flat-table .flat-table-row .flat-table-cell .group-content-chip-wrapper .group-content.group-content-chip, .flat-table .flat-table-row .group-content .group-content-chip-wrapper .group-content.group-content-chip {
  height: unset;
  min-height: unset;
  font-size: 12px;
  color: white;
  border-radius: unset;
  padding: 1px 4px 2px;
}
.flat-table .flat-table-row .flat-table-cell .flat-table-cell-filter-button, .flat-table .flat-table-row .group-content .flat-table-cell-filter-button {
  margin-right: 16px;
  width: unset;
  position: relative;
  overflow: unset;
}
.flat-table .flat-table-row .flat-table-cell .flat-table-cell-filter-button-notifier, .flat-table .flat-table-row .group-content .flat-table-cell-filter-button-notifier {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d9052f;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(4px, -12px);
}
.flat-table .flat-table-row .flat-table-cell.sort-cell, .flat-table .flat-table-row .group-content.sort-cell {
  background-color: #cccccc;
}
.flat-table .flat-table-row .flat-table-cell.sort-cell:before, .flat-table .flat-table-row .group-content.sort-cell:before {
  right: 4px;
  top: 8px;
  left: unset;
}
.flat-table .flat-table-row .flat-table-cell > div, .flat-table .flat-table-row .group-content > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flat-table .flat-table-row .flat-table-cell strong, .flat-table .flat-table-row .group-content strong {
  font-weight: normal;
}
.flat-table .flat-table-row .flat-table-cell.edit, .flat-table .flat-table-row .group-content.edit {
  flex-basis: 50px;
}
.flat-table .flat-table-row .flat-table-cell.sortColumn, .flat-table .flat-table-row .group-content.sortColumn {
  flex-basis: 100px;
  display: flex;
}
.flat-table .flat-table-row .flat-table-cell.searchCriteriaNoMatchMessage, .flat-table .flat-table-row .group-content.searchCriteriaNoMatchMessage {
  width: 100%;
  text-align: center;
}
.flat-table .flat-table-row .flat-table-cell.group-content-link-add button.btn-simple, .flat-table .flat-table-row .group-content.group-content-link-add button.btn-simple {
  justify-content: unset;
}
.flat-table .flat-table-row.has-multiple-lines-label .group-content-label {
  align-items: unset;
}

.flat-table .rc-icon.sgw-icon.add_big, .mobile-table .rc-icon.sgw-icon.add_big {
  display: none;
}

.flat-table-cell-filter-button .filter-content {
  padding: 16px;
  width: 320px;
  max-width: 320px;
  position: absolute;
  right: 0;
  top: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 10001;
  max-height: 800px;
  overflow-y: auto;
  font-weight: normal;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-radio-group {
  margin-bottom: 8px;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio {
  padding-left: 8px;
  border-bottom: 1px solid #efefef;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-radio-group .group-content-radio:last-child {
  border-bottom: unset;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-divider {
  margin-top: 0;
  margin-bottom: 0;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-button, .flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-link-add {
  width: auto;
  flex: 1;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-button:last-child, .flat-table-cell-filter-button .filter-content .checkout-group-content .group-content.group-content-horizontal-group .group-content-link-add:last-child {
  display: flex;
  justify-content: right;
}
.flat-table-cell-filter-button .filter-content .checkout-group-content strong {
  font-weight: bold;
}
.flat-table-cell-filter-button .filter-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.mobile-table {
  padding-bottom: 16px;
}
.mobile-table .mobile-table-row {
  background-color: white;
  margin-bottom: 8px;
  position: relative;
  padding: 4px;
}
.mobile-table .mobile-table-row .mobile-table-row-edit {
  position: absolute;
  right: 8px;
  top: 4px;
}
.mobile-table .mobile-table-row .mobile-table-row-edit.sgw-icon {
  right: 16px;
  top: 12px;
}
.mobile-table .mobile-table-row .mobile-table-row-edit:before {
  transform: unset;
}
.mobile-table .mobile-table-row .mobile-table-row-control {
  position: absolute;
  right: 16px;
  top: 4px;
  display: flex;
}
.mobile-table .mobile-table-row {
  /*&:nth-child(even) {
  		background-color: #ffffff;
  }*/
}
.mobile-table .mobile-table-row .mobile-table-column {
  display: flex;
  box-sizing: border-box;
}
.mobile-table .mobile-table-row .mobile-table-column .header {
  flex: 0 0 40%;
  min-height: 36px;
  display: flex;
  align-items: center;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  font-weight: bold;
}
.mobile-table .mobile-table-row .mobile-table-column .data {
  flex: 1;
  display: flex;
  overflow-x: auto;
}
.mobile-table .mobile-table-row .mobile-table-column .data .group-content-chip-wrapper {
  justify-content: unset;
  margin-bottom: unset;
  display: block;
}
.mobile-table .mobile-table-row .mobile-table-column .data .group-content-chip-wrapper .group-content.group-content-chip {
  height: unset;
  min-height: unset;
  font-size: 12px;
  color: white;
  border-radius: unset;
  padding: 1px 4px 2px;
}
.mobile-table .mobile-table-row .mobile-table-column .group-content.group-content-label.rc-mobile-component {
  min-height: unset;
  margin-bottom: unset;
  flex: 1;
  min-width: unset;
}

.desktop-main-content .search-results {
  display: flex;
}
.desktop-main-content .search-results .search-results-label {
  flex: 0;
}
.desktop-main-content .search-results .search-results-label .rc-label-component {
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  line-height: 20px;
  min-height: unset;
  white-space: nowrap;
}
.desktop-main-content .search-results .search-results-items {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-left: 8px;
}
.desktop-main-content .search-results .search-results-items .search-result-item {
  margin-right: 8px;
  margin-bottom: 8px;
}
.desktop-main-content .search-results .search-results-items button {
  border-radius: 18px;
  padding: 0 0 0 8px;
  height: 24px;
}
.desktop-main-content .search-results .search-results-items button .sgw-icon {
  margin-left: unset;
}
.rc-mobile-view .search-results {
  display: flex;
}
.rc-mobile-view .search-results .search-results-label {
  flex: 0;
}
.rc-mobile-view .search-results .search-results-label .rc-label-component {
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  line-height: 20px;
  min-height: unset;
  white-space: nowrap;
}
.rc-mobile-view .search-results .search-results-items {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-left: 8px;
  margin-left: 0;
}
.rc-mobile-view .search-results .search-results-items .search-result-item {
  margin-right: 8px;
  margin-bottom: 8px;
}
.rc-mobile-view .search-results .search-results-items button {
  border-radius: 18px;
  padding: 0 0 0 8px;
  height: 24px;
  height: 32px;
  padding: 0 12px;
}
.rc-mobile-view .search-results .search-results-items button .sgw-icon {
  margin-left: unset;
}
.rc-mobile-view .search-results .search-results-items button .sgw-icon::before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 21px;
}

.rc-pagination.rc-mobile {
  display: flex;
  align-items: flex-end;
  padding: 8px 0;
}
.rc-pagination .rc-pagination-data {
  display: flex;
  flex-direction: row;
}
.rc-pagination .rc-pagination-data > div {
  margin-right: 8px;
}
.rc-pagination .rc-pagination-data > div:last-child {
  margin-right: unset;
}
.rc-pagination .rc-pagination-data > div .rc-input-v2 {
  width: 44px;
  min-width: unset;
}
.rc-pagination .rc-pagination-data > div .rc-input-v2 .rc-input-wrapper {
  height: 100%;
}
.rc-pagination .rc-pagination-data > div .rc-input-v2.rc-mobile-component {
  height: 36px;
}
.rc-pagination .rc-pagination-data > div .rc-input-v2.rc-mobile-component .rc-input-wrapper {
  padding-bottom: unset;
}
.rc-pagination .rc-pagination-data > div .rc-label-component.rc-mobile-component {
  height: 36px;
  min-height: 36px;
}

.rc-component.rc-stars-rate .stars-wrapper {
  display: flex;
  height: 18px;
  padding: 2px 0;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .star {
  background-image: url(https://photoservice.cloud/assets/svg/rating_stars.svg);
  background-repeat: no-repeat;
  background-size: 107%;
  height: 18px;
  width: 18px;
  background-position-x: -1px;
  margin-right: 2px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .full-star {
  background-position-y: 0;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .empty-star {
  background-position-y: -17.51px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .one-quarter-star {
  background-position-y: -35.02px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .half-star {
  background-position-y: -52.53px;
}
.rc-component.rc-stars-rate .stars-wrapper.star-18 .three-quarter-star {
  background-position-y: -70.04px;
}

.rc-slider {
  flex: 1;
  width: 100%;
}
.rc-slider .slider-header {
  display: flex;
  justify-content: space-between;
}
.rc-slider .slider-header .rc-label-component {
  min-height: unset;
  height: 20px;
}
.rc-slider .slider-wrapper {
  display: flex;
  height: 16px;
  position: relative;
  align-items: center;
}
.rc-slider .slider-wrapper .slider-handler {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #6e6e6e;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.rc-slider .slider-wrapper .slider-handler:hover {
  background-color: #3669c4;
}
.rc-slider .slider-wrapper .slider-body {
  height: 4px;
  width: 100%;
  background-color: #d8d8d8;
  position: relative;
  cursor: pointer;
}
.rc-slider .slider-wrapper .slider-marker {
  height: 4px;
  width: 2px;
  background-color: white;
  position: absolute;
  top: 0;
}
.rc-slider.redesign.tablet .rc-label-component {
  padding-top: 10px;
  position: absolute;
  top: -32px;
  left: -6px;
  display: unset;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #3776B2;
}
.rc-slider.redesign .slider-wrapper {
  display: flex;
  height: 16px;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.rc-slider.redesign .slider-wrapper .slider-body {
  background-color: #d8d8d8;
  height: 2px;
  width: 100%;
  position: relative;
}
.rc-slider.redesign .slider-wrapper .slider-body .slider-marker {
  height: 0;
}
.rc-slider.redesign .slider-wrapper .slider-body .slider-marker:nth-child(10n) {
  height: 20px;
  background-color: #383838;
}
.rc-slider.redesign .slider-wrapper .slider-track {
  position: absolute;
  top: 7px;
  height: 2px;
  background-color: #3776B2;
}
.rc-slider.redesign .slider-wrapper .displacement {
  position: absolute;
  top: 7px;
  height: 2px;
  background-color: #3776B2;
}
.rc-slider.redesign .slider-wrapper .slider-handler {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #3776B2;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.rc-slider.redesign .slider-wrapper .slider-handler .rc-label-component.rc-mobile-component {
  position: absolute;
  top: -24px;
  left: -6px;
  display: unset;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #3776B2;
}

.slider-container {
  border-radius: 6px;
}

.language-selector {
  margin-left: 8px;
  min-width: 200px;
}
.language-selector > * {
  width: 100%;
}
.language-selector .rc-component.rc-select .select-options-list {
  top: unset;
  bottom: unset;
}
.language-selector.as-button {
  margin-left: 0;
}
.language-selector.as-button .rc-select {
  opacity: 0;
  height: 0;
  padding: 0;
}
.language-selector.as-button .language-selector-button {
  height: unset;
  min-height: 48px;
  justify-content: flex-start;
  align-items: center;
  white-space: normal;
  display: flex;
  padding: unset;
}
.language-selector.as-button .language-selector-button .rc-icon.circle-icon-huge {
  padding: 0 8px 0 16px;
  width: 26px;
  height: 26px;
  font-size: 16px;
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  position: relative;
  margin: unset;
}
.language-selector.as-button .language-selector-button .rc-icon.circle-icon-huge:before {
  top: 50%;
  left: 50%;
  transform: translate(-30%, -50%);
  font-size: 22px;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.language-selector.as-button .language-selector-button .language-selector-button-label {
  margin-top: unset;
  font-size: 16px;
  line-height: 12px;
  text-align: center;
}

.group-content-drop-down .language-selector {
  margin-left: unset;
}

.circle-container {
  margin: 8px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.circle-container .circle {
  display: inline-block;
  border-radius: 50%;
}
.circle-container.as-button {
  display: flex;
  align-items: center;
  padding-left: 8px;
  box-sizing: border-box;
}
.circle-container.as-button .circle {
  display: block;
  flex: 0 0 18px;
  margin-right: 16px;
}
.circle-container.as-button .rc-icon.close {
  display: block;
  flex: 0 0 18px;
  margin-right: 16px;
  padding: unset;
  margin-left: 4px;
}
.circle-container.as-button .rc-label-component.rc-mobile-component {
  min-height: 36px;
}

/*.feedback-buttons-menu {
    .context-menu-body {
        > div {
            display: flex;
            flex-direction: column;
        }
    }
}*/
.feedback-container {
  position: relative;
}
.feedback-container .rc-icon.sgw-icon.close.close {
  position: absolute;
  cursor: pointer;
  height: 8px;
  width: 8px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.feedback-container .rc-icon.sgw-icon.close.close:before {
  color: rgb(169, 169, 169) !important;
}
.feedback-container .label-overlay {
  position: absolute;
  left: 0;
  top: 40px;
  display: flex;
  width: 200px;
  font-size: 16px;
  z-index: 1000;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  padding: 8px 16px;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
}

.feedback-buttons-menu.selected-value button {
  padding-left: 32px !important;
  position: relative;
}
.feedback-buttons-menu.selected-value button:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.feedback-buttons-menu.selected-value.selected-value-3 button:before {
  background-color: #1cd622;
}
.feedback-buttons-menu.selected-value.selected-value-2 button:before {
  background-color: #ff8c00;
}
.feedback-buttons-menu.selected-value.selected-value-1 button:before {
  background-color: #ff0000;
}

.extended-controls-btn-redesign {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E7E7E7;
  flex-direction: column;
}
.extended-controls-btn-redesign .blank-margin {
  width: 100%;
  height: 8px;
  background-color: #FFFFFF;
}
.extended-controls-btn-redesign .semicircle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  flex-direction: row;
}
.extended-controls-btn-redesign .semicircle-wrapper .semicircle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  width: 16px;
  height: 34px;
  border-radius: 0px 120px 120px 0px;
  transform: rotate(90deg);
  background-color: #FFFFFF;
}
.extended-controls-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable {
  color: #525252;
}
.extended-controls-btn-redesign .semicircle-wrapper .semicircle .rc-icon.sgw-icon.clickable:before {
  font-size: 32px;
  left: 8px;
  top: 17px;
}

.rc-component.rc-error {
  border-bottom: 1px solid #d9052f !important;
}
.rc-component.rc-error label {
  color: #d9052f !important;
}
.rc-component:hover .rc-error-label, .rc-component:focus .rc-error-label, .rc-component:focus-within .rc-error-label {
  display: block;
}

.quill.rc-error {
  border-bottom: 1px solid #d9052f !important;
}

.rc-error-label {
  background: #d9052f;
  color: #ffffff;
  bottom: calc(100% + 4px);
  left: 0;
  position: absolute;
  z-index: 200000;
  min-width: 150px;
  font-size: 14px;
  padding: 4px 32px 4px 8px;
}
.rc-error-label.rc-error-label-hover {
  display: none;
}
.rc-error-label.rc-error-label-hover:hover {
  display: block;
}
.rc-error-label.rc-error-label-hover .rc-error-close {
  display: none;
}
.rc-error-label:after {
  content: " ";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #d7032c;
  bottom: -4px;
  left: 8px;
  position: absolute;
}
.rc-error-label .rc-error-close {
  position: absolute;
  right: 4px;
  top: 12px;
  cursor: pointer;
}
.rc-error-label .rc-error-close:before, .rc-error-label .rc-error-close:hover:before {
  color: #ffffff;
}

.always-show-errors .rc-error-label {
  display: block;
  left: unset;
  right: 0;
}
.always-show-errors .rc-checkbox .rc-error-label {
  left: 0;
  right: unset;
}

.presets-checkbox {
  margin-bottom: 16px;
}

.presets {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.presets .preset-wrapper {
  position: relative;
  box-sizing: border-box;
  max-width: calc(33% - 4px);
  flex: calc(33% - 4px);
  margin: 0 4px 4px 0;
  cursor: pointer;
}
.presets .preset-wrapper.texture-wrapper img {
  width: 100%;
  height: 100%;
}
.presets .preset-wrapper.frame {
  height: unset;
  width: calc(31% - 4px);
  max-width: unset;
  flex: unset;
  margin: 4px;
  display: flex;
  align-items: center;
}
.presets .preset-wrapper.frame.selected {
  outline: 3px solid #3669C4;
}
.presets .preset-wrapper.frame img {
  width: 100%;
}
.presets .preset-wrapper.frame .frame-item {
  display: flex;
  align-items: center;
}
.presets .preset-wrapper .preset {
  height: 36px;
  width: 100%;
}
.presets .preset-wrapper .preset-favorite {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.presets .preset-wrapper .preset-favorite.selected {
  opacity: 1;
}
.presets .preset-wrapper:hover {
  outline: 3px solid #ccc;
}
.presets .preset-wrapper:hover .preset-favorite {
  opacity: 1;
}
.presets.mobile .preset-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  justify-content: space-between;
}
.presets.mobile .preset-wrapper .preset, .presets.mobile .preset-wrapper .texture {
  box-sizing: border-box;
  position: relative;
}
.presets.mobile .preset-wrapper .preset.selected, .presets.mobile .preset-wrapper .texture.selected {
  border: 2px solid #3776b2;
}
.presets.mobile .preset-wrapper .preset-favorite {
  position: relative;
  opacity: unset;
  width: 100%;
}
.presets.phone .preset-wrapper:hover {
  outline: none;
}
.presets.tablet .preset-wrapper.selected {
  position: relative;
}
.presets.tablet .preset-wrapper .preset-favorite .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  padding-left: unset;
}
.presets.tablet .preset-wrapper .preset-favorite .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.presets.tablet.portrait .preset-wrapper {
  flex: calc(12.5% - 4px);
}
.presets.tablet.portrait .preset-wrapper .preset {
  height: 58px;
}

.percentage-slider-container {
  position: relative;
}
.percentage-slider-container .slider-container {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  z-index: 5001;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}

.popup-slider-container {
  position: relative;
}
.popup-slider-container .slider-container {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  z-index: 5001;
  padding: 8px;
  box-shadow: 0 1px 3px #5f5f5f;
}

.divider {
  width: 1px;
  background-color: #dddddd;
  margin: 6px 4px;
  height: 24px;
}

.selected-icon-container .selected-icon-blue-circle {
  position: absolute;
  box-sizing: border-box;
  background: #3776B2;
  width: 24px;
  height: 24px;
  right: 2px;
  bottom: 2px;
  border-radius: 12px;
  border: 1px solid #FFFFFF;
}
.selected-icon-container .rc-icon.sgw-icon {
  position: absolute;
  padding-left: unset;
  width: 24px;
  height: 24px;
  right: 3px;
  bottom: 3px;
}
.selected-icon-container .rc-icon.sgw-icon:before {
  color: #FFFFFF;
  width: 18px;
  height: 18px;
  font-size: 18px;
  left: 13px;
  top: 12px;
}
.selected-icon-container.mobile .selected-icon-blue-circle {
  width: 18px;
  height: 18px;
  right: 9px;
  bottom: 8px;
  border-radius: 9px;
}
.selected-icon-container.mobile .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  right: 8px;
  bottom: 8px;
}
.selected-icon-container.mobile .rc-icon.sgw-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  left: 9px;
  top: 6px;
}

#CollectionShareProductSetImageSelectionDialog .selected-icon-container {
  display: none;
}

.rc-carousel-dotted-nav .carousel-dotted-nav-images-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  overflow: hidden;
  height: 100%;
  touch-action: pan-y;
}
.rc-carousel-dotted-nav .carousel-dotted-nav-images-wrapper .carousel-dotted-nav-item-wrapper {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
  height: 100%;
}
.rc-carousel-dotted-nav .carousel-dotted-nav-nav {
  display: flex;
  border-radius: 120px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.rc-carousel-dotted-nav .carousel-dotted-nav-nav .carousel-dotted-nav-dot-wrapper {
  padding: 4px;
}
.rc-carousel-dotted-nav .carousel-dotted-nav-nav .carousel-dotted-nav-dot-wrapper .carousel-dotted-nav-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.rc-carousel-dotted-nav .carousel-dotted-nav-nav .carousel-dotted-nav-dot-wrapper .carousel-dotted-nav-dot.active {
  background: #FFFFFF;
}

.rc-dialog-footer {
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #E7E7E7;
}

#CarouselGallery {
  position: relative;
  overflow: hidden;
  width: 100%;
  flex: 1;
}
#CarouselGallery .carousel-gallery-container {
  overflow: hidden;
  width: 100%;
}
#CarouselGallery .carousel-gallery-container .carousel-gallery-track {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
  align-items: flex-start;
}
#CarouselGallery .carousel-gallery-container .carousel-gallery-track .carousel-gallery-slide {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
#CarouselGallery .carousel-gallery-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#CarouselGallery .carousel-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  transition: all 0.2s ease;
  border: none;
}
#CarouselGallery .carousel-gallery-arrow:hover {
  background: #f5f5f5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
#CarouselGallery .carousel-gallery-arrow.carousel-gallery-arrow-prev {
  left: 0;
}
#CarouselGallery .carousel-gallery-arrow.carousel-gallery-arrow-next {
  right: 0;
}
#CarouselGallery .carousel-gallery-arrow svg {
  color: #525252;
}
#CarouselGallery.isMobile .carousel-gallery-track .carousel-gallery-slide:last-child {
  padding-right: 48px;
}

.menu-button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  white-space: break-spaces;
  width: 100%;
  padding: 16px 6px;
  gap: 4px;
  font-family: inherit;
  color: #525252;
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 0;
  cursor: pointer;
  user-select: none;
}
.menu-button .menu-button-icon-wrapper {
  position: relative;
  display: inline-flex;
}
.menu-button .sgw-icon.rc-icon {
  padding: 0;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.menu-button .sgw-icon.rc-icon:before {
  color: #525252;
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.menu-button .rc-avatar {
  width: 30px;
  height: 30px;
}
.menu-button .btn-label {
  font-size: 14px;
  line-height: 20px;
}
.menu-button.menu-btn-horizontal-bar {
  min-width: 88px;
  width: auto;
  flex: 1 1 88px;
}
.menu-button.menu-btn-small .sgw-icon.rc-icon:before {
  font-size: 26px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.menu-button.menu-btn-small .rc-avatar {
  width: 26px;
  height: 26px;
}
.menu-button.menu-btn-small .btn-label {
  font-size: 12px;
  line-height: 14px;
}
.menu-button.menu-btn-selected {
  color: #3669c4;
}
.menu-button.menu-btn-selected .sgw-icon.rc-icon:before {
  color: #3669c4;
}
.menu-button.menu-btn-selected .avatar-from-text {
  color: #525252;
}
@media (hover: hover) and (pointer: fine) {
  .menu-button:hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
  }
}
.menu-button:active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%);
}
.menu-button.menu-btn-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.menu-button.menu-btn-disabled:hover::after {
  content: none;
}
.menu-button.menu-btn-dark {
  background: #6e6e6e;
  color: #FFFFFF;
}
.menu-button.menu-btn-dark .sgw-icon.rc-icon:before {
  color: #FFFFFF;
}
.menu-button.menu-btn-dark.menu-btn-selected {
  background-color: #3669c4;
}
.menu-button.menu-btn-dark:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
}
.menu-button.menu-btn-dark:active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);
}

.rc-component.rc-feature-tip {
  position: fixed;
  z-index: 9999;
  background: #FFFFFF;
  color: #525252;
  padding: 8px 16px 16px;
  border-radius: 6px;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rc-component.rc-feature-tip.feature-tip-shadow {
  filter: url(#FeatureTipShadow);
}
.rc-component.rc-feature-tip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.rc-component.rc-feature-tip.bottom-left::before {
  top: -16px;
  left: var(--arrow-left);
  border-width: 0 16px 16px 16px;
  border-color: transparent transparent #FFFFFF transparent;
}
.rc-component.rc-feature-tip.bottom-center::before {
  top: -16px;
  left: var(--arrow-left);
  border-width: 0 16px 16px 16px;
  border-color: transparent transparent #FFFFFF transparent;
}
.rc-component.rc-feature-tip.bottom-right::before {
  top: -16px;
  right: var(--arrow-right);
  border-width: 0 16px 16px 16px;
  border-color: transparent transparent #FFFFFF transparent;
}
.rc-component.rc-feature-tip.top-left::before {
  bottom: -16px;
  left: var(--arrow-left);
  border-width: 16px 16px 0 16px;
  border-color: #FFFFFF transparent transparent transparent;
}
.rc-component.rc-feature-tip.top-center::before {
  bottom: -16px;
  left: var(--arrow-left);
  border-width: 16px 16px 0 16px;
  border-color: #FFFFFF transparent transparent transparent;
}
.rc-component.rc-feature-tip.top-right::before {
  bottom: -16px;
  right: var(--arrow-right);
  border-width: 16px 16px 0 16px;
  border-color: #FFFFFF transparent transparent transparent;
}
.rc-component.rc-feature-tip.right-top::before {
  left: -16px;
  top: var(--arrow-top);
  border-width: 16px 16px 16px 0;
  border-color: transparent #FFFFFF transparent transparent;
}
.rc-component.rc-feature-tip.right-center::before {
  left: -16px;
  top: var(--arrow-top);
  border-width: 16px 16px 16px 0;
  border-color: transparent #FFFFFF transparent transparent;
}
.rc-component.rc-feature-tip.right-bottom::before {
  left: -16px;
  top: var(--arrow-top);
  border-width: 16px 16px 16px 0;
  border-color: transparent #FFFFFF transparent transparent;
}
.rc-component.rc-feature-tip.left-top::before {
  right: -16px;
  top: var(--arrow-top);
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #FFFFFF;
}
.rc-component.rc-feature-tip.left-center::before {
  right: -16px;
  top: var(--arrow-top);
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #FFFFFF;
}
.rc-component.rc-feature-tip.left-bottom::before {
  right: -16px;
  top: var(--arrow-top);
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #FFFFFF;
}
.rc-component.rc-feature-tip .feature-tip-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding-top: 2px;
}
.rc-component.rc-feature-tip .feature-tip-buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.rc-mobile-view .mobile-header-v2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px;
  flex: 0;
  background: #FFFFFF;
  border: none;
}
.rc-mobile-view .mobile-header-v2 .mobile-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rc-mobile-view .mobile-header-v2 .mobile-header-title {
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
}
.rc-mobile-view .mobile-header-v2 .mobile-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rc-navigation-item {
  display: flex;
  gap: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
}
.rc-navigation-item.active, .rc-navigation-item:hover {
  background: #e7e7e7;
}
.rc-navigation-item .navigation-item-left {
  display: flex;
  gap: 8px;
  align-items: center;
}
.rc-navigation-item .navigation-item-left .rc-icon {
  width: 20px;
  height: 20px;
  padding: 0;
}
.rc-navigation-item .navigation-item-left .rc-icon:before {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.rc-navigation-item .navigation-item-left .rc-avatar {
  width: 20px;
  height: 20px;
}
.rc-navigation-item .navigation-item-left .navigation-item-label {
  font-size: 14px;
  line-height: 20px;
}

#ServiceUnavailableView.service-unavailable-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #FFFFFF;
  color: #2C2C2C;
}
#ServiceUnavailableView.service-unavailable-container h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
#ServiceUnavailableView.service-unavailable-container p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}
#ServiceUnavailableView.service-unavailable-container .service-unavailable-message {
  max-width: 340px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 8px;
}
#ServiceUnavailableView.service-unavailable-container .service-unavailable-message button {
  margin: 0 auto;
}
#ServiceUnavailableView.service-unavailable-container .service-unavailable-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 50%;
}
#ServiceUnavailableView.service-unavailable-container .service-unavailable-image img {
  width: 100%;
  height: auto;
}
#ServiceUnavailableView.phone {
  position: absolute;
  flex-direction: column-reverse;
}
#ServiceUnavailableView.phone .service-unavailable-message {
  max-width: unset;
  flex-basis: 50%;
  justify-content: flex-start;
}
#ServiceUnavailableView.phone .service-unavailable-image {
  align-items: flex-end;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.login-view-component .standard {
  color: #2c2c2c;
}
.login-view-component .standard .Email,
.login-view-component .standard .code {
  margin-top: 16px;
}
.login-view-component .standard .password {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.login-view-component .standard .password .group-content-password-rules-list {
  order: 1;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected {
  gap: 4px;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected .rc-icon.sgw-icon.steps_summary {
  width: 20px;
  padding: 0;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected .rc-label-component {
  padding-left: 4px;
}
.login-view-component .standard .password .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon::before {
  left: 50%;
}
.login-view-component .standard .password .group-content-password-rules-list ul li.rule-failed {
  width: calc(50% - 28px);
  list-style: square;
  margin-left: 28px;
}
.login-view-component .standard .btn-submit {
  width: 100%;
}
.login-view-component .standard .group-content.group-content-label.login_link {
  justify-content: center;
}
.login-view-component .standard.pin-code .group-content-spacer-big {
  display: none;
}
.login-view-component .standard.pin-code .group-content-button {
  margin-bottom: 0;
}
.login-view-component .standard.pin-code .group-content-button:last-of-type {
  display: flex;
  justify-content: center;
}
.login-view-component .standard.pin-code .group-content-button:last-of-type button {
  background: none;
}
.login-view-component .checkout-group-content {
  box-sizing: border-box;
  position: relative;
  padding: 24px 16px;
}
.login-view-component.login-view-desktop {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EFEFEF;
  min-height: calc(100vh - 58px);
}
.login-view-component.login-view-desktop > div {
  width: 672px;
  max-width: 672px;
  background-color: white;
  height: auto;
  position: relative;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1607843137);
  border-radius: 6px;
}
.login-view-component.login-view-desktop > div .close-button {
  position: absolute;
  left: 8px;
  top: 0;
  z-index: 1;
}
.login-view-component.login-view-desktop > div .back-button {
  padding: 8px 0;
  border-top: 1px solid #cccccc;
}
.login-view-component .group-content.group-content-image img {
  height: 100%;
  width: auto;
}
.login-view-component.login-view-dialog .checkout-group-content,
.login-view-component.login-view-dialog .signup-submit-success,
.login-view-component .sign-view-dialog .checkout-group-content,
.login-view-component .sign-view-dialog .signup-submit-success {
  padding: 0;
}

.rc-mobile-view .login-view-component:not(.login-view-desktop) .checkout-group-content {
  padding: unset;
}

.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop {
  padding: 0;
  background-color: unset;
  min-height: unset;
  position: relative;
}
.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop > div {
  box-shadow: unset;
}
.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop .checkout-group-content.signup-view-content {
  padding: 0;
}
.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop.dialog .signup-submit-success {
  padding: 0;
}

.signup-submit-success {
  padding: 24px 16px;
  justify-content: center;
}
.signup-submit-success + .signup-submit-buttons {
  text-align: center;
}
.signup-submit-success + .signup-submit-buttons > div {
  margin-bottom: 8px;
}
.signup-submit-success .signup-view-content {
  display: none;
}
.signup-submit-success .signup-submit-success-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon {
  height: 64px;
  width: 64px;
  background-color: #6c9d0d;
  border-radius: 50%;
  z-index: 501;
  padding: unset;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon:before {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 36px;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon .group-content {
  margin-bottom: 0;
}
.signup-submit-success .content-group-table-row,
.signup-submit-success .content-group-table-row .group-content.info div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.signup-submit-success .content-group-table-row .group-content-label {
  margin-bottom: 16px;
}
.signup-submit-success .content-group-table-row .group-content-button button {
  background-color: #79AB19;
  color: #ffffff;
}

#LoginView, #LoginViewMobile {
  color: #2c2c2c;
}
#LoginView .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold),
#LoginView .group-content-input.group-content.rc-mobile-component.password,
#LoginView .group-content-button.group-content.rc-mobile-component:last-of-type, #LoginViewMobile .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold),
#LoginViewMobile .group-content-input.group-content.rc-mobile-component.password,
#LoginViewMobile .group-content-button.group-content.rc-mobile-component:last-of-type {
  margin-bottom: 16px;
}
#LoginView .group-content-button button, #LoginView .group-content-link-add.group-content button, #LoginViewMobile .group-content-button button, #LoginViewMobile .group-content-link-add.group-content button {
  width: 100%;
  background-color: unset;
}
#LoginView .group-content-button.button-submit button, #LoginView .group-content-link-add.group-content.button-submit button, #LoginViewMobile .group-content-button.button-submit button, #LoginViewMobile .group-content-link-add.group-content.button-submit button {
  background-color: #79AB19;
  color: #ffffff;
}
#LoginView .group-content-button.signin button, #LoginViewMobile .group-content-button.signin button {
  background-color: #79AB19;
}
#LoginView .group-content-link-add.group-content button .rc-icon.sgw-icon.add_big, #LoginViewMobile .group-content-link-add.group-content button .rc-icon.sgw-icon.add_big {
  display: none;
}
#LoginView .group-content-link-add.group-content button .btn-label, #LoginViewMobile .group-content-link-add.group-content button .btn-label {
  color: inherit;
}
#LoginView .login-continue-container, #LoginViewMobile .login-continue-container {
  position: relative;
  padding-top: 8px;
  border-top: 1px solid #EFEFEF;
}
#LoginView .login-continue-container .btn-simple, #LoginViewMobile .login-continue-container .btn-simple {
  width: 100%;
}

#LoginViewMobile {
  padding: 16px;
}
#LoginViewMobile .standard .group-content-password-rules-list ul {
  flex-direction: column;
  flex-wrap: nowrap;
}
#LoginViewMobile .standard .group-content-password-rules-list ul li {
  width: 100%;
}

.signup-view .standard.pin-code .group-content-label {
  margin: 0;
}

body.has-foreign-account-hint {
  margin-top: 36px;
}
body.has-foreign-account-hint.rc-mobile-view > header, body.has-foreign-account-hint .rc-mobile-view > header {
  top: 36px;
}
body.has-foreign-account-hint .rc-mobile-view {
  top: 36px;
}
body.has-foreign-account-hint #ArticleSelectionContent {
  min-height: calc(100dvh - 36px);
  height: calc(100dvh - 36px);
}
body.has-foreign-account-hint .desktop-menu-wrapper {
  top: 36px;
}

.foreign-accont-hint-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #3669c4;
  height: 36px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  gap: 8px;
  box-sizing: border-box;
  z-index: 100000;
}
.foreign-accont-hint-bar .foreign-account-info {
  display: flex;
  gap: 8px;
  align-items: center;
}
.foreign-accont-hint-bar .foreign-account-info .rc-avatar {
  width: 26px;
  height: 26px;
}
.foreign-accont-hint-bar .foreign-account-info .rc-avatar.avatar-from-text > span {
  font-size: 12px;
}
.foreign-accont-hint-bar .foreign-account-info .rc-label-component {
  font-size: 14px;
  color: #FFFFFF;
}
.foreign-accont-hint-bar .foreign-account-switch button {
  padding-right: 8px;
}

.foreign-account-error {
  color: #d9052f;
}

.dotted-nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 28px;
  justify-content: center;
  background-color: #2b2b2b;
  color: #FFF;
  max-width: 100%;
}
.dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: #777;
}
.dotted-nav > div.active {
  cursor: default;
}
.dotted-nav > div:hover {
  background-color: #b7b7b7;
}
.dotted-nav > div:active {
  background-color: #a7a7a7;
}
.dotted-nav > div.active {
  background-color: #D8d8d8;
}
.dotted-nav.redesign {
  background: rgba(0, 0, 0, 0.1);
  padding: 4px;
  margin-bottom: 16px;
  border-radius: 24px;
}
.dotted-nav.redesign > div {
  flex: auto;
  width: 8px;
  height: 8px;
  margin: 4px;
}

.panoramic-banner .dotted-nav {
  background-color: transparent;
}
.panoramic-banner .dotted-nav > div {
  background-color: #D8d8d8;
}
.panoramic-banner .dotted-nav > div.active {
  cursor: default;
}
.panoramic-banner .dotted-nav > div:hover {
  background-color: #b7b7b7;
}
.panoramic-banner .dotted-nav > div:active {
  background-color: #a7a7a7;
}
.panoramic-banner .dotted-nav > div.active {
  background-color: #777;
}

.preview-nav {
  position: absolute;
  bottom: 0;
  display: flex;
  padding: 8px;
  margin: 8px;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
}
.preview-nav > div {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
.preview-nav > div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.preview-nav > div.active {
  border: 2px solid #3669C4;
}

.promotion-banner {
  max-width: 1216px;
  overflow: hidden;
  margin: 32px auto;
  align-items: flex-start;
  min-width: 1000px;
}
.promotion-banner .cardbox {
  margin: 8px;
  display: flex;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  flex-direction: row;
  background-color: #2b2b2b;
  min-width: 348px;
  min-height: 200px;
}
.promotion-banner .cardbox > div {
  background-color: #2b2b2b;
  color: #FFF;
  max-width: 100%;
}
.promotion-banner .cardbox p {
  margin-top: 28px;
  line-height: 22px;
  margin-bottom: 0;
  font-size: 16px;
  text-align: left;
}
.promotion-banner .cardbox p + p {
  margin-top: 13px;
}
.promotion-banner .cardbox ul, .promotion-banner .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
  text-align: left;
}
.promotion-banner .cardbox ul li, .promotion-banner .cardbox ol li {
  margin-top: 5px;
  line-height: 22px;
}
.promotion-banner .cardbox h2 {
  line-height: 30px;
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
  text-align: center;
}
.promotion-banner .cardbox h3 {
  line-height: 22px;
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
  margin-top: 12px;
}
.promotion-banner .cardbox h3 + p {
  margin-top: 28px;
}
.promotion-banner .cardbox h3 a {
  text-decoration: none;
}
.promotion-banner .cardbox h3 a.sgw-icon {
  display: flex;
  text-align: center;
  justify-content: center;
  position: relative;
  padding-right: 0;
  order: 0;
}
.promotion-banner .cardbox h3 a.sgw-icon:before {
  font-size: 21px;
  order: 1;
  color: #fff;
  position: relative;
  padding-left: 4px;
}
.promotion-banner .cardbox h3 a, .promotion-banner .cardbox h3 a:active, .promotion-banner .cardbox h3 a:hover {
  color: #fff;
}
.promotion-banner .cardbox img {
  width: 100%;
  height: auto;
  display: block;
}
.promotion-banner .cardbox .slider-images, .promotion-banner .cardbox .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
  box-sizing: border-box;
}
.promotion-banner .cardbox .slider-text {
  align-items: center;
}
.promotion-banner .cardbox .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}
.promotion-banner .cardbox .labels {
  box-sizing: border-box;
  padding: 25px 24px;
}
.promotion-banner .cardbox .image {
  overflow: hidden;
  background-color: transparent;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
.promotion-banner .content {
  /* todo check width*/
  flex: 0 1 444px;
  max-width: 444px;
  display: flex;
  flex-direction: column;
  min-width: 400px;
  /*  transform: translate(1px, 0px);*/
}
.promotion-banner .labels {
  flex: 0 0 100%;
  max-width: 100%;
}
.promotion-banner .image {
  flex: 0 0 100%;
  max-width: 100%;
  transition: transform 0.4s ease, background 0.4s ease;
  height: fit-content;
}
.promotion-banner .image:not(.active):not(.redesign) {
  background-color: unset !important;
}
.promotion-banner .is-swiping .image {
  transition: background 0.4s ease;
}
@media handheld, only screen and (max-width: 880px) {
  .promotion-banner {
    min-width: 0;
    flex-wrap: wrap;
    max-width: 498px;
    width: 100%;
  }
  .promotion-banner .cardbox {
    flex-wrap: wrap;
  }
  .promotion-banner .slider-images {
    order: 0;
    max-width: 498px;
    width: 100%;
  }
  .promotion-banner .content {
    flex: auto;
    max-width: 498px;
    width: 100%;
    min-width: unset;
    overflow: hidden;
    transform: none;
  }
}
@media only screen and (min-width: 880px) {
  .promotion-banner .cardbox .slider-images {
    max-width: 100%;
    width: 700px;
    order: 1;
  }
  .promotion-banner .content {
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .promotion-banner .cardbox h2 {
    font-size: 32px;
    line-height: 40px;
    padding-top: 112px;
    text-align: left;
  }
  .promotion-banner .cardbox h3 {
    font-size: 18px;
    margin-top: 27px;
    text-align: left;
  }
  .promotion-banner .cardbox p:last-child {
    padding-bottom: 18px;
  }
  .promotion-banner .cardbox .labels {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.promotion-banner-customer-opinions-mini-header {
  box-sizing: border-box;
  padding: 14px 16px 11px;
  background-color: rgba(43, 43, 43, 0.5);
  display: inline-block;
  color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  z-index: 1;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars {
  display: flex;
  justify-content: flex-end;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars {
  display: inline-block;
  height: 20px;
  width: 100px;
  max-width: 100%;
  margin: 0;
  background-repeat: repeat-x;
  overflow: hidden;
  background-size: auto 100%;
  background-image: url("../Svg/Star_off.svg?12");
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars > div {
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars .starstop {
  background-image: url("../Svg/Star_on.svg?12");
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-rating-label {
  white-space: nowrap;
  padding-left: 8px;
  font-size: 16px;
  line-height: 22px;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-rating-sublabel {
  font-size: 12px;
  padding-top: 3px;
  text-align: right;
}

/*
Was is a diesa?
.promotion-banner-customer-opinions-mini-header .customer-opinions-mini-header .customer-opinions-stars {
    display: flex;
    align-items: center;

    padding: 0;
    padding-bottom: 4px;
}*/
.website-promotion-banner {
  margin: 0 16px 48px 16px;
}
.website-promotion-banner .banner-area {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  max-width: calc(1600px);
  margin: 0 auto;
  background-color: #FFFFFF;
  color: #000;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
.website-promotion-banner .banner-area a, .website-promotion-banner .banner-area a:hover, .website-promotion-banner .banner-area a:visited, .website-promotion-banner .banner-area a:active, .website-promotion-banner .banner-area a:focus {
  text-decoration: none;
  color: #3669C4;
}
.website-promotion-banner .banner-area a:before, .website-promotion-banner .banner-area a:hover:before, .website-promotion-banner .banner-area a:visited:before, .website-promotion-banner .banner-area a:active:before, .website-promotion-banner .banner-area a:focus:before {
  display: inline;
  color: #3669C4;
  content: "\e9d4";
  font-family: "icomoon";
  font-size: 21px;
  top: 2px;
  position: relative;
}
.website-promotion-banner .banner-area .slider-images {
  flex: 0 0 calc(50% + 8px);
  width: calc(50% + 8px);
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
.website-promotion-banner .banner-area .slider-images .image {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
}
.website-promotion-banner .banner-area .slider-images .image picture {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 70.1754385965%;
}
.website-promotion-banner .banner-area .slider-images .image picture img {
  height: 100%;
  margin: 0;
  padding: 0;
  max-height: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 16000px;
}
.website-promotion-banner .banner-area .slider-text {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.website-promotion-banner .banner-area .slider-text .highlight {
  background-color: #D9052F;
  font-weight: normal !important;
  color: #FFF;
  padding-left: 4px;
  display: inline-block;
  padding-right: 4px;
}
.website-promotion-banner .banner-area .slider-text > div {
  /*transition: transform 0.6s ease, background 0.4s ease;*/
  padding: 40px 48px 18px 48px; /*  padding:  40px 48px 42px 48px;*/
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  flex: 0 0 100%;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
}
.website-promotion-banner .banner-area .slider-text p, .website-promotion-banner .banner-area .slider-text ul, .website-promotion-banner .banner-area .slider-text ol {
  margin-bottom: 0;
  text-align: left;
  background-color: transparent !important;
}
.website-promotion-banner .banner-area .slider-text ul, .website-promotion-banner .banner-area .slider-text ol {
  padding-left: 2em;
}
.website-promotion-banner .banner-area .slider-text p:first-child {
  margin-top: 0;
}
.website-promotion-banner .banner-area .slider-text p:last-child, .website-promotion-banner .banner-area .slider-text ul:last-child, .website-promotion-banner .banner-area .slider-text ol:last-child {
  margin-top: 21px;
}
.website-promotion-banner .banner-area .slider-text h2, .website-promotion-banner .banner-area .slider-text h1, .website-promotion-banner .banner-area .slider-text h3, .website-promotion-banner .banner-area .slider-text h4 {
  background-color: transparent !important;
  padding: 0;
  font-size: 26px;
  line-height: 31px;
  margin-bottom: 11px;
  font-family: "SourceSansPro-Regular", sans-serif;
  text-align: left;
  font-weight: bold;
}
.website-promotion-banner .banner-area .slider-text h3, .website-promotion-banner .banner-area .slider-text h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 21px;
}
.website-promotion-banner .banner-area .slider-text .comp-cta {
  padding-top: 17px;
}
@media only screen and (max-width: 2000px) {
  .website-promotion-banner .banner-area {
    max-width: 1400px;
  }
}
@media only screen and (max-width: 1600px), (max-height: 1024px) {
  .website-promotion-banner .banner-area {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 1600px) {
  .website-promotion-banner {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .website-promotion-banner {
    margin: 0 auto;
  }
  .website-promotion-banner .banner-area {
    flex-direction: column;
    flex: 0 0 100%;
    margin: 16px;
    margin-bottom: 48px;
    margin-top: 0;
    max-width: 960px;
  }
  .website-promotion-banner .banner-area .slider-images {
    width: 100%;
    flex: auto;
  }
  .website-promotion-banner .banner-area .slider-text {
    align-items: flex-start;
  }
  .website-promotion-banner .banner-area .slider-text .labels {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
    padding-top: 18px;
  }
}
.website-promotion-banner .dotted-nav {
  display: flex;
  background-color: transparent;
  flex-wrap: nowrap;
  padding: 16px;
  justify-content: center;
  color: #FFF;
  max-width: 100%;
  flex: 0 0 50%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.website-promotion-banner .dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 12px;
  height: 12px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
}
.website-promotion-banner .dotted-nav > div.active {
  background-color: #ffffff;
  border: 2px solid #FFFFFF;
}

/* customer opinions */
/*.promotion-banner .cardbox h3 + p {
    margin-top: 28px;
}*/
/*.promotion-banner .cardbox p + p {
    margin-top: 13px;
}*/
.saal-download-clients-module {
  font-size: 16px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-width: 330px;
}
.saal-download-clients-module h2 {
  font-size: 24px;
}
.saal-download-clients-module .download-info-box {
  padding: 80px 0;
  background: #EFEFEF;
  text-align: center;
}
.saal-download-clients-module .download-info-box p {
  max-width: 780px;
  font-size: 22px;
  font-family: "SourceSansPro-Light", sans-serif;
  margin: 0 auto;
}
.saal-download-clients-module .download-info-box button {
  font-size: 22px;
}
.saal-download-clients-module .download-info-box .download-headline > * {
  margin-top: 0;
  margin-bottom: 32px;
}
.saal-download-clients-module .download-info-box .image-logo {
  position: relative;
  margin: 0 auto 8px auto;
}
.saal-download-clients-module .download-info-box a {
  color: #3669C4;
  text-decoration: none;
}
.saal-download-clients-module .download-info-box a:hover {
  text-decoration: underline;
}
.saal-download-clients-module .client-description {
  max-width: 760px;
  margin: 0 auto;
}
.saal-download-clients-module .client-description h2 {
  text-align: center;
  font-weight: bold;
}
.saal-download-clients-module .client-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 16px;
  max-width: 1200px;
  margin: 0 auto;
}
.saal-download-clients-module .client-list.three-cols .client-item {
  flex: 0 0 33%;
}
@media only screen and (max-width: 952px) {
  .saal-download-clients-module .client-list.three-cols .client-item {
    flex: 0 0 50%;
  }
}
.saal-download-clients-module .client-list.two-cols .client-item {
  flex: 0 0 50%;
}
@media screen and (orientation: portrait) {
  .saal-download-clients-module .client-list.two-cols .client-item {
    flex: 0 0 100%;
  }
}
.saal-download-clients-module .client-list .client-item {
  max-width: 460px;
}
.saal-download-clients-module .client-list .client-item .btn-simple {
  padding: 12px 32px;
  font-size: 16px;
}
.saal-download-clients-module .client-list .client-item .btn-simple.no-sub-btn {
  margin-bottom: 38px;
}
.saal-download-clients-module .client-list .client-item .btn-simple > * {
  /*> p {
      font-family: "Source Sans Pro Light", sans-serif;
  }*/
}
.saal-download-clients-module .client-list .client-item .btn-simple > * > h2 {
  line-height: 120%;
  margin: -2px;
}
.saal-download-clients-module .client-list .client-item .btn-simple .sgw-icon:before {
  font-size: 40px;
  left: -6px;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper {
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info {
  text-align: center;
  flex: auto;
  height: auto;
  position: relative;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image {
  margin-bottom: 16px;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image .client-feature-image {
  height: 96px;
  max-height: 96px;
  margin-bottom: 16px;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image .client-feature-image img {
  box-sizing: border-box;
  padding: 8px 0 0;
  max-width: 100%;
  height: 100%;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image h2 {
  text-align: center;
  margin-top: 0;
}
@media only screen and (max-width: 925px) {
  .saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image {
    display: flex;
    align-items: center;
  }
  .saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image .client-feature-image {
    width: fit-content;
    max-height: 64px;
    margin-bottom: 0;
  }
  .saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image .client-feature-image img {
    padding: 8px 0 0;
  }
  .saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-feature-info .client-feature-info-image h2 {
    flex: 1;
    padding-left: 8px;
    text-align: left;
    margin: 0;
  }
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-download-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 145px;
  min-height: 145px;
  margin-top: 32px;
}
@media only screen and (max-width: 925px) {
  .saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-download-wrapper {
    flex: unset;
    min-height: unset;
  }
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-download-wrapper a.btn-submit {
  border-radius: 22px;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-download-wrapper .btn-simple {
  height: unset;
  font-weight: normal;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-download-wrapper .also-available-button a {
  margin-top: 16px;
  text-decoration: underline;
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  display: inline-block;
}
.saal-download-clients-module .client-list .client-item .client-inner-wrapper > div.client-download-wrapper .also-available-button a:hover {
  color: #000000;
}
.saal-download-clients-module .client-list .client-item {
  /*.client-mobile-trigger {
      display: none;
      justify-self: flex-start;
      align-items: center;
      margin-top: 4px;
      cursor: pointer;

      img {
          height: 50px;
      }

      div {
          color: #3669C4;
      }
  }*/
}
.saal-download-clients-module .client-list .client-item .client-feature-description {
  text-align: left;
}
.saal-download-clients-module .client-list .client-item .client-feature-description ul {
  padding-left: 0;
  list-style-type: none;
  margin: 0;
}
.saal-download-clients-module .client-list .client-item .client-feature-description p {
  color: #676767;
}
.saal-download-clients-module .client-list .client-item .client-feature-description li {
  list-style-type: none;
  padding-left: 32px;
  margin-top: 16px;
  position: relative;
}
.saal-download-clients-module .client-list .client-item .client-feature-description li:before {
  position: absolute;
  content: url("https://photoservice.cloud/assets/check_28.svg") " ";
  margin-left: -32px;
}
.saal-download-clients-module .client-list .client-item .client-feature-description li a {
  color: #333333;
}
.saal-download-clients-module .client-list .client-item .client-feature-description li a:hover {
  color: #000000;
}
@media only screen and (max-width: 925px) {
  .saal-download-clients-module .client-list .client-item {
    flex: 0 0 100%;
    order: 2;
    background-color: #FBFBFB;
    margin-bottom: 16px;
  }
  .saal-download-clients-module .client-list .client-item.recommended-client {
    background: transparent;
  }
  .saal-download-clients-module .client-list .client-item.active-client {
    background: #EFEFEF;
    order: 1;
  }
  .saal-download-clients-module .client-list .client-item.active-client .client-inner-wrapper {
    display: flex;
  }
  .saal-download-clients-module .client-list .client-item.active-client {
    /*.client-mobile-trigger {
        display: none;
    }*/
  }
  .saal-download-clients-module .client-list .client-item {
    /*.client-mobile-trigger {
        display: flex;
    }*/
    /*.client-inner-wrapper {
        display: none;
    }*/
  }
}
@media only screen and (min-width: 925px) {
  .saal-download-clients-module .client-list .client-item:nth-child(even) {
    background-color: #FBFBFB;
  }
}
.saal-download-clients-module .recommendation-wrapper {
  color: #E3A201;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-transform: uppercase;
  width: 70%;
}
.saal-download-clients-module .recommendation-wrapper .recommendation {
  display: inline;
  position: relative;
}
.saal-download-clients-module .recommendation-wrapper .recommendation img {
  position: absolute;
  left: -70px;
  top: -26px;
  transform: scale(-1, 1);
}
.saal-download-clients-module .restart-download {
  margin-top: 36px;
}

.social-media-content .social-media-content-items {
  margin: 0 16px;
}
.social-media-content .social-media-content-items .social-media-content-item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dedede;
}
.social-media-content .social-media-content-items .social-media-content-item .social-media-content-item-content {
  margin: 0 16px;
}
.social-media-content .social-media-content-items .social-media-content-item .social-media-content-item-content .group-content {
  margin-top: 4px;
}
.social-media-content .social-media-content-items .social-media-content-item .social-media-content-item-content .group-content.group-content-image img {
  max-height: 200px;
}
.social-media-content .social-media-content-items .social-media-content-item .social-media-content-item-content .group-content.group-content-textarea .rc-textarea, .social-media-content .social-media-content-items .social-media-content-item .social-media-content-item-content .group-content.group-content-textarea .rc-textarea-v2-container {
  width: 100%;
  height: 200px;
}

.smart-banner-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 60px;
  background-color: #F3F3F4;
}
.smart-banner-wrapper .smart-banner-close {
  height: 100%;
  padding: 0 0 0 10px;
}
.smart-banner-wrapper .smart-banner-close > .sgw-icon::before {
  color: black;
}
.smart-banner-wrapper .smart-banner-show-app {
  align-items: center;
  height: 100%;
  color: #4A8DD4;
}
.smart-banner-wrapper .smart-banner-app-image-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 55px;
}
.smart-banner-wrapper .smart-banner-app-image-wrapper img {
  height: 70%;
  border-radius: 8.5px;
}
.smart-banner-wrapper .app-information-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
}
.smart-banner-wrapper .app-information-text p {
  margin: 0 2.5px 3.5px 2.5px;
  font-size: 17.5px;
}
.smart-banner-wrapper .app-information-text p:nth-child(2) {
  font-size: 13.75px;
  margin: 0 2.5px 0 2.5px;
}

.instagram-media-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  min-height: 200px;
  position: relative;
}
.instagram-media-content .instagram-media-item {
  flex: 0 0 calc(33.3333333333% - 8px);
  box-sizing: border-box;
  cursor: pointer;
  margin-top: 16px;
}
@media (max-width: 800px) {
  .instagram-media-content .instagram-media-item {
    flex-basis: calc(50% - 8px);
  }
}
@media (max-width: 500px) {
  .instagram-media-content .instagram-media-item {
    flex-basis: 100%;
  }
}
.instagram-media-content .instagram-media-item .instagram-media-header {
  display: flex;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
}
.instagram-media-content .instagram-media-item .instagram-media-header .rc-avatar.avatar-from-image {
  border: 1px solid #d8d8d8;
  width: 24px;
  height: 24px;
}
.instagram-media-content .instagram-media-item .instagram-media-header .group-content-label {
  flex: 1;
  margin-left: 8px;
  margin-bottom: 0;
}
.instagram-media-content .instagram-media-item .instagram-media-image {
  display: flex;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.instagram-media-content .instagram-media-item .instagram-media-image > div {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.instagram-media-content .instagram-media-item .instagram-media-image > div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
}
.instagram-media-content .instagram-media-item .instagram-media-image > div img.portrait {
  width: 100%;
  height: auto;
}
.instagram-media-content .instagram-media-item .instagram-media-image > div img.landscape {
  height: 100%;
  width: auto;
}
.instagram-media-content .instagram-media-item .instagram-media-bottom {
  padding: 0 8px 8px;
}
.instagram-media-content .instagram-media-item .instagram-media-bottom .btn-icon {
  padding-left: 0;
}

/* CSS Document */
.faq-module {
  max-width: 1632px;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 48px;
}
.faq-module .faq-headline {
  padding: 40px 16px 3px 16px;
}
.faq-module .faq-headline > div {
  max-width: 960px;
  margin: 0 auto;
}
.faq-module .faq-headline h2, .faq-module .faq-headline h3, .faq-module .faq-headline p {
  font-size: 24px;
  line-height: 31px;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-weight: bold;
}
.faq-module .faq-list {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 16px 0 16px;
}
.faq-module .faq-list .faq-item .faq-title {
  min-height: 36px;
  align-content: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  cursor: pointer;
}
.faq-module .faq-list .faq-item .faq-title .label {
  display: flex;
  align-items: center;
}
.faq-module .faq-list .faq-item .faq-text {
  display: none;
  padding-right: 36px;
  box-sizing: border-box;
}
.faq-module .faq-list .faq-item.active .faq-title {
  font-weight: bold;
}
.faq-module .faq-list .faq-item.active .faq-text {
  display: inherit;
}
.faq-module .faq-list .faq-item:after {
  content: "";
  display: block;
  border-top: 1px solid #CCC;
  padding-bottom: 4px;
  margin-top: 3px;
}
.faq-module .faq-hashtags a, .faq-module .faq-hashtags a:hover, .faq-module .faq-hashtags a:visited {
  color: #333;
  text-decoration: underline;
  margin-right: 8px;
}

.website-search-box + .website-search-results-list {
  margin-top: 32px;
}

.website-search-box .search-bar.content-group-table-row .group-content.group-content-horizontal-group {
  position: unset;
  margin-bottom: unset;
  max-width: unset;
}

.website-search-results-item {
  margin-bottom: 32px;
}
.website-search-results-item .website-search-results-item-title {
  margin-bottom: 8px;
}
.website-search-results-item .website-search-results-item-title a {
  height: 31px;
  line-height: 31px;
  font-size: 24px;
  color: #3669c4;
  text-decoration: none;
}
.website-search-results-item .website-search-results-description {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 9px;
}
.website-search-results-item .website-search-results-link a {
  font-size: 14px;
  color: #6E6E6E;
  text-decoration: underline;
}

.website-search-module-header {
  position: relative;
}
.website-search-module-header .website-search-important-links {
  padding: 16px 0;
  box-sizing: border-box;
}
.website-search-module-header .website-search-important-links .website-search-important-links-label {
  font-size: 12px;
  color: #676767;
}
.website-search-module-header .website-search-important-links .website-search-important-links-items button {
  padding: 8px;
}

.account-information {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 36px;
  height: 36px;
  cursor: pointer;
  position: relative;
  background-color: #EFEFEF;
  border-radius: 50%;
}
.account-information button {
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 0;
  white-space: unset;
  background-color: transparent;
}

.account-information-avatar {
  width: 36px;
  height: 36px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  align-items: center;
}
.account-information-avatar .rc-avatar {
  width: 36px;
  height: 36px;
}

.account-landing-page {
  width: 100%;
  max-width: 992px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  margin: 0 auto;
}
.account-landing-page .account-landing-page-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.account-landing-page.user-not-logged-in {
  min-height: 448px;
  position: relative;
}
.account-landing-page .rc-avatar {
  width: 96px;
  height: 96px;
  margin-bottom: 16px;
}
.account-landing-page .rc-avatar.avatar-from-text > span {
  font-size: 36px;
}
.account-landing-page .account-landing-page-login.sgw-icon {
  width: 96px;
  height: 96px;
  padding: 0;
  background-color: #EFEFEF;
  margin-bottom: 16px;
  border-radius: 50%;
}
.account-landing-page .account-landing-page-login.sgw-icon:before {
  width: 36px;
  height: 36px;
  font-size: 36px;
  line-height: 36px;
}
.account-landing-page a {
  color: #3669c4;
  text-decoration: none;
}
.account-landing-page .login-view-component.login-view-desktop {
  min-height: unset;
  background-color: unset;
}
.account-landing-page .login-view-component.login-view-desktop > div {
  box-shadow: unset;
}
.account-landing-page .login-view-component.login-view-desktop > div .checkout-group-content .group-content-image:first-of-type {
  display: none;
}
.account-landing-page .login-view-component > div .checkout-group-content .group-content-image:first-of-type {
  display: none;
}
.account-landing-page .login-view-component .group-content ul {
  padding-left: 0;
}
.account-landing-page.mobile-view header {
  display: none;
}
.account-landing-page.mobile-view main {
  width: 100%;
  background-color: transparent;
}

.article-configurator-content .content-text p {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 3px;
}
.article-configurator-content .content-text h1 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 16px;
  font-family: "SourceSansPro-Light", sans-serif;
  margin-top: 1px;
  font-weight: normal;
}
.article-configurator-content .content-text h2 {
  line-height: 27px;
  font-size: 24px;
  font-family: "SourceSansPro-Light", sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 1px;
  color: #6c9d0d;
}

.article-configurator-filter-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  z-index: 10;
  justify-content: right;
}
.article-configurator-filter-overlay:before {
  content: "";
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: #353840;
  opacity: 0.8;
}
.article-configurator-filter-overlay .article-configurator-filter-row {
  flex: 0 0 420px;
  flex-basis: 420px;
  max-width: 100%;
  overflow: auto;
  height: 100%;
  background-color: white;
  z-index: 1;
}
.article-configurator-filter-overlay .article-configurator-filter-row .filter-row-header {
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  padding: unset;
  box-sizing: border-box;
}
.article-configurator-filter-overlay .article-configurator-filter-row .filter-row-header .filter-row-header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 36px;
}
.article-configurator-filter-overlay .article-configurator-filter-row .filter-row-header .filter-row-reset-button button {
  font-weight: bold;
  color: #3669c4;
  padding: 0 16px 0 0;
}
.article-configurator-filter-overlay .article-configurator-filter-row .filter-row-content {
  position: relative;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.article-configurator-filter-overlay .article-configurator-filter-row .article-configurator.article-configurator-mobile {
  padding: unset;
}

.rc-mobile-view header .mobile-header-reset-button {
  position: absolute;
  right: 4px;
  top: -1px;
}
.rc-mobile-view header .mobile-header-reset-button button.btn-white {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}

.designconfigurator {
  text-align: left;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 24px;
  padding-left: 24px;
}
.designconfigurator .design-pool .tile-wrapper {
  padding: 24px;
}
@media only screen and (max-width: 1024px) {
  .designconfigurator .design-pool .tile-wrapper {
    padding: 16px;
  }
}
.designconfigurator .design-pool .img {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.32);
  transition: transform 0.2s, box-shadow 0.2s;
}
.designconfigurator .design-pool .img:hover {
  transform: translate(0, -8px);
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.5);
}
.designconfigurator .design-pool .img:hover .border {
  border-color: transparent;
  border-width: unset;
}
@media only screen and (max-width: 672px) {
  .designconfigurator {
    padding-right: 0;
    padding-left: 0;
  }
}
.designconfigurator .article-configurator-page, .designconfigurator .article-configurator-page .article-configurator-content {
  background-color: unset;
}
@media (max-width: 600px) {
  .designconfigurator .article-configurator-page, .designconfigurator .article-configurator-page .article-configurator-content {
    display: flex;
  }
}
.designconfigurator .article-configurator-page .article-configurator-content.mobile-phone {
  margin-right: 0;
}
.designconfigurator .article-configurator-page .article-configurator-content.mobile-phone .design-pool .img {
  margin: 8px;
}
.designconfigurator .article-configurator-page.article-configurator-old-content > div {
  display: unset;
}
.designconfigurator .article-configurator-page.article-configurator-old-content .filter-button-wrapper {
  display: flex;
  padding: 8px;
  justify-content: center;
}
.designconfigurator .article-configurator-page.article-configurator-old-content .article-configurator-content .design-pool-wrapper {
  background-color: unset;
}
.designconfigurator .article-configurator-page.article-configurator-old-content.website-inline-configurator-designer-stages {
  overflow: hidden;
}
.designconfigurator .article-configurator-page.article-configurator-old-content.website-inline-configurator-designer-stages > div:first-child {
  display: flex;
  margin: 0;
  height: 100%;
}
@media only screen and (max-width: 700px) {
  .designconfigurator .article-configurator-page.article-configurator-old-content.website-inline-configurator-designer-stages {
    overflow: unset;
  }
  .designconfigurator .article-configurator-page.article-configurator-old-content.website-inline-configurator-designer-stages > div:first-child {
    flex-direction: column;
    height: unset;
  }
}
.designconfigurator .article-configurator-page.article-configurator-old-content > .article-configurator-footer {
  display: flex;
  flex: 1;
  margin: 8px;
  position: sticky;
  position: -webkit-sticky;
  bottom: 24px;
  top: auto;
}
.designconfigurator .article-configurator-page.article-configurator-old-content > .article-configurator-footer .article-configurator-footer-content {
  padding: 8px;
}
.designconfigurator .article-configurator-page .article-configurator-old-content .content-text {
  display: none;
}
.designconfigurator .article-configurator-page.article-configurator-old-content > div:first-child {
  max-height: unset;
  height: unset;
}

.configurator-page.website-configurator .design-pool > div.redesign .tile-wrapper {
  padding: 8px;
}
.configurator-page.website-configurator .design-pool > div.redesign .tile-wrapper .img {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.32);
}

#WebsiteConfiguratorDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  height: 100%;
  margin: unset;
}
#WebsiteConfiguratorDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  margin: 0 auto;
  height: 90%;
  width: 85%;
}
#WebsiteConfiguratorDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content button.close {
  position: absolute;
  right: -36px;
  top: -8px;
}
#WebsiteConfiguratorDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content button.close .rc-icon:before {
  color: white;
}
@media only screen and (max-width: 1024px) {
  #WebsiteConfiguratorDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
    height: 100%;
    width: 100%;
  }
  #WebsiteConfiguratorDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content button.close {
    display: none;
  }
}
#WebsiteConfiguratorDialog .website-configurator-dialog-content {
  background-color: #F7F7F7;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: absolute;
}
#WebsiteConfiguratorDialog .website-configurator-dialog-content .back-button {
  position: absolute;
  left: 8px;
  bottom: 8px;
}
#WebsiteConfiguratorDialog .website-configurator-dialog-content .website-configurator-dialog-content-inner {
  flex: 1;
  padding: 16px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
#WebsiteConfiguratorDialog .website-configurator-dialog-content .website-configurator-dialog-content-inner .website-configurator-dialog-designline-preview {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 64px 0;
  min-width: 50%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
#WebsiteConfiguratorDialog .website-configurator-dialog-content .website-configurator-dialog-content-inner .website-configurator-dialog-right-column {
  flex: 0 1 420px;
  min-width: 360px;
  max-width: 420px;
  position: relative;
  overflow: auto;
}
@media only screen and (max-width: 1024px) {
  #WebsiteConfiguratorDialog .website-configurator-dialog-content .website-configurator-dialog-content-inner .website-configurator-dialog-right-column {
    flex-basis: 360px;
  }
}
#WebsiteConfiguratorDialog .website-configurator-dialog-content .website-configurator-dialog-content-inner .website-configurator-dialog-right-column .article-configurator.article-configurator-mobile {
  padding: unset;
}
#WebsiteConfiguratorDialog .mobile-configurator-designline-preview {
  margin-bottom: 8px;
  position: relative;
  display: flex;
  max-height: 50%;
  height: fit-content;
  width: 100%;
}
#WebsiteConfiguratorDialog .design {
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}
#WebsiteConfiguratorDialog .design img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  box-sizing: border-box;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
}
#WebsiteConfiguratorDialog .design .img {
  margin: 16px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  height: fit-content;
  padding: 12px;
}
#WebsiteConfiguratorDialog .design .img:hover .border {
  border-color: #d8d8d8;
  border-width: 3px;
}
#WebsiteConfiguratorDialog .design .img:active .border {
  border-color: #C2C2C2;
}
#WebsiteConfiguratorDialog .design .img.active .border {
  border-color: #3669C4;
  border-width: 3px;
}
#WebsiteConfiguratorDialog .design .img.active .border:hover {
  border-color: #82AEFD;
}
#WebsiteConfiguratorDialog .color-variant-selection {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 2px;
}
#WebsiteConfiguratorDialog .color-variant-selection .color-variant {
  width: 32px;
  height: 32px;
  margin: 0 4px 8px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
#WebsiteConfiguratorDialog .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
}
#WebsiteConfiguratorDialog .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
}
#WebsiteConfiguratorDialog .color-variant-selection .color-variant:hover:not(.selected-color-variant) {
  border: 2px solid #CCCCCC;
}
#WebsiteConfiguratorDialog .color-variant-selection .color-variant:hover:not(.selected-color-variant):before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
}
#WebsiteConfiguratorDialog .color-variant-selection .color-variant:last-child {
  margin-right: unset;
}

#WebsiteInlineConfigurator.designconfigurator {
  max-width: 1600px;
  margin: 0 auto;
}

.article-configurator-design-stages {
  display: flex;
  flex-wrap: wrap;
  min-width: 300px;
}
@media only screen and (max-width: 1023px) {
  .article-configurator-design-stages {
    max-width: 672px;
    margin: 0 auto;
  }
}
.article-configurator-design-stages .article-configurator-content {
  flex: 1;
  margin-right: 8px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .article-configurator-design-stages .article-configurator-content {
    flex: 0 0 100%;
  }
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper ul {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  margin: unset;
  padding: unset;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper ul > li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-swipe-wrapper {
  /*
              > div {
                  flex: 1 1 100%;
                  min-width: 100%;
              }*/
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-dotted-nav {
  position: absolute;
  bottom: 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: transparent;
  border: 2px solid #ffffff;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-dotted-nav > div.active {
  cursor: default;
  background-color: #ffffff;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-dotted-nav > div {
  /*&:hover {
      background-color: #b7b7b7;
  }

  &:active {
      background-color: #a7a7a7;
  }

  &.active {
      background-color: #D8d8d8;
  }*/
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages {
  position: absolute;
  bottom: 16px;
  left: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  /*> div {
      display: flex;
      height: 100%;
      justify-content: center;
  }*/
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage {
  flex: 0 0 64px;
  margin: 0 4px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding: unset;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage > div {
  padding-bottom: 70.1754385965%;
  height: auto;
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage.selected > div:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  border: 2px solid #3669c4;
  box-sizing: border-box;
}
@media only screen and (max-width: 700px) {
  .article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages {
    max-height: 64px;
    bottom: 8px;
  }
  .article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage {
    max-height: 64px;
    flex: 0 0 64px;
  }
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage-image-box {
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.16);
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-image-box {
  position: absolute;
  background-color: #E5E5E5;
  background-image: url("../../Assets/Css/Images/emptyBoxPlaceholder.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  display: none;
  overflow: hidden;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-image-box img {
  width: 100%;
  height: 100%;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-image-box.landscape img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: unset;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-image-box.portrait img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-frame-box {
  position: absolute;
  border-style: solid;
  border-image-repeat: repeat;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-upload-image-button {
  position: absolute;
  display: flex;
  justify-content: center;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-upload-image-button.mobile-view {
  width: 58px;
  height: 58px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage-upload-image-button.mobile-view button {
  width: 58px;
  height: 58px;
  border-radius: 50%;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage {
  /*width: 100%;
  height: 100%;
  position: relative;*/
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage picture {
  /*width: 100%;
  height: 100%;
  display: block;*/
  inset: 0 0 0 0;
  position: absolute;
}
.article-configurator-design-stages .article-configurator-content .article-configurator-content-designer-stage picture > img {
  width: 100%;
  height: 100%;
}
.article-configurator-design-stages .article-configurator-row {
  flex: 0 0 446px;
  position: relative;
  background-color: white;
}
@media only screen and (max-width: 1920px) {
  .article-configurator-design-stages .article-configurator-row {
    flex: 0 0 375px;
  }
}
@media only screen and (max-width: 1023px) {
  .article-configurator-design-stages .article-configurator-row {
    flex: 0 0 100%;
  }
}
.article-configurator-design-stages .article-configurator-row > div {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1023px) {
  .article-configurator-design-stages .article-configurator-row > div {
    position: relative;
    inset: unset;
  }
}
.article-configurator-design-stages .article-configurator-row .article-configurator .configurator-body {
  overflow: hidden;
  text-align: left;
}
.article-configurator-design-stages .article-configurator-row .article-configurator .configurator-body .configurator-group-mobile {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.article-configurator-design-stages .article-configurator-row .article-configurator .configurator-body .configurator-group-mobile > div {
  padding-left: 8px;
  padding-right: 8px;
}
.article-configurator-design-stages .article-configurator-row .article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-items:not(.side-by-side) {
  flex: 1;
  overflow-y: auto;
}
.article-configurator-design-stages .article-configurator-row .article-configurator.article-configurator-mobile {
  padding: unset;
  flex: 1;
  overflow-y: auto;
}
@media only screen and (max-width: 1023px) {
  .article-configurator-design-stages .article-configurator-row .article-configurator.article-configurator-mobile {
    flex: unset;
    overflow-y: unset;
  }
}
.article-configurator-design-stages .article-configurator-row .article-configurator.article-configurator-mobile .configurator-group-mobile .configurator-group-mobile-header {
  display: none;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 52px;
  max-height: unset;
  background-color: white;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer > div {
  padding: 8px;
  background-color: white;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer .footer-submit-button {
  width: 100%;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer .footer-submit-button .btn-simple.btn-submit, .article-configurator-design-stages .article-configurator-row .article-configurator-footer .footer-submit-button .btn-simple.btn-action {
  width: 100%;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer.layout-rounded-border {
  border: unset;
  padding: 16px;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer.layout-rounded-border > div {
  padding: unset;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer.layout-rounded-border .footer-submit-button {
  margin-top: 16px;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer.layout-rounded-border .footer-submit-button .btn-simple {
  height: 42px;
  border-radius: 21px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer.layout-rounded-border .rc-mobile-priceinfo {
  justify-content: space-between;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer.layout-rounded-border .rc-mobile-priceinfo .price-info {
  margin: unset;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer label {
  width: 100%;
  font-size: 14px;
  display: block;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo {
  display: flex;
  align-items: center;
  justify-content: right;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.article-configurator-design-stages .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo .price-info .valid-to {
  font-size: 14px;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
#PriceListsPage .desktop-main-content > .checkout-group-content {
  max-width: 672px;
}
#PriceListsPage .desktop-main-content .rc-tabcontrol {
  position: relative;
}
#PriceListsPage .desktop-main-content .rc-tabcontrol:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #CCCCCC;
}
#PriceListsPage .desktop-main-content .rc-tabcontrol .rc-tabcontrol-tab {
  flex: 0;
  padding: 0 16px;
  z-index: 1;
}

#PriceListsDetails, .pricelist-template-detail-view {
  z-index: 10002;
}
#PriceListsDetails + .rc-mobile-view, .pricelist-template-detail-view + .rc-mobile-view {
  z-index: 10003;
}
#PriceListsDetails .checkout-group-content > .checkout-group-content, .pricelist-template-detail-view .checkout-group-content > .checkout-group-content {
  padding: 16px;
  padding-bottom: 0;
  margin-bottom: 8px;
  background-color: #ffffff;
}
#PriceListsDetails .checkout-group-content > .checkout-group-content:last-child, .pricelist-template-detail-view .checkout-group-content > .checkout-group-content:last-child {
  padding-bottom: 16px;
}
#PriceListsDetails .checkout-group-content > .checkout-group-content:first-child > .group-content-sortable-container, .pricelist-template-detail-view .checkout-group-content > .checkout-group-content:first-child > .group-content-sortable-container {
  background-color: white;
  padding-bottom: unset;
  padding-right: 16px;
}
#PriceListsDetails .checkout-group-content > .checkout-group-content:first-child > .group-content-sortable-container .group-content-sortable-item, .pricelist-template-detail-view .checkout-group-content > .checkout-group-content:first-child > .group-content-sortable-container .group-content-sortable-item {
  margin-bottom: unset;
  border-bottom: 2px solid #efefef;
  padding: 4px 8px;
}
#PriceListsDetails .checkout-group-content > .checkout-group-content:first-child > .group-content-sortable-container .group-content-sortable-item:last-child, .pricelist-template-detail-view .checkout-group-content > .checkout-group-content:first-child > .group-content-sortable-container .group-content-sortable-item:last-child {
  border-bottom: none;
}
#PriceListsDetails .checkout-group-content .group-content-item .group-content-item-edit, .pricelist-template-detail-view .checkout-group-content .group-content-item .group-content-item-edit {
  top: 0;
  transform: unset;
}
#PriceListsDetails .checkout-group-content .group-content-horizontal-group.rc-mobile-component .group-content-input.rc-mobile-component, .pricelist-template-detail-view .checkout-group-content .group-content-horizontal-group.rc-mobile-component .group-content-input.rc-mobile-component {
  margin-right: unset;
}
#PriceListsDetails .checkout-group-content .edit.group-content-item-edit, .pricelist-template-detail-view .checkout-group-content .edit.group-content-item-edit {
  bottom: 0;
  top: unset;
  height: 36px;
  display: flex;
  align-items: center;
}
#PriceListsDetails .checkout-group-content .group-content-title-switch.selected + .edit.group-content-item-edit, .pricelist-template-detail-view .checkout-group-content .group-content-title-switch.selected + .edit.group-content-item-edit {
  display: flex;
}
#PriceListsDetails .checkout-group-content .group-content-title-switch + .edit.group-content-item-edit, .pricelist-template-detail-view .checkout-group-content .group-content-title-switch + .edit.group-content-item-edit {
  display: none;
}
#PriceListsDetails .checkout-group-content .group-content-sortable-container + .group-content-button.group-content, .pricelist-template-detail-view .checkout-group-content .group-content-sortable-container + .group-content-button.group-content {
  margin-top: 16px;
  /*button {
  		margin-top: 16px;
  }*/
}
#PriceListsDetails .checkout-group-content .group-content[class*=_reduced_numeric], .pricelist-template-detail-view .checkout-group-content .group-content[class*=_reduced_numeric] {
  padding-bottom: 8px;
}
#PriceListsDetails .checkout-group-content .group-content[class*=_reduced_numeric] + .group-content[class*=_upselling_switch], .pricelist-template-detail-view .checkout-group-content .group-content[class*=_reduced_numeric] + .group-content[class*=_upselling_switch] {
  margin-top: 8px;
}
#PriceListsDetails .checkout-group-content .group-content[class*=_upselling_], .pricelist-template-detail-view .checkout-group-content .group-content[class*=_upselling_] {
  padding-bottom: 8px;
}
#PriceListsDetails .checkout-group-content .group-content[class*=_upselling_numeric], .pricelist-template-detail-view .checkout-group-content .group-content[class*=_upselling_numeric] {
  padding-bottom: 16px;
}
#PriceListsDetails form > .checkout-group-content > .group-content-sortable-container, .pricelist-template-detail-view form > .checkout-group-content > .group-content-sortable-container {
  margin-right: unset;
}
#PriceListsDetails form > .checkout-group-content > .group-content-sortable-container > .group-content-sortable-item, .pricelist-template-detail-view form > .checkout-group-content > .group-content-sortable-container > .group-content-sortable-item {
  padding-bottom: 0;
}
#PriceListsDetails form > .checkout-group-content > .group-content-sortable-container > .group-content-sortable-item > .group-content-chip-wrapper, .pricelist-template-detail-view form > .checkout-group-content > .group-content-sortable-container > .group-content-sortable-item > .group-content-chip-wrapper {
  justify-content: unset;
  margin-bottom: 8px;
}
#PriceListsDetails form > .checkout-group-content > .group-content-sortable-container > .group-content-sortable-item > .group-content-chip-wrapper .group-content.group-content-chip, .pricelist-template-detail-view form > .checkout-group-content > .group-content-sortable-container > .group-content-sortable-item > .group-content-chip-wrapper .group-content.group-content-chip {
  font-size: 12px;
  color: white;
  border-radius: unset;
  padding: 1px 4px 2px;
  height: unset;
}
#PriceListsDetails form > .checkout-group-content > .checkout-group-content > .checkout-group-content, .pricelist-template-detail-view form > .checkout-group-content > .checkout-group-content > .checkout-group-content {
  padding: 0;
  background-color: transparent;
}
#PriceListsDetails .dialog-scrollable-content, .pricelist-template-detail-view .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#PriceListsDetails main > div, .pricelist-template-detail-view main > div {
  padding: 8px;
}
#PriceListsDetails .action-buttons, .pricelist-template-detail-view .action-buttons {
  display: flex;
  flex-direction: row;
}

#PriceDetailConfigurationDialog {
  z-index: 10003;
}
#PriceDetailConfigurationDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  min-height: 90vh;
}
#PriceDetailConfigurationDialog + .rc-dialog.rc-alert {
  z-index: 10010 !important;
}
#PriceDetailConfigurationDialog .reseller-discount-button {
  position: absolute;
  right: 8px;
  top: 6px;
  padding: 2px 8px;
  height: unset;
  min-height: unset;
}

#DuplicatePriceListDialog {
  z-index: 10010;
}

.pricelist-configurator-control {
  max-width: 694px;
}
.pricelist-configurator-control .group-content-item .group-content {
  margin-bottom: 0;
}
.pricelist-configurator-control .content-group-table-row.search-bar {
  margin-bottom: 8px;
}

.pricelist-configurator-section {
  margin-bottom: 8px;
}
.pricelist-configurator-section.simple-configurator-view {
  padding: 8px;
  background-color: white;
}
.pricelist-configurator-section .pricelist-configurator-section-data {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item.hidden-item {
  display: none;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item.selected .rc-checkbox-label {
  font-weight: bold;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item > .rc-label-component {
  width: auto;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item div.selection-data-item-checkbox {
  flex: auto;
  width: 100%;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item div.selection-data-item-checkbox .rc-checkbox-label {
  font-size: 14px;
  line-height: 14px;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item div.selection-data-item-inputs-wrapper {
  display: flex;
  min-width: 600px;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item div.selection-data-item-input {
  flex: 0 0 120px;
  flex-basis: 120px;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item div.selection-data-item-input .rc-input.disabled {
  opacity: unset;
  background-color: transparent;
  border-bottom: unset;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item div.selection-data-item-input .rc-input label {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item.mobile-view {
  display: block;
  height: unset;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item.mobile-view div.selection-data-item-inputs-wrapper {
  padding-left: 20px;
  max-width: 100%;
  min-width: unset;
  width: 100%;
  flex-wrap: wrap;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item.mobile-view div.selection-data-item-inputs-wrapper div.selection-data-item-input {
  flex: 0 0 30%;
  flex-basis: 30%;
}
.pricelist-configurator-section .pricelist-configurator-selection-data-item.mobile-view div.selection-data-item-inputs-wrapper div.selection-data-item-input .rc-input label {
  max-width: 105px;
}

.pricelist-configurator-section + .rc-floating-button.ios-mobile-device {
  z-index: 1;
}

.pricelist-configurator-section-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.pricelist-configurator-section-header .pricelist-configurator-section-header-buttons {
  display: flex;
  gap: 8px;
}
.pricelist-configurator-section-header .pricelist-configurator-section-header-buttons button {
  padding-left: 0;
  padding-right: 8px;
}
.pricelist-configurator-section-header .pricelist-configurator-section-header-buttons button .sgw-icon {
  margin-right: 0;
}

.pricelist-configurator-section-header-search-bar {
  margin-bottom: 8px;
}

.pricelist-list-view-table-wrapper {
  padding: 16px 16px 0 0;
}

.pricelist-list-view-table .flat-table-cell.createdOn, .pricelist-list-view-table .flat-table-cell.modifiedOn, .pricelist-list-view-table .flat-table-cell.status, .pricelist-list-view-table .group-content.createdOn, .pricelist-list-view-table .group-content.modifiedOn, .pricelist-list-view-table .group-content.status {
  flex-basis: 150px;
}
.pricelist-list-view-table .flat-table-cell.collections, .pricelist-list-view-table .group-content.collections {
  flex-basis: 100px;
}
.pricelist-list-view-table .flat-table-cell.edit, .pricelist-list-view-table .group-content.edit {
  flex-basis: 44px;
}
.pricelist-list-view-table .flat-table-cell.title, .pricelist-list-view-table .group-content.title {
  flex: 1;
}
.pricelist-list-view-table .flat-table-cell.edit div {
  display: none;
}
.price-list-view-mobile-table .mobile-table-row {
  display: flex;
}
.price-list-view-mobile-table .mobile-table-row .mobile-table-columns-group {
  flex: 1;
}
.price-list-view-mobile-table .mobile-table-row .group-content.edit {
  flex: 0;
}

.pricelist-subcategory-tabs {
  display: flex;
  gap: 8px;
}
.pricelist-subcategory-tabs button {
  border-radius: 8px;
  padding: 0 12px;
}

.page-layout .desktop-main-content .pricelist-subcategory-tabs {
  padding-top: 8px;
}

.rc-mobile-view .pricelist-subcategory-tabs {
  margin-bottom: 16px;
}

#PriceDetailConfigurationDialog.rc-mobile-view main > div {
  padding: 8px;
  box-sizing: border-box;
}
#PriceDetailConfigurationDialog.rc-mobile-view main .content-group-table-row.search-bar {
  padding: unset;
}
#PriceDetailConfigurationDialog.rc-mobile-view main .content-group-table-row.search-bar form {
  margin-bottom: unset;
}
#PriceDetailConfigurationDialog.rc-mobile-view main .group-content-horizontal-group .group-content {
  max-width: calc(50% - 4px);
  flex-basis: calc(50% - 4px);
  box-sizing: border-box;
  margin-right: 4px;
}
#PriceDetailConfigurationDialog.rc-mobile-view main .group-content-horizontal-group .group-content:nth-child(even) {
  margin-right: 0;
  margin-left: 4px;
}

.pricelist-template-detail-view {
  max-width: 600px;
  display: flex;
  flex-direction: column;
}
.pricelist-template-detail-view .checkout-group-content > .checkout-group-content {
  padding-bottom: 8px;
}
.pricelist-template-detail-view .checkout-group-content > .checkout-group-content:last-child {
  padding-bottom: 8px;
}

.pricelist-template-detail-view-column .content-group-table-row .group-content-key-value {
  display: flex;
  padding: unset;
  margin-bottom: 8px;
}
.pricelist-template-detail-view-column .content-group-table-row .group-content-key-value .group-content-key-value-key, .pricelist-template-detail-view-column .content-group-table-row .group-content-key-value .group-content-key-value-value {
  flex-basis: 50%;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.pricelist-template-detail-view-column .content-group-table-row .group-content-horizontal-group .group-content-label {
  min-height: unset;
}
.pricelist-template-detail-view-column .content-group-table-row .group-content-horizontal-group .group-content-chip-wrapper {
  justify-content: flex-start;
}
.pricelist-template-detail-view-column .content-group-table-row button {
  width: 100%;
}

/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

@keyframes SlideUp {
  0% {
    opacity: 1;
    @include translate(0, 0);
  }
  100% {
    opacity: 0;
    @include translate(0, -125%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.page-layout .desktop-main-content .article-configurator-content {
  background-color: white;
}

.page-layout .desktop-main-content .article-configurator-content, main .article-configurator-content {
  max-width: 1184px;
  padding: unset;
}
.page-layout .desktop-main-content .article-configurator-content + .article-configurator.article-configurator-mobile, main .article-configurator-content + .article-configurator.article-configurator-mobile {
  flex: 0 0 420px;
  padding: unset;
}
@media (max-width: 1024px) {
  .page-layout .desktop-main-content .article-configurator-content + .article-configurator.article-configurator-mobile, main .article-configurator-content + .article-configurator.article-configurator-mobile {
    flex: 0 0 380px;
  }
}
.page-layout .desktop-main-content .article-configurator-content h1, main .article-configurator-content h1 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 16px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.page-layout .desktop-main-content .article-configurator-content h2, main .article-configurator-content h2 {
  font-size: 24px;
}
.page-layout .desktop-main-content .article-configurator-content p, main .article-configurator-content p {
  margin-bottom: 16px;
}
.page-layout .desktop-main-content .article-configurator-content ul, main .article-configurator-content ul {
  list-style-type: square;
  margin-left: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
}
.page-layout .desktop-main-content .article-configurator-content .content-text, main .article-configurator-content .content-text {
  padding: 16px;
  line-height: 16px;
  font-size: 14px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 672px;
  margin: 0 auto;
}
.page-layout .desktop-main-content .article-configurator-content .checkout-group-content > .group-content-label, main .article-configurator-content .checkout-group-content > .group-content-label {
  padding: 16px;
  display: block;
  max-width: 672px;
  margin: 0 auto;
}
.page-layout .desktop-main-content .article-configurator-content .group-content-carousel-item, main .article-configurator-content .group-content-carousel-item {
  /*min-width: $minWidth;
  max-width: $subMaxWidth;
  width: auto;*/
  flex: 1;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq, main .article-configurator-content .configurator-content-faq {
  padding: 32px 0;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq > div, main .article-configurator-content .configurator-content-faq > div {
  max-width: 672px;
  margin: 0 auto;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item {
  border-bottom: 1px solid #efefef;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button {
  padding: 2px;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button button, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item .faq-content-item-button button {
  width: 100%;
  padding-left: unset;
  padding-right: unset;
  justify-content: space-between;
}
.page-layout .desktop-main-content .article-configurator-content .configurator-content-faq .faq-content .faq-content-item-content, main .article-configurator-content .configurator-content-faq .faq-content .faq-content-item-content {
  padding: 8px 0 8px 16px;
}

.configurator-page {
  flex-direction: column;
  display: flex;
  height: 100vh;
  height: 100dvh;
  flex-wrap: nowrap;
  position: relative;
}
.configurator-page .desktop-main-content {
  padding-bottom: 32px;
}
.configurator-page header.configurator-page-header {
  flex: 0 0 58px;
  width: 100%;
  position: unset;
  align-items: center;
  max-height: 68px;
  padding: 5px 0;
}
.configurator-page .article-configurator-page-wrapper {
  flex: 1;
  align-items: center;
  display: flex;
  overflow: auto;
}
.configurator-page.website-configurator {
  height: unset;
}
.configurator-page.website-configurator .article-configurator-page-wrapper {
  overflow: unset;
}

.article-configurator-page {
  position: relative;
  background-color: #efefef;
  max-width: 1662px;
  margin: 0 auto;
  display: flex;
}
.article-configurator-page .article-configurator-page-content-wrapper {
  flex: 0 1 1206px;
  max-width: 1206px;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.article-configurator-page .article-configurator-page-configurator-wrapper {
  display: flex;
  box-sizing: border-box;
  min-width: unset;
  flex-wrap: wrap;
  flex: 0 0 456px;
  max-width: 456px;
  justify-content: flex-end;
  align-items: flex-start;
}
.article-configurator-page .article-configurator-page-configurator-wrapper > div {
  margin: 8px;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  position: sticky;
  position: -webkit-sticky;
  top: 66px;
  min-width: 348px;
  text-align: left;
  min-height: 400px;
  flex-direction: row;
}
.article-configurator-page .article-configurator-page-configurator-wrapper .article-configurator-footer {
  display: block;
  box-sizing: border-box;
  padding: 16px 16px 0;
  font-size: 14px;
  max-height: unset;
  background-color: white;
  flex: unset;
  flex: auto;
}
.article-configurator-page .article-configurator-page-configurator-wrapper .article-configurator-footer .article-configurator-footer-content {
  display: flex;
}
.article-configurator-page .article-configurator-page-configurator-wrapper .article-configurator-footer .btn-simple {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content {
  width: 100%;
  height: 100%;
  display: unset;
}
.article-configurator-page.article-configurator-old-content > div {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  padding: 0 8px 32px;
}
@media only screen and (min-height: 1080px) {
  .article-configurator-page.article-configurator-old-content > div {
    padding: 0 8px 64px;
  }
}
.article-configurator-page.article-configurator-old-content > div:first-child {
  min-height: 400px;
  height: 100%;
  align-items: stretch;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row {
  flex: 0 0 375px;
  max-width: 100%;
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  background: #FFFFFF;
}
@media only screen and (min-width: 1500px) {
  .article-configurator-page.article-configurator-old-content .article-configurator-row {
    flex: 0 0 472px;
  }
}
.article-configurator-page.article-configurator-old-content .article-configurator-row > div {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row > div .rc-component.rc-snackbar {
  position: sticky;
  position: -webkit-sticky;
  bottom: 128px;
  left: 0;
  padding: 16px;
  background-color: #3669c4;
  font-size: 14px;
  height: auto;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row > div .rc-component.rc-snackbar button {
  padding: 4px 16px !important;
  border: 2px solid #ffffff;
  border-radius: unset;
  background-color: transparent;
  color: #fff;
  justify-content: center;
  display: flex;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .configurator-name {
  display: none;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator.article-configurator-mobile {
  padding: unset;
  background: #FFFFFF;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 52px;
  max-height: unset;
  bottom: 0;
  top: auto;
  position: sticky;
  position: -webkit-sticky;
  background-color: #efefef;
  padding: 1px 0 0;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer > div {
  padding: 8px 16px;
  background-color: white;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button .btn-simple.btn-submit, .article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button .btn-simple.btn-action {
  width: 100%;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer label {
  width: 100%;
  font-size: 15px;
  display: block;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .rc-mobile-priceinfo .price-info .valid-to {
  font-size: 14px;
}
.article-configurator-page.article-configurator-old-content .article-configurator-row .article-configurator-footer .footer-submit-button button {
  border-radius: 24px;
  margin-top: 12px;
}
.article-configurator-page .article-configurator-content {
  flex: 1;
  margin-right: 1px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #FFFFFF;
}
.article-configurator-page .article-configurator-content .design-pool-wrapper {
  background-color: white;
  padding: 0 16px 16px;
}
.article-configurator-page .article-configurator-content + .article-configurator.article-configurator-mobile {
  flex: 0 0 420px;
  padding: unset;
}
@media (max-width: 1024px) {
  .article-configurator-page .article-configurator-content + .article-configurator.article-configurator-mobile {
    flex: 0 0 380px;
  }
}
.article-configurator-page .article-configurator-content .content-image {
  overflow: hidden;
  height: 60%;
}
.article-configurator-page .article-configurator-content .content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner {
  margin: 0;
  height: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area {
  height: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-text {
  display: none;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image {
  height: 100%;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture {
  height: 100%;
  padding-bottom: unset;
}
.article-configurator-page .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture img {
  width: 100%;
  height: 100%;
  position: unset;
  object-fit: cover;
  object-position: center;
  inset: unset;
  transform: unset;
}
.article-configurator-page .article-configurator-content .content-text {
  line-height: 16px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 8px 16px;
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
  flex: 1;
  gap: 8px;
}
@media only screen and (max-width: 1200px) {
  .article-configurator-page .article-configurator-content .content-text {
    padding: 8px 8px;
    display: unset;
  }
}
.article-configurator-page .article-configurator-content .content-text.tablet.landscape {
  display: flex !important;
  flex-direction: row;
  gap: 8px;
  padding: 8px 16px;
}
.article-configurator-page .article-configurator-content .content-text h1 {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 16px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.article-configurator-page .article-configurator-content .content-text h2 {
  font-size: 24px;
}
.article-configurator-page .article-configurator-content .content-text p {
  margin-bottom: 16px;
}
.article-configurator-page .article-configurator-content .content-text ul {
  list-style-type: square;
  margin-left: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
}
.article-configurator-page .article-configurator-content .content-text > div:first-child *:last-child {
  margin-bottom: 0;
}
.article-configurator-page .article-configurator-content .content-text > div {
  box-sizing: border-box;
  padding: 8px 8px;
  line-height: 22px;
  margin-bottom: 8px;
}
.article-configurator-page .article-configurator-content .content-text > div:first-child {
  width: 60%;
}
.article-configurator-page .article-configurator-content .content-text > div:last-child {
  width: 40%;
}
@media only screen and (max-width: 1200px) {
  .article-configurator-page .article-configurator-content .content-text > div {
    width: unset;
  }
}
.article-configurator-page .article-configurator-content .content-text > div h2 {
  margin-bottom: 10px;
}
.article-configurator-page .article-configurator-content .content-text > div .delivery-highlight + .warning-highlight, .article-configurator-page .article-configurator-content .content-text > div .warning-highlight + .delivery-highlight {
  margin-top: 16px;
}
.article-configurator-page .article-configurator-content .content-text > div .sgw-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  float: left;
  margin-right: 8px;
  padding: 0;
  cursor: default;
  margin-top: -2px;
  position: relative;
}
.article-configurator-page .article-configurator-content .content-text > div .sgw-icon:before {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 24px;
}
.article-configurator-page .article-configurator-content .content-text .delivery-highlight h2 {
  color: #6c9d0d;
}
.article-configurator-page .article-configurator-content .content-text .delivery-highlight > .sgw-icon {
  background-color: #6c9d0d;
}
.article-configurator-page .article-configurator-content .content-text .warning-highlight h2 {
  color: #d9052f;
}
.article-configurator-page .article-configurator-content .content-text .warning-highlight > .sgw-icon {
  background-color: #d9052f;
}
.article-configurator-page .article-configurator-content .content-text .content-text-article-dimensions {
  margin-top: 8px;
  color: #555555;
}
.article-configurator-page .article-configurator-content .configurator-product-images {
  display: flex;
  margin: 24px 32px;
  gap: 8px;
}
.article-configurator-page .article-configurator-content .configurator-product-images > div {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
.article-configurator-page .article-configurator-content .configurator-product-images > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
  /*.configurator-product-image-overlay-header {
  	box-sizing: border-box;
  	height: 84px;
  	padding: 32px 32px 16px;
  }*/
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .sgw-icon {
  width: 26px;
  height: 26px;
  background: #6E6E6E;
  border-radius: 13px;
  padding: 0;
  margin: 48px;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image {
  max-width: 1348px;
  position: relative;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image .configurator-product-image-overlay-close {
  background: transparent;
  position: absolute;
  left: -128px;
  top: -128px;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-configurator-page .article-configurator-content .configurator-product-image-overlay .sgw-icon:before {
  color: #FFFFFF;
}
.article-configurator-page .article-configurator-content .content-card-title {
  flex-direction: column;
}
.article-configurator-page .article-configurator-content .group-content-horizontal-group, .article-configurator-page .article-configurator-content .group-content-carousel {
  padding: 0 32px;
}
.article-configurator-page .configurator-content-faq .search-bar.content-group-table-row {
  display: flex;
  justify-content: center;
}
.article-configurator-page .configurator-content-faq .search-bar.content-group-table-row .group-content.group-content-horizontal-group {
  max-width: 600px;
  padding: 0;
  flex: auto;
  box-sizing: border-box;
}
.article-configurator-page .configurator-content-faq .faq-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-configurator-page .configurator-content-faq .faq-content .faq-content-item {
  max-width: 600px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.article-configurator-page .configurator-content-faq .faq-content .faq-content-item .btn-simple {
  width: 100%;
  justify-content: space-between;
  padding: 0;
}
.article-configurator-page .configurator-content-faq .faq-content .faq-content-item .faq-content-item-content {
  font-size: 14px;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-top: 8px;
}
.article-configurator-page .article-configurator-footer {
  flex: 1;
  display: flex;
  max-height: 44px;
  font-size: 12px;
  justify-content: flex-end;
}
.article-configurator-page .article-configurator-footer .article-configurator-footer-content {
  display: flex;
}
@media (max-width: 1100px) {
  .article-configurator-page .article-configurator-footer {
    position: sticky;
    position: -webkit-sticky;
    background-color: #efefef;
  }
}
.article-configurator-page .article-configurator-footer .footer-price-info {
  text-align: right;
  white-space: nowrap;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
}
.article-configurator-page .article-configurator-footer .footer-price-info.price-info {
  justify-content: flex-end;
}
.article-configurator-page .article-configurator-footer .footer-price-info.warning {
  flex-direction: row;
}
.article-configurator-page .article-configurator-footer .footer-price-info .footer-price-text {
  font-size: 16px;
}
.article-configurator-page .article-configurator-footer .footer-price-info .footer-price-text .price-original {
  text-decoration: line-through;
  color: #868686;
  margin-right: 4px;
  font-weight: normal;
}
.article-configurator-page .article-configurator-footer .footer-price-info .valid-to {
  color: #d9052f;
}
.article-configurator-page .article-configurator-footer .footer-price-info .warning-label {
  align-self: flex-start;
  font-size: 16px;
  font-weight: bold;
}
@media handheld, only screen and (max-width: 1480px) {
  .article-configurator-page .article-configurator-content .content-image {
    display: flex;
  }
  .article-configurator-page .article-configurator-content .content-image img {
    object-fit: cover;
  }
}
@media (max-width: 1000px) {
  .article-configurator-page .article-configurator-content {
    flex: 0 0 50%;
  }
  .article-configurator-page .article-configurator-content .content-text {
    flex-wrap: wrap;
  }
  .article-configurator-page .article-configurator-content .content-text > div {
    flex: 0 0 100%;
    padding: 8px;
  }
  .article-configurator-page .article-configurator {
    flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  .article-configurator-page .article-configurator-content {
    display: none;
  }
  .article-configurator-page .article-configurator {
    flex: 0 0 100%;
    max-width: unset;
  }
  .article-configurator-page .article-configurator .configurator-group .radio-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.footer-url {
  text-decoration: underline;
  color: #333333;
}
.footer-url:hover {
  text-decoration: underline;
  color: #3669C4;
}

#ArticleSelectionMobileView.rc-mobile-view .mobile-configurator-content > div.rc-component.rc-snackbar {
  position: fixed;
  bottom: 144px;
  left: 0;
  padding: 16px;
  background-color: #3669c4;
  height: auto;
  font-size: 14px;
  flex-direction: row;
}
#ArticleSelectionMobileView.rc-mobile-view .mobile-configurator-content > div.rc-component.rc-snackbar button {
  padding: 4px 16px !important;
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #fff;
  justify-content: center;
  display: flex;
  margin-left: 8px;
}

.article-configurator-footer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  width: 100%;
  max-height: unset;
  bottom: 0;
  top: auto;
  position: sticky;
  position: -webkit-sticky;
  padding: 8px 16px;
  background-color: white;
}
.article-configurator-footer .footer-submit-button {
  width: 100%;
  margin-bottom: 4px;
  margin-top: 6px;
}
.article-configurator-footer .footer-submit-button .btn-simple.btn-submit, .article-configurator-footer .footer-submit-button .btn-simple.btn-action {
  width: 100%;
  font-size: 14px;
}
.article-configurator-footer label {
  width: 100%;
  font-size: 14px;
  display: block;
}
.article-configurator-footer .rc-mobile-priceinfo {
  display: flex;
  align-items: center;
  justify-content: right;
}
.article-configurator-footer .rc-mobile-priceinfo .price-original + .price {
  color: #d9052f;
}
.article-configurator-footer .rc-mobile-priceinfo .price-info .valid-to {
  font-size: 14px;
}

.article-configurator-more-designs-wrapper {
  max-width: 100%;
  overflow: hidden;
}

.more-from-design-section-title {
  font-size: 24px;
  font-family: "SourceSansPro-Light", sans-serif;
  background-color: #ffffff;
  padding: 16px;
  box-sizing: border-box;
}

.more-from-design {
  background-color: #FFFFFF;
  padding-top: 8px;
  max-width: 100%;
  margin-right: 8px;
  display: flex;
}
.more-from-design .slider-btn {
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
}
.more-from-design.mfd-mobile {
  margin-left: 8px;
  margin-bottom: 16px;
  flex-direction: column;
}
.more-from-design .section-title {
  font-size: 24px;
  margin: 16px 0 16px 8px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.more-from-design .slider-container {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  flex: 1;
  overflow-x: auto;
}
.more-from-design .slider-container::-webkit-scrollbar {
  height: 10px;
}
.more-from-design .slider-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.more-from-design .slider-container::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.more-from-design .slider-container .article-name {
  font-weight: 400;
  color: #000000;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.more-from-design .slider-container .template-description {
  font-weight: 400;
  color: #676767;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.more-from-design .slider-container {
  /*.article-name-empty {
  		height: 20px;
  }

  .template-description-empty {
  		height: 20px;
  }*/
}
.more-from-design .slider-container .horizontal-slider {
  flex: 1;
}
.more-from-design .slider-container .horizontal-slider-mobile {
  display: flex;
  align-items: center;
  flex-direction: row;
  overflow: auto;
  gap: 8px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container {
  margin: 8px 0px 8px 8px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container:last-child {
  margin: 8px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container .more-from-design-item {
  display: flex;
  width: 150px;
  height: 100%;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 8px;
  cursor: pointer;
  background-color: #FFFFFF;
  padding-top: 16px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container .more-from-design-item .more-from-design-item-img {
  display: flex;
  width: 150px;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
  background-color: #EFEFEF;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.more-from-design .slider-container .horizontal-slider-mobile .more-from-design-item-container .more-from-design-item .more-from-design-item-img img {
  max-height: 100%;
  height: auto;
}
.more-from-design .slider-container .horizontal-slider {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item {
  padding: 8px;
  box-sizing: border-box;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item > div {
  display: flex;
  width: 168px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-shrink: 0;
  cursor: pointer;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img {
  display: flex;
  width: 168px;
  height: 168px;
  min-height: 168px;
  max-height: 168px;
  background-color: #EFEFEF;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  box-sizing: border-box;
  overflow: hidden;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img img {
  width: 100%;
  height: 100%;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img img.landscape {
  width: 100%;
  height: auto;
}
.more-from-design .slider-container .horizontal-slider .more-from-design-item .more-from-design-item-img img.portrait {
  height: 100%;
  width: auto;
}

.rc-mobile-view > main.mobile-configurator-content {
  padding: 0;
}

#ArticleSelectionMobileView main .article-configurator .configurator-body .configurator-group-mobile:not(.open):not(.product-info) {
  height: 62px;
  justify-content: center;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture.square img, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture.square img {
  aspect-ratio: 1600/1600;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture.square-reduced img, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture.square-reduced img {
  aspect-ratio: 960/960;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture.panoramic img, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture.panoramic img {
  aspect-ratio: 2500/1000;
  width: unset !important;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture .safe-area, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture .safe-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centering */
  border: 1px dotted red;
  aspect-ratio: 1600/1000;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture .safe-area.full-width, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture .safe-area.full-width {
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture .safe-area.full-height, #ArticleSelectionMobileView main.mobile-configurator-content .mobile-configurator-preview .content-image picture .safe-area.full-height {
  height: 100%;
}
#ArticleSelectionMobileView main.tablet.portrait .website-promotion-banner .slider-images .image img {
  width: 120%;
  height: 34vh;
  max-height: 34vh;
  /* R00490498 - Crop the image if max-height exceeded while maintaining aspect ratio */
  object-fit: cover;
}
#ArticleSelectionMobileView main .article-configurator-content .design-pool > div .tile-wrapper {
  padding: 8px;
}
#ArticleSelectionMobileView main .content-text {
  display: block;
}
#ArticleSelectionMobileView main .mobile-configurator-preview {
  padding-bottom: 64px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content {
  overflow-x: hidden;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content.mobile-phone .content-image .website-promotion-banner .banner-area .slider-images .image picture > img {
  height: 34vh;
  max-height: 34vh;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner {
  margin: 0;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area {
  margin: 0;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-text {
  display: none;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture {
  padding-bottom: unset;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image picture img {
  width: 100%;
  height: auto;
  position: unset;
  inset: unset;
  transform: unset;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-image img {
  width: 120%;
  height: 34vh;
  max-height: 34vh;
  /* R00490498 - Crop the image if max-height exceeded while maintaining aspect ratio */
  object-fit: cover;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text {
  margin: 32px 16px;
  padding-bottom: 32px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text h1 {
  font-family: "SourceSansPro-Light", sans-serif;
  font-size: 27px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text ul {
  list-style: square;
  padding-left: 32px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text h1, #ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text ul, #ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text p {
  padding-bottom: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-text p {
  font-size: 16px;
  line-height: 22px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-card-title {
  flex-direction: column;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component {
  padding-left: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component .group-content.group-content-label {
  padding-right: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .group-content.group-content-carousel.rc-mobile-component .carousel-horizontal-scroll {
  padding-left: unset;
  padding-right: 8px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .content-group-table-row.search-bar {
  padding: 0;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .configurator-content-faq {
  padding: 8px 16px;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .configurator-content-faq .btn-simple {
  white-space: initial;
}
#ArticleSelectionMobileView main .mobile-configurator-preview .article-configurator-content .configurator-content-faq .btn-simple .btn-label {
  text-align: left;
}
#ArticleSelectionMobileView main .configurator-delivery-informations {
  margin-bottom: 8px;
  padding: 0 8px;
  box-sizing: border-box;
}
#ArticleSelectionMobileView main .configurator-delivery-informations > div {
  background-color: white;
  box-sizing: border-box;
  padding: 16px;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight, #ArticleSelectionMobileView main .content-text .delivery-highlight, #ArticleSelectionMobileView main .content-text .warning-highlight {
  font-size: 14px;
  line-height: 18px;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight > .sgw-icon, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .delivery-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .warning-highlight > .sgw-icon {
  background-color: #6c9d0d;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  float: left;
  margin-right: 8px;
  padding: 0;
  cursor: default;
  margin-top: -2px;
  position: relative;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight h2, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight h2, #ArticleSelectionMobileView main .content-text .delivery-highlight h2, #ArticleSelectionMobileView main .content-text .warning-highlight h2 {
  font-family: "SourceSansPro-Regular", sans-serif;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight > .sgw-icon:before, #ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight > .sgw-icon:before, #ArticleSelectionMobileView main .content-text .delivery-highlight > .sgw-icon:before, #ArticleSelectionMobileView main .content-text .warning-highlight > .sgw-icon:before {
  color: white;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight h2, #ArticleSelectionMobileView main .content-text .delivery-highlight h2 {
  color: #6c9d0d;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .delivery-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .delivery-highlight > .sgw-icon {
  background-color: #6c9d0d;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight h2, #ArticleSelectionMobileView main .content-text .warning-highlight h2 {
  color: #d9052f;
}
#ArticleSelectionMobileView main .configurator-delivery-informations .warning-highlight > .sgw-icon, #ArticleSelectionMobileView main .content-text .warning-highlight > .sgw-icon {
  background-color: #d9052f;
}
#ArticleSelectionMobileView footer .design-big-button {
  height: 44px;
}

.mobile-configurator-preview-continue-button-wrapper {
  position: fixed;
  bottom: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-configurator-preview-continue-button-wrapper .mobile-configurator-preview-continue-button {
  border-radius: 25px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3803921569);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3803921569);
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3803921569);
  display: inline-flex;
  align-items: center;
}
.mobile-configurator-preview-continue-button-wrapper .mobile-configurator-preview-continue-button > div {
  padding: 4px;
}

#ArticleSelectionMobileView main.mobile-configurator-content.redesign {
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.simulator .article-configurator-content.simulator.phone {
  max-height: 30vh;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.simulator .article-configurator-content.simulator.tablet.portrait .article-configurator-content-designer-stage-swipe-wrapper {
  max-height: 39vh;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image {
  overflow: hidden;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image img, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image img {
  height: 34vh;
  max-height: 34vh;
  object-fit: cover;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image .banner-area, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image .banner-area {
  margin: 0;
  box-shadow: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image .banner-area .slider-images, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image .banner-area .slider-images {
  width: 100%;
  flex: auto;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-image .banner-area .slider-text, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-image .banner-area .slider-text {
  display: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text {
  margin: 0 8px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .content-text {
  max-width: unset;
  margin: unset;
  padding: 16px 32px 0 32px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .content-text .delivery-highlight {
  display: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-images {
  display: flex;
  margin: 8px 32px 0 32px;
  gap: 8px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-images > div {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-images > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-header {
  box-sizing: border-box;
  height: 84px;
  padding: 32px 32px 16px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 84px);
  margin: 0 32px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image {
  max-width: calc(100vw - 64px);
  max-height: calc(100vh - 84px - 24px - 26px - 48px);
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-product-image-overlay-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-image-buttons {
  display: flex;
  justify-content: center;
  gap: 48px;
  margin-top: 24px;
  position: absolute;
  bottom: 48px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .configurator-product-image-overlay-content .configurator-image-buttons .sgw-icon {
  width: 26px;
  height: 26px;
  background: #6E6E6E;
  border-radius: 13px;
  padding: 0;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet.portrait .configurator-product-image-overlay .sgw-icon:before {
  color: #FFFFFF;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text *, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-text *, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile-items.product-info * {
  font-size: 16px;
  font-weight: normal;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text h1, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-text h1, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile-items.product-info h1 {
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: unset;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .content-text ul, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview .article-configurator-content .content-text ul, #ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile-items.product-info ul {
  list-style: disc;
  padding-left: 8px;
  margin-left: 16px;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .configurator-group-mobile.product-info {
  margin: 8px 0 0;
  border-bottom: none;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview-continue-button-wrapper {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  bottom: 0;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign .mobile-configurator-preview-continue-button-wrapper .mobile-configurator-preview-continue-button {
  box-shadow: none;
  width: 100%;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet .content-image .banner-area .slider-images picture {
  padding-bottom: 0;
  display: flex;
  justify-content: center;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet .content-image .banner-area .slider-images picture img {
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}
#ArticleSelectionMobileView main.mobile-configurator-content.redesign.tablet .content-image .website-promotion-banner {
  margin: 0;
}

.design-pool-wrapper {
  flex: 1;
}
.design-pool-wrapper .heading {
  margin-left: 16px;
  margin-bottom: -12px;
}
.design-pool-wrapper .carousel-gallery-heading {
  padding: 10px 0;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line {
  padding-right: 48px;
  padding-left: 8px;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-arrow.carousel-gallery-arrow-next {
  right: 31px;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-container {
  padding-bottom: 40px;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-container .carousel-gallery-design-line-item .img {
  box-shadow: none;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-container .carousel-gallery-design-line-item .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50px;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-container .carousel-gallery-design-line-item .color-variant-selection .color-variant:before {
  border-radius: 50px;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-container .carousel-gallery-design-line-item .color-variant-selection .color-variant.selected-color-variant:before {
  border-radius: 50px;
}
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-arrow.carousel-gallery-arrow-next,
.design-pool-wrapper #CarouselGallery.carousel-gallery-design-line .carousel-gallery-arrow.carousel-gallery-arrow-prev {
  top: calc(50% - 24px);
}

#DesignBrowserDialog .designbrowser.carousel .design-pool-wrapper .carousel-gallery-heading {
  margin-left: 8px;
}
#DesignBrowserDialog .dialog-control {
  min-height: 54px;
}
#DesignBrowserDialog.rc-mobile-view > main.rc-mobile-view-dark.redesign {
  background-color: #FFFFFF;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet header {
  justify-content: space-between;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet header .back-button {
  position: unset;
  left: unset;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet header .mobile-page-title {
  width: auto;
  flex: unset;
  padding: 0;
  margin: 0 auto 0 0;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet header .btn-simple.btn-white {
  flex: 0 1 auto;
  text-transform: none;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet main .drop-down-container .category-selection {
  padding: 16px 24px;
  margin-bottom: 0;
  max-width: 341px;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet main .drop-down-container .designbrowser {
  padding-right: 16px;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet main .drop-down-container .designbrowser.carousel {
  padding: 0;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet main .drop-down-container .designbrowser.carousel .design-pool-wrapper {
  padding: 0;
  margin-bottom: 0;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet main .drop-down-container .designbrowser.carousel .design-pool-wrapper .carousel-gallery-heading {
  margin-left: 16px;
}
#DesignBrowserDialog.rc-mobile-view.redesign.tablet main .drop-down-container .designbrowser.carousel .design-pool-wrapper #CarouselGallery.carousel-gallery-design-line {
  padding-right: 0;
  padding-left: 16px;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile header {
  justify-content: space-between;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile header .mobile-page-title {
  width: auto;
  flex: unset;
  padding: 0;
  margin: 0 auto 0 0 !important;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile header .btn-simple.btn-white {
  flex: 0 1 auto;
  text-transform: none;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile main .drop-down-container .category-selection {
  margin-bottom: 0;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile main .drop-down-container .designbrowser {
  padding-right: 16px;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile main .drop-down-container .designbrowser.carousel {
  padding: 0;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile main .drop-down-container .designbrowser.carousel .design-pool-wrapper {
  padding: 0;
  margin-bottom: 0;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile main .drop-down-container .designbrowser.carousel .design-pool-wrapper .carousel-gallery-heading {
  margin-left: 16px;
}
#DesignBrowserDialog.rc-mobile-view.redesign.mobile main .drop-down-container .designbrowser.carousel .design-pool-wrapper #CarouselGallery.carousel-gallery-design-line {
  padding-right: 0;
  padding-left: 16px;
}

.design-pool {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.design-pool > div {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.design-pool > div.design.no-color-option, .design-pool > div.redesign.no-color-option {
  padding-bottom: 40px;
}
.design-pool > div.redesign {
  align-items: unset;
}
.design-pool > div.redesign .tile-wrapper {
  padding: unset;
}
.design-pool > div.redesign .tile-wrapper .img {
  box-shadow: unset;
}
.design-pool > div.redesign .color-variant-selection {
  display: flex;
  justify-content: start;
  column-gap: 8px;
}
.design-pool > div.redesign .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.design-pool > div.redesign .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.design-pool > div.redesign .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}
.design-pool > div .tile-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
.design-pool > div .tile-wrapper.selected .img {
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
.design-pool > div .tile-wrapper .img {
  border-radius: 6px;
}
.design-pool > div .tile-wrapper .img img {
  border-radius: 6px;
}
.design-pool > div .tile-wrapper .img.from-website {
  border-radius: 0;
}
.design-pool > div .tile-wrapper .img.from-website img {
  border-radius: 0;
}
.design-pool > div.is-hidden {
  display: none;
}
.design-pool img {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  box-sizing: border-box;
}
.design-pool .img {
  width: 100%;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.design-pool .img:hover .border {
  border-color: #d8d8d8;
  border-width: 3px;
}
.design-pool .img:active .border {
  border-color: #C2C2C2;
}
.design-pool .img .border {
  z-index: unset;
}
.design-pool .img.active .border {
  border-color: #3669C4;
  border-width: 3px;
}
.design-pool .img.active .border:hover {
  border-color: #82AEFD;
}
.design-pool .color-variant-selection {
  display: flex;
  justify-content: start;
  column-gap: 8px;
}
.design-pool .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.design-pool .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.design-pool .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}
.design-pool .color-variant-selection {
  padding-top: 8px;
}
.design-pool .color-variant-selection .color-variant:hover:not(.selected-color-variant) {
  border: 2px solid #CCCCCC;
}
.design-pool .color-variant-selection .color-variant:hover:not(.selected-color-variant):before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}
.design-pool .border {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid transparent;
}

.rc-mobile-view .design-pool .img {
  margin: 0;
  width: unset;
}

.designs-module .designs-module-buttons {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  position: relative;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px;
}
.designs-module .designs-module-buttons.precalculate-container > button {
  flex: 0;
}
.designs-module .designs-module-buttons .image-pool-source-selection.drop-down-menu {
  top: 100%;
}
.designs-module .designs-module-buttons .designs-header-image-selection-wrapper {
  display: flex;
  align-items: center;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 {
  position: relative;
  right: unset;
  z-index: 1;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 button {
  margin: 0;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body {
  box-sizing: border-box;
  padding-left: 8px;
}
.designs-module .designs-module-buttons .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body > div {
  display: flex;
  flex-direction: column;
}

.module-list .designs-module {
  padding: 4px;
  height: 100%;
}

.module-list .designs-module > div {
  height: 100%;
}

.designs-module.desktop {
  padding: unset;
}
.designs-module.desktop .designs-module-buttons button.btn-icon .rc-icon.sgw-icon {
  width: 21px;
  height: 21px;
}
.designs-module.desktop .designs-module-buttons button.btn-icon .rc-icon.sgw-icon:before {
  font-size: 21px;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
.designs-module.desktop .designs-module-buttons button.btn-icon .btn-label {
  font-size: 14px;
}
.designs-module.tablet {
  padding: 0;
  box-sizing: border-box;
}
.designs-module.tablet .designs-module-content {
  height: 100%;
  padding: 16px;
  gap: 16px;
}
.designs-module.tablet .designs-module-content .designs-module-header {
  padding: 0;
}
.designs-module.tablet.portrait .design-selection.single-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  box-sizing: border-box;
  align-self: stretch;
}
.designs-module.tablet.portrait .design-selection.single-row .mobile-layout {
  flex: 1;
}
.designs-module.tablet.portrait .design-selection.single-row .checkout-group-content {
  flex: 1;
}
.designs-module.tablet.portrait .design-selection .mobile-layout {
  width: 25%;
  padding-right: unset;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header {
  position: relative;
  padding-bottom: 19px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .back-button {
  position: absolute;
  left: 0px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .back-button button {
  width: 18px;
  height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .mobile-page-title {
  font-weight: 500;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded header .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  line-height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .category-selection {
  padding: 14px 0 0 0;
  margin-bottom: 12px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .category-selection .select-options-wrapper .sgw-icon {
  width: 18px;
  height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .category-selection .select-options-wrapper .sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .designbrowser {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.designs-module.tablet.portrait .design-selection .design-selection-embedded main .designbrowser .design-pool-wrapper .heading {
  margin: 8px 0 16px 0;
}
.designs-module.tablet.portrait .design-selection .mobile-layout {
  max-width: 50%;
}
.designs-module.tablet.portrait .design-selection.last-design-selection-row .color-variant-selection {
  display: flex;
  justify-content: flex-end;
}
.designs-module.tablet .design-selection {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.designs-module.tablet .design-selection > div {
  padding-right: unset;
}
.designs-module.tablet .design-selection .sgw-icon {
  width: 18px;
  height: 18px;
}
.designs-module.tablet .design-selection .sgw-icon:before {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
  line-height: 18px;
}
.designs-module.tablet .design-selection .mobile-layout {
  width: 50%;
}
.designs-module.tablet .design-selection .mobile-layout.expanded-embedded {
  padding-right: unset;
  padding-left: unset;
  width: 100%;
  max-width: 100%;
}
.designs-module.tablet .design-selection .mobile-layout header {
  display: flex;
  align-items: center;
}
.designs-module.tablet .design-selection .mobile-layout header .mobile-page-title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container {
  display: flex;
  padding: unset;
  height: 100%;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container .category-selection {
  width: 100%;
  padding: 16px 0 0 0;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container .designbrowser {
  height: 100%;
  overflow-y: scroll;
  padding-right: unset;
  flex: 1;
}
.designs-module.tablet .design-selection .mobile-layout main .drop-down-container .designbrowser .design-pool-wrapper .heading {
  margin: 16px 0 8px 8px;
}
.designs-module.tablet .design-selection .checkout-group-content {
  padding-left: unset;
  padding-right: unset;
  width: 50%;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection {
  display: flex;
  justify-content: start;
  column-gap: 8px;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.designs-module.tablet .design-selection.last-design-selection-row .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}
.designs-module.tablet .designs-list > div > div {
  justify-content: center;
}
.designs-module.tablet .designs-list > div > div .design-item-wrapper .design-item-favorite {
  margin-bottom: 12px;
}
.designs-module .designs-module-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.designs-module .designs-module-content .designs-module-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
}

.designs-module .design-selection {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.designs-module .design-selection > * {
  flex: auto;
  box-sizing: border-box;
}
.designs-module .design-selection > *.checkout-group-content .group-content {
  margin-bottom: unset;
}
.designs-module .design-selection:not(.full-width) > div {
  flex: 1;
  min-width: 20%;
  max-width: 50%;
}
.designs-module .design-selection .mobile-layout label {
  font-size: 14px;
}
.designs-module .design-selection .mobile-layout .select-box .selected-value {
  height: 32px;
}
.designs-module .design-selection .mobile-layout .select-box .selected-value:after {
  top: 14px;
  right: 12px;
}

.module-list .designs-module .design-selection {
  padding: 0;
}
.module-list .designs-module .design-selection .color-variant-selection {
  display: flex;
  justify-content: start;
  column-gap: 8px;
}
.module-list .designs-module .design-selection .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.module-list .designs-module .design-selection .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
.module-list .designs-module .design-selection .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}

.drop-down-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}

.designs-module .design-selection .drop-down-container {
  width: 1039px;
  height: 900px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.45);
}
.designs-module .design-selection .drop-down-container .heading:hover {
  background: inherit;
}
.designs-module .design-selection .drop-down-container div.category-selection {
  margin-bottom: 8px;
  padding: 4px;
  width: 212px;
}
.designs-module .design-selection .drop-down-container div.designbrowser {
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rc-mobile-view main .designs-module .design-selection .drop-down-container {
  width: unset;
  height: unset;
}

#DesignBrowserDialog.redesign header {
  box-shadow: unset;
}
#DesignBrowserDialog.redesign main .drop-down-container {
  padding: unset;
  width: 100%;
}
#DesignBrowserDialog.redesign main .drop-down-container .category-selection {
  padding: 16px;
  width: unset;
}
#DesignBrowserDialog.redesign main .drop-down-container .category-selection .rc-select label {
  background-color: #e7e7e7;
}
#DesignBrowserDialog.redesign main .designbrowser {
  padding-left: 16px;
}
#DesignBrowserDialog.redesign main .design-pool-wrapper {
  margin-bottom: 24px;
}
#DesignBrowserDialog.redesign main .design-pool-wrapper .heading {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin: 0 0 16px 16px;
}
#DesignBrowserDialog .rc-dialog-wrapper {
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  width: 1600px;
  max-width: calc(100% - 32px);
}
@media only screen and (min-width: 1921px) {
  #DesignBrowserDialog .rc-dialog-wrapper {
    width: 1888px;
  }
}
#DesignBrowserDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: #FFFFFF;
  min-height: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
#DesignBrowserDialog .drop-down-container {
  padding: 16px 16px 0 16px;
  display: flex;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  flex: 1;
}
#DesignBrowserDialog .drop-down-container .heading:hover {
  background: inherit;
}
#DesignBrowserDialog .drop-down-container div.category-selection {
  margin-bottom: 8px;
  padding: 4px;
  width: 212px;
}
#DesignBrowserDialog .drop-down-container div.designbrowser {
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
}
#DesignBrowserDialog div.design-browser-footer {
  flex: 0;
  width: 100%;
  display: flex;
  padding: 8px;
  box-sizing: border-box;
  justify-content: space-between;
  border-top: solid 2px #E7E7E7;
}
#DesignBrowserDialog div.design-browser-footer.photobook {
  justify-content: flex-end;
}
#DesignBrowserDialog div.design-browser-footer button {
  margin-left: 16px;
  flex: unset;
}

.module-list .designs-module .design-selection .design-module-label {
  display: block;
  padding-bottom: 2px;
}

.designs-module > div > .designs-list {
  flex: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  padding: 4px;
  box-sizing: border-box;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  scrollbar-width: thin;
}
.designs-module > div > .designs-list.redesign {
  padding: 0;
}
.designs-module > div > .designs-list::-webkit-scrollbar {
  width: 10px;
}
.designs-module > div > .designs-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.designs-module > div > .designs-list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.designs-module > div > .designs-list.mobile:hover::-webkit-scrollbar {
  display: none;
}
.designs-module > div > .designs-list > div > div {
  display: flex;
  flex-wrap: wrap;
}

.module-list .designs-module > div > .designs-list {
  padding: 0;
  overflow-x: hidden;
}

.mobile-dialog-content .designs-module .designs-list .design-item-wrapper {
  flex: 0 0 50%;
}

.designs-module .designs-list .design-item-wrapper.active .design-item .mobile-design-item {
  border: none !important;
  outline: 2px solid #3669C4 !important;
}

.designs-module .designs-list .design-item-wrapper .design-item .mobile-design-item {
  border: 1px solid #CCCCCC;
  position: relative;
  line-height: 0;
  cursor: pointer;
}

.designs-module .designs-list .design-item-wrapper {
  flex: 0 0 auto;
  position: relative;
  min-height: 100px;
  min-width: 33%;
  width: 50%;
}
.designs-module .designs-list .design-item-wrapper.pending-visibility {
  min-height: 150px;
}
.designs-module .designs-list .design-item-wrapper.factor-1 {
  min-width: 100%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper.factor-2 {
  min-width: 50%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper.factor-3 {
  min-width: 33%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper.factor-4 {
  min-width: 25%;
  width: auto;
}
.designs-module .designs-list .design-item-wrapper .design-item-layout-id {
  position: absolute;
  left: 4px;
  top: 4px;
  padding: 1px 2px;
  background: rgba(255, 255, 255, 0.3843137255);
  max-width: calc(100% - 12px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  font-size: 10px;
}
.designs-module .designs-list .design-item-wrapper .design-item-favorite {
  margin-bottom: 8px;
}
.designs-module .designs-list .design-item-wrapper .design-item-favorite .rc-icon {
  cursor: pointer;
}

.designs-module .designs-list .design-item-wrapper .design-item {
  padding: 4px;
  box-sizing: border-box;
}
.designs-module .designs-list .design-item-wrapper .design-item img {
  width: 100%;
  height: 100%;
}

.module-list .designs-module .designs-list .design-item-wrapper .design-item svg {
  width: 100%;
}

.designs-module .designs-list .design-item-wrapper .design-item > div {
  position: relative;
  line-height: 0;
  cursor: pointer;
}

.designs-module .designs-list .design-item-wrapper.active .design-item .design-layout-item {
  outline: 3px solid #3669C4;
  border: none !important;
}

/*.designs-module .designs-list .design-item-wrapper.active .design-item:hover .design-layout-item {
    outline: 3px solid #CCCCCC !important;
}*/
.designs-module .designs-list .design-item-wrapper:not(.active) .design-item:hover .design-layout-item {
  outline: 3px solid #CCCCCC;
}

.designs-module .designs-list .design-item-wrapper .design-item > div:after,
.designs-module .designs-list .design-item-wrapper .designs-list .design-item-wrapper .design-item > div:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.designs-module .designs-list .design-item-wrapper .design-item .design-layout-item {
  border: 1px solid #CCCCCC;
  overflow: hidden;
}

.designs-module .designs-list > .design-item-wrapper .designs-list {
  display: none;
  padding: 0 12px 12px 8px;
}

.designs-module .designs-list > .design-item-wrapper.active .designs-list,
.designs-module .designs-list > .design-item-wrapper.subactive .designs-list {
  display: flex;
}

.module-list .designs-module > div .designs-list .design-item-wrapper .designs-list .design-item-wrapper .design-item {
  margin: 4px 6px 4px 6px;
}

#LayoutSelectionMobileDialog header.redesign {
  border-bottom: unset;
  box-shadow: unset;
  min-height: 56px;
  height: 56px;
}
#LayoutSelectionMobileDialog header.redesign .back-button {
  left: unset;
  right: 16px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#LayoutSelectionMobileDialog .designs-module {
  background-color: #E7E7E7;
}
#LayoutSelectionMobileDialog .designs-module > div {
  background-color: #FFFFFF;
}
#LayoutSelectionMobileDialog .designs-module .designs-module-buttons {
  display: none;
}
#LayoutSelectionMobileDialog .designs-module .design-selection {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign {
  color: #3669C4;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: auto;
  padding: unset;
  flex: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign .rc-icon.sgw-icon.mirror_horizontal:before {
  color: #3669C4;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign {
  width: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign label {
  font-size: 13px;
  color: #525252;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign {
  background-color: #e7e7e7;
  overflow-x: hidden;
  padding: 0 12px;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div {
  display: flex;
  flex-direction: column;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper {
  display: flex;
  justify-content: center;
  margin: 16px 16px 0 16px;
  flex-direction: column;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper .rc-icon.sgw-icon.heart_big_line:before {
  color: #525252;
}

#AddWithLayoutsMobileDialog main {
  padding: 0 16px;
  overflow-y: hidden;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls {
  display: flex;
  flex-direction: row;
  height: 42px;
  margin: 24px 0;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls .add-without-layout-button {
  background-color: #e7e7e7;
  height: 42px;
  border-radius: 120px;
  border: 1px solid #525252;
  justify-content: center;
  align-items: center;
}
#AddWithLayoutsMobileDialog main.redesign .layout-list-controls .add-without-layout-button .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign {
  display: flex;
  align-items: center;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign .design-item-wrapper {
  margin-bottom: 16px;
}
#AddWithLayoutsMobileDialog main.redesign .designs-module .designs-list.redesign .design-item-wrapper .design-item {
  width: 100%;
  padding: unset;
}

#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection {
  margin-bottom: 8px;
  flex: 0;
  display: flex;
  justify-content: start;
  column-gap: 8px;
}
#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection .color-variant {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection .color-variant.selected-color-variant {
  border: 2px solid #3669C4;
  position: relative;
}
#DesignerMobile .rc-mobile-view .redesign .designs-module.phone .design-selection .color-variant-selection .color-variant.selected-color-variant:before {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid white;
  border-radius: 50px;
}

#LayoutSelectionMobileDialog header.redesign {
  border-bottom: unset;
  box-shadow: unset;
  min-height: 56px;
  height: 56px;
}
#LayoutSelectionMobileDialog header.redesign .back-button {
  left: unset;
  right: 16px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close {
  width: 18px;
  height: 18px;
}
#LayoutSelectionMobileDialog header.redesign .back-button button .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#LayoutSelectionMobileDialog header.redesign {
  /*
  .mobile-page-title {
  		overflow: hidden;
  		color: #2C2C2C;
  		text-align: center;
  		text-overflow: ellipsis;
  		white-space: nowrap;
  		font-family: 'SourceSansPro-Regular';
  		font-size: 15px;
  		font-style: normal;
  		font-weight: 400;
  		line-height: unset;
  }*/
}
#LayoutSelectionMobileDialog .designs-module {
  background-color: #E7E7E7;
}
#LayoutSelectionMobileDialog .designs-module .designs-module-content {
  background-color: #FFFFFF;
}
#LayoutSelectionMobileDialog .designs-module .designs-module-header {
  padding: 16px;
}
#LayoutSelectionMobileDialog .designs-module .designs-module-buttons {
  display: none;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign {
  color: #3669C4;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: auto;
  padding: unset;
  flex: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .mirror-btn-redesign .rc-icon.sgw-icon.mirror_horizontal:before {
  color: #3669C4;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign {
  width: unset;
}
#LayoutSelectionMobileDialog .designs-module .design-selection .rc-component.rc-select.rc-mobile-component.redesign label {
  font-size: 13px;
  color: #525252;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign {
  background-color: #e7e7e7;
  overflow-x: hidden;
  padding: 16px;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper {
  display: flex;
  justify-content: center;
  margin: 0;
  flex-direction: column;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item-wrapper .rc-icon.sgw-icon.heart_big_line:before {
  color: #525252;
}
#LayoutSelectionMobileDialog .designs-module .designs-list.redesign > div > div .design-item {
  padding: 0;
}

#AddressValidation .step-wrapper .step-content, #ShoppingCartPage #AddressValidation .step-wrapper .step-content {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d8d8d8;
}
#AddressValidation .step-wrapper .step-content .c, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .c {
  flex: auto;
}
#AddressValidation .step-wrapper .step-content a.btn-simple, #ShoppingCartPage #AddressValidation .step-wrapper .step-content a.btn-simple {
  color: #3669C4;
}
#AddressValidation .step-wrapper .step-content .checkout-group-content .group-content.group-content-label, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .checkout-group-content .group-content.group-content-label {
  font-size: 14px;
  display: unset;
}
#AddressValidation .step-wrapper .step-content .section-title, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .section-title {
  font-size: 14px;
  line-height: 120%;
  font-weight: normal;
}
#AddressValidation .step-wrapper .step-content .section-title.suggestion, #ShoppingCartPage #AddressValidation .step-wrapper .step-content .section-title.suggestion {
  font-weight: bold;
}
#AddressValidation .step-wrapper:last-child .step-content, #ShoppingCartPage #AddressValidation .step-wrapper:last-child .step-content {
  margin-bottom: unset;
  border-bottom: unset;
}
#AddressValidation .step-wrapper:first-child .step-content, #ShoppingCartPage #AddressValidation .step-wrapper:first-child .step-content {
  border-bottom: none;
  margin-bottom: unset;
}
#AddressValidation.rc-mobile-view, #ShoppingCartPage #AddressValidation.rc-mobile-view {
  z-index: 10005;
}
#AddressValidation.rc-mobile-view header .mobile-page-title, #ShoppingCartPage #AddressValidation.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#AddressValidation.rc-mobile-view main, #ShoppingCartPage #AddressValidation.rc-mobile-view main {
  padding: 16px;
  box-sizing: border-box;
}
#AddressValidation.rc-mobile-view main .groups, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups {
  background-color: white;
}
#AddressValidation.rc-mobile-view main .groups > div, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups > div {
  border-top: unset;
}
#AddressValidation.rc-mobile-view main .groups > div:first-child, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups > div:first-child {
  margin-top: 8px;
}
#AddressValidation.rc-mobile-view main .groups .section-title, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .section-title {
  box-sizing: border-box;
  padding-right: 8px;
}
#AddressValidation.rc-mobile-view main .groups .c, #AddressValidation.rc-mobile-view main .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit {
  display: block;
  overflow: hidden;
}
#AddressValidation.rc-mobile-view main .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit {
  margin-top: 8px;
  width: 100%;
}
#AddressValidation.rc-mobile-view main .groups .c-edit button, #ShoppingCartPage #AddressValidation.rc-mobile-view main .groups .c-edit button {
  width: 100%;
}
#AddressValidation.rc-mobile-view main .step-wrapper .step-content a.btn-simple, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper .step-content a.btn-simple {
  color: #3669C4;
}
#AddressValidation.rc-mobile-view main .step-wrapper:last-child .step-content, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper:last-child .step-content {
  border-bottom: none;
}
#AddressValidation.rc-mobile-view main .step-wrapper .close, #ShoppingCartPage #AddressValidation.rc-mobile-view main .step-wrapper .close {
  display: block;
  padding: 0;
}
#AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
  z-index: 10002;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
@media (max-height: 800px) {
  #AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
    overflow-y: hidden;
  }
}
@media (max-height: 500px) {
  #AddressValidation.rc-dialog, #ShoppingCartPage #AddressValidation.rc-dialog {
    overflow-y: auto;
  }
}
@media (max-height: 800px) {
  #AddressValidation.rc-dialog:before, #ShoppingCartPage #AddressValidation.rc-dialog:before {
    height: 100vh;
  }
}
@media (max-height: 500px) {
  #AddressValidation.rc-dialog:before, #ShoppingCartPage #AddressValidation.rc-dialog:before {
    height: 150vh;
  }
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
  max-width: 585px;
  margin: 0 auto;
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content > div {
  width: auto;
  padding: 16px;
  background-color: #FFFFFF;
  font-size: 14px;
}
#AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content p, #ShoppingCartPage #AddressValidation.rc-dialog .rc-dialog-wrapper .rc-dialog-content p {
  padding: 0;
}
#AddressValidation.rc-dialog .groups .section-title, #ShoppingCartPage #AddressValidation.rc-dialog .groups .section-title {
  flex: 0 0 130px;
  box-sizing: border-box;
  padding-right: 8px;
}
#AddressValidation.rc-dialog .groups .c, #AddressValidation.rc-dialog .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c-edit {
  flex: auto;
  display: block;
  overflow: hidden;
}
#AddressValidation.rc-dialog .groups .c-edit, #ShoppingCartPage #AddressValidation.rc-dialog .groups .c-edit {
  margin-top: 8px;
  margin-left: 130px;
  width: 100%;
}
#AddressValidation.rc-dialog .step-wrapper .close, #ShoppingCartPage #AddressValidation.rc-dialog .step-wrapper .close {
  display: block;
  padding: 0;
}

#ResellerSubscriptionDialog .checkout-group-content .group-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload {
  flex-wrap: wrap;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-button,
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-upload {
  width: auto;
  margin-bottom: 8px;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
  height: 100%;
  width: auto;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image img {
  height: auto;
  width: 100%;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label {
  min-height: unset;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label h2,
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label .label-heading-bold {
  margin: 0 0 8px;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label p {
  margin: 0;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label.label-heading, #ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label.login_link {
  flex: auto;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label.login_link {
  display: flex;
  justify-content: center;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-spacer-big {
  display: none;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content .btn-simple.btn-default {
  width: 100%;
  background-color: transparent;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-upload.uploadBusinessRegistration {
  position: relative;
  height: 44px;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-end;
  cursor: text;
  min-width: 80px;
  border-radius: 6px;
  background-color: #EFEFEF;
  width: 100%;
  max-width: unset;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-upload.uploadBusinessRegistration .btn-simple.btn-icon {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 0;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content-checkbox.accountUnified {
  margin-top: 16px;
  margin-bottom: 16px;
}
#ResellerSubscriptionDialog {
  /* ────────────────  Login View  ──────────────── */
}
#ResellerSubscriptionDialog #LoginViewMobile {
  padding: unset;
}
#ResellerSubscriptionDialog .login-view-component.login-view-desktop {
  min-height: unset;
  padding: 0;
}
#ResellerSubscriptionDialog .login-view-component.login-view-desktop > div {
  width: auto;
  min-width: 414px;
  max-width: unset;
  box-shadow: unset;
}
#ResellerSubscriptionDialog .login-view-component .checkout-group-content {
  padding: 24px 16px;
}
#ResellerSubscriptionDialog .login-view-component .button-container {
  position: relative;
  top: -16px;
  padding: 0 16px 8px;
}
#ResellerSubscriptionDialog .login-view-component .button-container .btn-simple.btn-submit {
  width: 100%;
}
#ResellerSubscriptionDialog .login-view-component .signup-now-view .group-content-label.group-content h2 {
  margin-bottom: 8px;
}
#ResellerSubscriptionDialog .login-view-component .signup-now-view .checkout-group-content {
  padding: 0;
}
#ResellerSubscriptionDialog .login-view-component .signup-now-view .checkout-group-content .group-content {
  margin-bottom: 0;
}
#ResellerSubscriptionDialog .login-view-component .signup-now-view .checkout-group-content .group-content.group-content-label {
  padding: 24px 16px 16px;
}
#ResellerSubscriptionDialog .login-view-component .signup-now-view .button-container {
  top: 0;
  padding: 0 16px 24px;
}
#ResellerSubscriptionDialog .login-view-component .signup-now-view .button-container .btn-simple.btn-submit {
  width: 100%;
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image {
  height: 152px;
  width: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img {
  max-width: unset;
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
#ResellerSubscriptionDialog .upload-image-details-table .upload-image-details-image img.square {
  height: 100%;
  width: 100%;
}
#ResellerSubscriptionDialog .upload-image-details-table .rc-textarea.rc-component,
#ResellerSubscriptionDialog .upload-image-details-table .rc-textarea-v2-container.rc-component {
  height: 108px;
  margin-top: 8px;
}
#ResellerSubscriptionDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: 0;
}
#ResellerSubscriptionDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#ResellerSubscriptionDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#ResellerSubscriptionDialog main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#ResellerSubscriptionDialog main > div > form {
  padding: 0 16px;
}
#ResellerSubscriptionDialog main > div > form .group-content .rc-component.rc-input {
  overflow: hidden;
}
#ResellerSubscriptionDialog main > div > form .group-content .rc-component.rc-input .rc-label {
  white-space: nowrap;
}
#ResellerSubscriptionDialog {
  /* ────────────────  Mobile View  ──────────────── */
}
#ResellerSubscriptionDialog.rc-mobile-view form {
  padding: 24px 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .activate-account form {
  padding: 24px 16px 0;
}
#ResellerSubscriptionDialog.rc-mobile-view .activate-account form .group-content-label + .group-content-horizontal-group {
  margin-top: 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .activate-account form .group-content-horizontal-group .group-content.rc-mobile-component {
  margin: 0;
}
#ResellerSubscriptionDialog.rc-mobile-view .activate-account form .group-content-input.group-content.websiteUrl {
  margin-bottom: 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .signup-now-view form {
  padding: 0;
}
#ResellerSubscriptionDialog.rc-mobile-view .signup-now-view form .group-content-label.group-content.rc-mobile-component {
  margin-top: 24px;
  margin-bottom: 16px;
  padding: 0 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .checkout-group-content .group-content-input.Email {
  margin-top: 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .checkout-group-content .group-content-input.password {
  margin-bottom: 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .checkout-group-content .group-content-input.code {
  margin-top: 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .checkout-group-content .group-content-checkbox.accounUnified {
  margin-top: 16px;
  margin-bottom: 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .footer-submit-button {
  padding: 0 16px 24px;
}
#ResellerSubscriptionDialog.rc-mobile-view .footer-submit-button .btn-simple.btn-submit {
  width: 100%;
}
#ResellerSubscriptionDialog.rc-mobile-view .group-content-password-rules-list ul {
  flex-direction: column;
  margin: 8px 0 16px;
}
#ResellerSubscriptionDialog.rc-mobile-view .group-content-password-rules-list ul li {
  width: 100%;
}
#ResellerSubscriptionDialog.rc-mobile-view .group-content-password-rules-list ul li.rule-respected {
  gap: 4px;
}
#ResellerSubscriptionDialog.rc-mobile-view .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon.steps_summary {
  width: 20px;
  padding: 0;
}
#ResellerSubscriptionDialog.rc-mobile-view .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before {
  left: 50%;
}
#ResellerSubscriptionDialog.rc-mobile-view .group-content-button.button-submit .btn-simple {
  flex-basis: 100%;
}
#ResellerSubscriptionDialog.rc-mobile-view .login-view-component {
  padding: 24px 16px;
}
#ResellerSubscriptionDialog {
  /* ────────────────  Signup Submit Success  ──────────────── */
}
#ResellerSubscriptionDialog .signup-submit-success {
  padding: 0;
}
#ResellerSubscriptionDialog .signup-view.activate-account .group-content-label.group-content:not(.label-heading-bold) {
  margin: 0 0 16px;
}

/* ────────────────  Access To Business Portal Dialog  ──────────────── */
#AccessToBusinessPortalDialog .horDPA button {
  flex: auto;
  width: 100%;
}
#AccessToBusinessPortalDialog .dialog-scrollable-content form {
  flex: 1;
}
#AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-button.button-submit, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-spacer-big {
  display: none;
}
#AccessToBusinessPortalDialog .checkout-group-content .group-content.form_howYouMetUs_other {
  margin-top: 16px;
}
#AccessToBusinessPortalDialog .form-footer-buttons {
  padding: 16px 8px 8px;
  justify-content: space-between;
}
#AccessToBusinessPortalDialog .form-footer-buttons button {
  flex: unset;
}
#AccessToBusinessPortalDialog .form-footer-buttons.redesign-enabled button {
  flex: 1;
}
#AccessToBusinessPortalDialog .form-footer-buttons.redesign-enabled button.back-button {
  padding-left: 24px;
}

#SubscriptionUpgradeDialog .login-view-component .checkout-group-content .group-content.group-content-image, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: 0;
  width: 100%;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content .group-content.group-content-image img, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content .group-content.group-content-image img {
  width: auto;
  align-self: center;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content .group-content.group-content-image.group-align-right img, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content .group-content.group-content-button button, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content .group-content.group-content-button button {
  width: 100%;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content .group-content.group-content-spacer-big, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content .group-content.group-content-spacer-big {
  display: none;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content .group-content.group-content-button:not(.button-submit):not(.signin) button, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content .group-content.group-content-button:not(.button-submit):not(.signin) button {
  background-color: transparent;
}
#SubscriptionUpgradeDialog form + button, #AccessToBusinessPortalDialog form + button {
  margin-top: 16px;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-radio-group, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-radio-group {
  margin: unset;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload {
  flex-wrap: wrap;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-button, #SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-upload, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-button, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-horizontal-group.horImageUpload .group-content-upload {
  width: auto;
  margin-bottom: 8px;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-image, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-image img, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-image img {
  width: 100%;
  align-self: center;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-image.group-align-right img, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-input.password .group-content-password-rules-list ul, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-input.password .group-content-password-rules-list ul {
  padding-left: 0;
  margin-block-start: unset;
  margin-block-end: unset;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-checkbox.accountUnified, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-checkbox.accountUnified {
  margin-bottom: 16px;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label {
  flex: 1;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label.label-heading, #SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label.label-heading-bold, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label.label-heading, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label.label-heading-bold {
  flex: auto;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label.login_link, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label.login_link {
  display: flex;
  justify-content: center;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label ul, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  list-style: disc;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label ul li, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label ul li {
  position: relative;
  line-height: 18px;
}
#SubscriptionUpgradeDialog .checkout-group-content .group-content.group-content-label ul, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label ul {
  /*li:before {
  		font-family: 'icomoon';
  		speak: none;
  		display: block;
  		width: 20px;
  		height: 20px;
  		position: absolute;
  		left: 0;
  		top: 50%;
  		font-style: normal;
  		font-weight: normal;
  		font-variant: normal;
  		text-transform: none;
  		line-height: 20px;
  		color: #6c9d0d;
  		font-size: 20px;
  		-webkit-font-smoothing: antialiased;
  		content: "\e9aa";
  		transform: translateY(-50%);
  }*/
}
#SubscriptionUpgradeDialog .checkout-group-content.saal-prio-summary-view .group-content.group-content-label, #AccessToBusinessPortalDialog .checkout-group-content.saal-prio-summary-view .group-content.group-content-label {
  margin-bottom: unset;
  min-height: unset;
}
#SubscriptionUpgradeDialog .checkout-group-content.saal-prio-summary-view .group-content.group-content-label.label-heading-bold, #AccessToBusinessPortalDialog .checkout-group-content.saal-prio-summary-view .group-content.group-content-label.label-heading-bold {
  margin-bottom: 16px;
}
#SubscriptionUpgradeDialog .checkout-group-content.saal-prio-summary-view .group-content.group-content-horizontal-group, #AccessToBusinessPortalDialog .checkout-group-content.saal-prio-summary-view .group-content.group-content-horizontal-group {
  margin-bottom: unset;
}
#SubscriptionUpgradeDialog #LoginViewMobile, #AccessToBusinessPortalDialog #LoginViewMobile {
  padding: unset;
}
#SubscriptionUpgradeDialog .login-view-component.login-view-desktop, #AccessToBusinessPortalDialog .login-view-component.login-view-desktop {
  min-height: unset;
  padding: 0;
}
#SubscriptionUpgradeDialog .login-view-component.login-view-desktop > div, #AccessToBusinessPortalDialog .login-view-component.login-view-desktop > div {
  width: 100%;
  min-width: 414px;
  max-width: unset;
  box-shadow: unset;
}
#SubscriptionUpgradeDialog .login-view-component .checkout-group-content, #AccessToBusinessPortalDialog .login-view-component .checkout-group-content {
  padding: 0;
}
#SubscriptionUpgradeDialog .dialog-scrollable-content, #AccessToBusinessPortalDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  min-height: 400px;
  border-radius: unset;
}
#SubscriptionUpgradeDialog .dialog-scrollable-content.login-views-components, #AccessToBusinessPortalDialog .dialog-scrollable-content.login-views-components {
  min-height: unset;
}
#SubscriptionUpgradeDialog .dialog-scrollable-content .rc-floating-button, #AccessToBusinessPortalDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#SubscriptionUpgradeDialog.non-padding-top .dialog-scrollable-content, #AccessToBusinessPortalDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image {
  height: 152px;
  width: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img {
  max-width: unset;
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img.landscape, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img.portrait, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
#SubscriptionUpgradeDialog .upload-image-details-table .upload-image-details-image img.square, #AccessToBusinessPortalDialog .upload-image-details-table .upload-image-details-image img.square {
  height: 100%;
  width: 100%;
}
#SubscriptionUpgradeDialog .upload-image-details-table .rc-textarea.rc-component,
#SubscriptionUpgradeDialog .upload-image-details-table .rc-textarea-v2-container.rc-component, #AccessToBusinessPortalDialog .upload-image-details-table .rc-textarea.rc-component,
#AccessToBusinessPortalDialog .upload-image-details-table .rc-textarea-v2-container.rc-component {
  height: 108px;
  margin-top: 8px;
}
#SubscriptionUpgradeDialog.rc-mobile-view main, #AccessToBusinessPortalDialog.rc-mobile-view main {
  padding: 0;
}
#SubscriptionUpgradeDialog.rc-mobile-view main > div, #AccessToBusinessPortalDialog.rc-mobile-view main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#SubscriptionUpgradeDialog.rc-mobile-view main > div > form, #AccessToBusinessPortalDialog.rc-mobile-view main > div > form {
  padding: 0 16px;
  flex: 1;
}
#SubscriptionUpgradeDialog.rc-mobile-view main > div > form .group-content.group-content-horizontal-group, #AccessToBusinessPortalDialog.rc-mobile-view main > div > form .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}

.article-configurator {
  display: flex;
  flex: 0 0 485px;
  background: #FFFFFF;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}
.article-configurator.article-configurator-mobile.phone .configurator-body .configurator-group-mobile .configurator-group-mobile-items.side-by-side .radio-item {
  margin: unset !important;
}
.article-configurator.article-configurator-mobile.phone .configurator-body .configurator-group-mobile .configurator-group-mobile-items .radio-item {
  min-height: 44px;
  padding: 8px;
  display: flex;
}
.article-configurator > div {
  padding: 8px 0 8px 8px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.article-configurator .configurator-body {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  background: #FFFFFF;
  padding: 0 16px;
}
.article-configurator .configurator-body .item-tooltip-v2, .article-configurator .configurator-body .item-tooltip {
  position: fixed;
  z-index: 10;
  cursor: default;
  visibility: hidden;
  background-color: #FFFFFF;
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
}
.article-configurator .configurator-body .item-tooltip-v2.item-tooltip-v2, .article-configurator .configurator-body .item-tooltip.item-tooltip-v2 {
  width: 320px;
  max-width: 320px;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-image, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 69.4444444444%;
  margin: 0;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-image img, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  display: block;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text, .article-configurator .configurator-body .item-tooltip .tooltip-text {
  padding: 16px;
  box-sizing: border-box;
  display: block;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text h1, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text h1, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text h1, .article-configurator .configurator-body .item-tooltip .tooltip-text h1 {
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 25px;
  line-height: 120%;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text ul, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text ul, .article-configurator .configurator-body .item-tooltip .tooltip-text ul {
  list-style: disc;
  margin-left: 24px;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text ul li, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul li, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text ul li, .article-configurator .configurator-body .item-tooltip .tooltip-text ul li {
  font-size: 14px;
}
.article-configurator .configurator-body .item-tooltip-v2 .item-tooltip-v2-text ul li a, .article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul li a, .article-configurator .configurator-body .item-tooltip .item-tooltip-v2-text ul li a, .article-configurator .configurator-body .item-tooltip .tooltip-text ul li a {
  text-decoration: underline;
  color: -webkit-link;
}
.article-configurator .configurator-body .item-tooltip-v2, .article-configurator .configurator-body .item-tooltip {
  /*> div {
  		display: flex;
  		box-sizing: border-box;
  		padding: 8px;
  }*/
}
.article-configurator .configurator-body .item-tooltip-v2 img, .article-configurator .configurator-body .item-tooltip img {
  width: 200px;
}
.article-configurator .configurator-body .item-tooltip-v2 p, .article-configurator .configurator-body .item-tooltip p {
  font-size: 14px;
  margin: 0 0 9px;
}
.article-configurator .configurator-body .item-tooltip-v2 p a, .article-configurator .configurator-body .item-tooltip p a {
  text-decoration: underline;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-image, .article-configurator .configurator-body .item-tooltip .tooltip-image {
  margin-right: 8px;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-image.no-tooltip-text, .article-configurator .configurator-body .item-tooltip .tooltip-image.no-tooltip-text {
  margin-right: 0;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-text, .article-configurator .configurator-body .item-tooltip .tooltip-text {
  line-height: 1.5;
  width: 296px;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-text h1, .article-configurator .configurator-body .item-tooltip .tooltip-text h1 {
  font-family: SourceSansPro-Light, sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 13px;
}
.article-configurator .configurator-body .item-tooltip-v2 .tooltip-text ul, .article-configurator .configurator-body .item-tooltip .tooltip-text ul {
  margin: 0 1.5em 1.5em 0;
  padding-left: 2.5em;
  list-style-type: square;
}
.article-configurator .configurator-body .configurator-group-mobile {
  margin-bottom: 0;
  border-bottom: 1px solid #CBCACA;
  padding: 0;
  gap: 0;
}
.article-configurator .configurator-body .configurator-group-mobile.open {
  border-bottom: none;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header {
  height: 52px;
  margin: 0;
  padding: 4px 0 6px;
  align-items: center;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header.open {
  height: 38px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header > div:first-child {
  flex: 1;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header > div:last-child {
  flex: 0;
  overflow: visible;
  height: 20px;
  padding: 0;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header .configurator-preselection {
  line-height: 20px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header .rc-icon {
  width: 20px;
  height: 20px;
  padding-left: 0;
  margin-right: 8px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-group-mobile-header .rc-icon:hover:before {
  color: #6e6e6e;
}
.article-configurator .configurator-body .configurator-group-mobile:last-child {
  border-bottom: none;
  margin-bottom: 40px;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-tab-buttons button {
  background-color: #efefef;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-tab-buttons button.btn-action {
  background-color: #3669c4;
  color: #FFFFFF;
}
.article-configurator .configurator-body .configurator-group-mobile .configurator-tab-buttons button .btn-label {
  text-transform: none;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item .info > .label {
  font-size: 15px;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image {
  padding: 7px;
  margin: 0;
  border-top: 1px solid #CBCACA;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image:first-child {
  border-top: none;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image .price {
  line-height: unset;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image .radio-text-container {
  margin: 0;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.no-image.mobile {
  padding: 16px 0;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item .configurator-group-mobile-items.product-info > * {
  padding: 8px 0;
  font-size: 14px;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item h1 {
  font-size: 16px;
  font-weight: bold;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item ul {
  padding: 8px 0 8px 24px;
  list-style-type: disc;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item .configurator-group-child-label {
  margin-bottom: 8px;
  color: inherit;
}
.article-configurator .configurator-body .configurator-group-mobile .radio-item.open {
  border-bottom: none;
}
.article-configurator .configurator-body .configurator-group-mobile .showAllLink > .sgw-icon {
  top: -4px;
  left: -4px;
}
.article-configurator .configurator-body .configurator-group-mobile .showAllLink > .sgw-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: #3669c4;
}
.article-configurator .configurator-body .configurator-group-mobile-items .configurator-item-tri-state-check-box {
  display: flex;
  justify-content: space-between;
}
.article-configurator .configurator-body .configurator-group-mobile-items .configurator-item-tri-state-check-box .rc-checkbox {
  display: flex;
  width: 100%;
}
.article-configurator .configurator-name {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: SourceSansPro-Light, sans-serif;
}
.article-configurator .configurator-group {
  font-size: 12px;
  margin-bottom: 16px;
  position: relative;
}
.article-configurator .configurator-group > div {
  display: flex;
  flex-wrap: wrap;
}
.article-configurator .configurator-group .configurator-group-name {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}
.article-configurator .configurator-group .configurator-group-description {
  margin-bottom: 8px;
  width: 100%;
}
.article-configurator .configurator-group .configurator-slider {
  padding-right: 16px;
  box-sizing: border-box;
}
.article-configurator .configurator-group .configurator-slider .rc-slider {
  width: 100%;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select {
  width: 100%;
  margin-right: 16px;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .selected-option-label {
  font-weight: bold;
  padding-left: 4px;
  font-size: 12px;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .select-options-list .select-options-item {
  padding: 2px 4px;
  font-size: 12px;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .select-options-list .select-options-item .option-text + .option-text {
  color: #868686;
}
.article-configurator .configurator-group .configurator-group-dropdown .rc-select .select-options-list .select-options-item.focusin {
  font-weight: bold;
}
.article-configurator .configurator-group .configurator-group-child-label {
  flex: 0 0 100%;
  margin-bottom: 2px;
  margin-top: 4px;
  font-size: 12px;
  color: #868686;
}
.article-configurator .configurator-group .radio-item, .article-configurator .configurator-group .checkbox-item {
  flex: 0 0 50%;
  max-width: 50%;
  display: block;
  align-items: flex-start;
  cursor: pointer;
  box-sizing: border-box;
  padding-right: 16px;
  flex-direction: column;
}
.article-configurator .configurator-group .radio-item.no-image, .article-configurator .configurator-group .checkbox-item.no-image {
  margin-bottom: 4px;
}
.article-configurator .configurator-group .radio-item.disabled, .article-configurator .configurator-group .checkbox-item.disabled {
  opacity: 0.5;
}
.article-configurator .configurator-group .radio-item .configurator-individual, .article-configurator .configurator-group .checkbox-item .configurator-individual {
  display: flex;
  flex-wrap: wrap;
  margin-left: 17px;
}
.article-configurator .configurator-group .radio-item .configurator-individual.disabled, .article-configurator .configurator-group .checkbox-item .configurator-individual.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.article-configurator .configurator-group .radio-item .configurator-individual .prompt-label, .article-configurator .configurator-group .checkbox-item .configurator-individual .prompt-label {
  padding: 0;
}
.article-configurator .configurator-group .radio-item .configurator-individual .btn-simple.btn-default, .article-configurator .configurator-group .checkbox-item .configurator-individual .btn-simple.btn-default {
  padding: 3px 8px;
  height: unset;
}
.article-configurator .configurator-group .radio-item .configurator-individual .btn-simple.btn-default.show-button, .article-configurator .configurator-group .checkbox-item .configurator-individual .btn-simple.btn-default.show-button {
  display: inline-block;
}
.article-configurator .configurator-group .radio-item .configurator-individual .rc-input .rc-input-wrapper, .article-configurator .configurator-group .checkbox-item .configurator-individual .rc-input .rc-input-wrapper {
  padding-left: unset;
}
.article-configurator .configurator-group .radio-item .configurator-individual .configurator-individual-item, .article-configurator .configurator-group .checkbox-item .configurator-individual .configurator-individual-item {
  margin-right: 4px;
}
.article-configurator .configurator-group .radio-item .configurator-individual .configurator-individual-item.label-item, .article-configurator .configurator-group .checkbox-item .configurator-individual .configurator-individual-item.label-item {
  width: 100%;
}
.article-configurator .configurator-group .radio-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label, .article-configurator .configurator-group .checkbox-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label {
  margin: 0;
}
.article-configurator .configurator-group .radio-item .radio-text-container, .article-configurator .configurator-group .radio-item .checkbox-item-container, .article-configurator .configurator-group .checkbox-item .radio-text-container, .article-configurator .configurator-group .checkbox-item .checkbox-item-container {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
}
.article-configurator .configurator-group .radio-item .radio-text-container .info, .article-configurator .configurator-group .radio-item .checkbox-item-container .info, .article-configurator .configurator-group .checkbox-item .radio-text-container .info, .article-configurator .configurator-group .checkbox-item .checkbox-item-container .info {
  flex: 1;
  overflow: hidden;
}
.article-configurator .configurator-group .radio-item .checkbox-item-container .info, .article-configurator .configurator-group .checkbox-item .checkbox-item-container .info {
  display: flex;
  justify-content: flex-end;
}
.article-configurator .configurator-group .radio-item span.radio-button, .article-configurator .configurator-group .checkbox-item span.radio-button {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid #2C2C2C;
  margin-right: 4px;
  position: relative;
}
.article-configurator .configurator-group .radio-item .radio-edit-button button, .article-configurator .configurator-group .checkbox-item .radio-edit-button button {
  padding-left: 8px;
  padding-right: 16px;
}

.configurator-group .radio-item:not(.disabled):hover span.radio-button, .configurator-group-mobile .radio-item:not(.disabled):hover span.radio-button {
  border-color: #3669c4;
}
.configurator-group .radio-item.selected:hover span.radio-button:before, .configurator-group-mobile .radio-item.selected:hover span.radio-button:before {
  background: #3669c4;
}
.configurator-group .radio-item, .configurator-group-mobile .radio-item {
  padding: 4px;
}
.configurator-group .radio-item.mobile, .configurator-group-mobile .radio-item.mobile {
  padding: 8px;
}
.configurator-group .radio-item span.radio-button:not(.redesign), .configurator-group-mobile .radio-item span.radio-button:not(.redesign) {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #2C2C2C;
  margin-right: 4px;
  position: relative;
}
.configurator-group .radio-item.selected span.radio-button:not(.redesign):before, .configurator-group-mobile .radio-item.selected span.radio-button:not(.redesign):before {
  border-radius: 100%;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 4px;
  top: 4px;
  background: #3776B2;
}
.configurator-group .radio-item .radio-item-img.image-mode-default, .configurator-group-mobile .radio-item .radio-item-img.image-mode-default {
  height: 38px;
}
.configurator-group .radio-item .radio-item-img.image-mode-default img, .configurator-group-mobile .radio-item .radio-item-img.image-mode-default img {
  width: 36px;
  height: 36px;
}
.configurator-group .radio-item .radio-item-img.image-mode-wide, .configurator-group-mobile .radio-item .radio-item-img.image-mode-wide {
  height: 38px;
}
.configurator-group .radio-item .radio-item-img.image-mode-wide img, .configurator-group-mobile .radio-item .radio-item-img.image-mode-wide img {
  width: 72px;
  height: 36px;
}
.configurator-group .radio-item .radio-item-img.image-mode-big, .configurator-group-mobile .radio-item .radio-item-img.image-mode-big {
  height: 54px;
}
.configurator-group .radio-item .radio-item-img.image-mode-big img, .configurator-group-mobile .radio-item .radio-item-img.image-mode-big img {
  width: 72px;
  height: 54px;
}

.configurator-group .radio-item .radio-item-img {
  margin-right: 4px;
  display: block;
  padding-bottom: 2px;
}
.configurator-group .radio-item .radio-item-img img {
  width: 34px;
  height: 34px;
}
.configurator-group .radio-item .radio-item-img.img-below {
  padding-left: 16px;
}
.configurator-group .radio-item .radio-item-img.img-below img {
  width: 90px;
  height: 45px;
}

.configurator-group .radio-item.no-image .info {
  display: flex;
  flex: auto;
}

.configurator-group .radio-item .info .label {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 16px;
}

.configurator-group .radio-item .rc-input {
  width: 45px;
  height: 25px;
  min-width: unset;
}
.configurator-group .radio-item .rc-input .rc-input-wrapper {
  padding-left: unset;
}
.configurator-group .radio-item .rc-input .btn-simple.btn-icon:hover {
  background-color: #d8d8d8;
}
.configurator-group .radio-item .rc-input input {
  padding: 2px 0 2px 4px;
  font-family: "source_sans_pro";
  font-size: 14px;
  width: calc(45px - 16px);
}
.configurator-group .radio-item .rc-input .numeric-buttons {
  height: calc(25px - 1px);
  width: 50%;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * {
  height: 50%;
  width: 100%;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * .sgw-icon {
  height: calc((25px - 2px) / 2);
  width: 16px;
  overflow: hidden;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * .sgw-icon:before {
  width: unset;
  height: unset;
  font-size: 18px;
  line-height: 18px;
}
.configurator-group .radio-item .rc-input .numeric-buttons > * .sgw-icon:hover:before {
  color: #3669C4;
}
.configurator-group .radio-item .rc-multi-accept-input {
  flex-wrap: nowrap;
}
.configurator-group .radio-item .rc-multi-accept-input form > * {
  margin-right: 4px;
}
.configurator-group .radio-item .radio-quantity {
  display: block;
  margin-left: 18px;
  cursor: default;
  pointer-events: all;
}

.configurator-group .radio-item .info .price, .configurator-group-mobile .radio-item .info .price {
  color: #868686;
  white-space: nowrap;
}
.configurator-group .radio-item .info .price.reduced, .configurator-group-mobile .radio-item .info .price.reduced {
  color: #D7032C;
}
.configurator-group .radio-item .info .price.original, .configurator-group-mobile .radio-item .info .price.original {
  text-decoration: line-through;
  color: #868686;
}
.configurator-group .radio-item .info .price.discount, .configurator-group-mobile .radio-item .info .price.discount {
  background-color: #d9052f;
  color: #ffffff;
  margin-right: 4px;
  border-radius: 2px;
  padding: 1px 4px 2px;
  font-size: 12px;
  line-height: 15px;
  align-self: center;
}
.configurator-group .radio-item .info .price-wrapper, .configurator-group-mobile .radio-item .info .price-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  gap: 4px;
}
.configurator-group .radio-item .info .price-wrapper > div, .configurator-group-mobile .radio-item .info .price-wrapper > div {
  display: inline-block;
}
.configurator-group .radio-item.selected .info .label, .configurator-group-mobile .radio-item.selected .info .label {
  font-weight: bold;
}
.configurator-group .radio-item.no-image .info .label, .configurator-group-mobile .radio-item.no-image .info .label {
  margin-bottom: 0;
}
.configurator-group .radio-item.no-image .info .price, .configurator-group-mobile .radio-item.no-image .info .price {
  flex: auto;
  text-align: right;
  line-height: 16px;
}
.configurator-group .radio-item.no-image .info .price.discount, .configurator-group-mobile .radio-item.no-image .info .price.discount {
  line-height: 15px;
}

.configurator-group .showAllLink {
  line-height: 1.5;
  padding-left: 19px;
  margin-top: 4px;
  flex: 0 0 100%;
  position: relative;
  display: block;
}
.configurator-group .showAllLink > div {
  color: #3669C4;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.configurator-group .showAllLink.arrow_up:before {
  left: -13px;
  top: 0;
}
.configurator-group .showAllLink:before {
  top: -2px;
  left: -11px;
  font-size: 36px;
  overflow: hidden;
  color: #3669C4;
  text-decoration: none;
  border-style: none;
  width: 40px;
}

.configurator-group .configurator-warning-label {
  color: #d7032c;
  font-weight: bold;
  margin-top: 16px;
  font-size: 14px;
}

.configurator-group-dropdown .rc-select {
  width: 100%;
}

.configurator-group .radio-item.individual, .configurator-group .configurator-warning-label, .configurator-group .showAllLink {
  order: 3;
}

.configurator-group-dropdown .rc-select .selected-option {
  height: 24px;
  padding-left: 0;
}
.configurator-group-dropdown .rc-select .selected-option .selected-option-label {
  font-size: 12px;
  align-self: center;
}

.configurator-group-dropdown .rc-select .select-options-list .select-options-item {
  padding: 2px 4px 2px 8px;
  font-size: 12px;
}

.configurator-group-dropdown .rc-select .select-options-list .select-options-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  #configurator {
    flex: 1 0 auto;
    max-width: 100%;
  }
  .article-configurator .configurator-group .radio-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .configurator-group .radio-item:nth-child(odd), .configurator-group .revert-sort-order .radio-item:nth-child(even) {
    order: 1;
  }
  .configurator-group .radio-item:nth-child(even), .configurator-group .revert-sort-order .radio-item:nth-child(odd) {
    order: 2;
  }
  .configurator-group .radio-item.individual, .configurator-group .configurator-warning-label, .configurator-group .showAllLink {
    order: 3;
  }
  .configurator-body .item-tooltip {
    display: none;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .configurator-group .radio-item, .configurator-group .revert-sort-order .radio-item {
    order: 1 !important;
  }
}
.article-configurator-content.mobile-phone .content-text {
  flex-direction: column;
}
#ConfiguratorDetailsDialog.rc-mobile-view {
  z-index: 20000;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 16px 0;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  margin-left: 0;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .article-configurator-page {
  background-color: #FFFFFF;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .article-configurator-page.article-configurator-old-content {
  margin: unset;
}
#ConfiguratorDetailsDialog.configurator-details-dialog .rc-dialog-wrapper .rc-dialog-content .article-configurator-page.article-configurator-old-content .article-configurator-content {
  margin: unset;
}
#ConfiguratorDetailsDialog .website-promotion-banner {
  max-width: 100% !important;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area {
  max-width: 1200px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  background-color: #FFFFFF;
  color: #000;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images {
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images .image {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images .image .picture {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
#ConfiguratorDetailsDialog .website-promotion-banner .banner-area .slider-images .dotted-nav {
  display: flex;
  background-color: transparent;
  flex-wrap: nowrap;
  padding: 16px;
  justify-content: center;
  color: #FFF;
  max-width: 100%;
  flex: 0 0 50%;
  position: absolute;
  top: auto;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.mobile-configurator-content > div {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  flex: auto;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner {
  max-width: 100% !important;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area {
  flex-direction: column;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  color: #000;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image {
  transition: transform 0.4s ease, background 0.4s ease;
  flex: 0 0 100%;
  max-width: 100%;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-image .website-promotion-banner .banner-area .slider-images .image > picture {
  padding-bottom: unset;
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.mobile-configurator-content > div .mobile-configurator-preview .article-configurator-content .content-text .rc-icon.sgw-icon.delivery {
  display: none;
}

#BulkOrdererMobileSelectionDialog .radio-item:not(.no-image) {
  height: 72px;
}
#BulkOrdererMobileSelectionDialog .radio-item.no-image {
  margin: unset;
}

main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items.side-by-side > div:not(.configurator-group-child-label) {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items.side-by-side > div:not(.configurator-group-child-label) .radio-item {
  flex: unset;
}
main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items:not(.side-by-side) > div:not(.configurator-group-child-label) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
main.single-page.redesign .article-configurator.article-configurator-mobile.redesign.phone .configurator-body .configurator-group-mobile-items .radio-item {
  min-height: 44px;
  height: 44px;
  margin: unset;
}

.article-configurator.article-configurator-mobile {
  background: unset;
  flex: auto;
  max-width: unset;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article-configurator.article-configurator-mobile .configurator-name {
  display: none;
}
.article-configurator.article-configurator-mobile > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: unset;
}
.article-configurator .configurator-group-mobile {
  margin-bottom: 8px;
  background: #ffffff;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.article-configurator .configurator-group-mobile:last-child {
  margin-bottom: 0;
}
.article-configurator .configurator-group-mobile .rc-tabcontrol {
  margin-bottom: 16px;
}
.article-configurator .configurator-group-mobile .rc-tabcontrol .rc-tabcontrol-tab {
  font-size: 14px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header {
  display: flex;
  flex-wrap: nowrap;
  margin-left: -16px;
  margin-right: -16px;
  padding: 8px 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header > div {
  flex: 0 0 32px;
  cursor: pointer;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header > div:last-child {
  display: block;
  flex: 1;
  padding: 5px 4px 0;
  overflow: hidden;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header .expand-link {
  font-size: 14px;
  margin-right: 16px;
  color: #3669C4;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header .rc-icon.sgw-icon.next:before {
  top: 0;
  left: 18px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-header .rc-icon.sgw-icon.arrow_down2:before {
  left: 20px;
  top: 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items .radio-item.no-image.mobile {
  padding: 16px 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.product-info h1 {
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: unset;
  line-height: 20px;
  margin-bottom: 11px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.product-info ul {
  list-style: disc;
  padding-left: 8px;
  margin: 16px 0 16px 16px;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side {
  padding-bottom: 0;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side > div {
  display: flex;
  flex-wrap: wrap;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side > div > .radio-item {
  flex: 0 0 50%;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items.side-by-side > div > .radio-item.no-image {
  border-top: none;
  margin-top: unset;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items .configurator-slider {
  display: flex;
}
.article-configurator .configurator-group-mobile .configurator-group-mobile-items .configurator-slider .rc-input {
  min-width: unset;
  width: 80px;
  margin-left: 16px;
  align-self: end;
}
.article-configurator .configurator-group-mobile .configurator-image-upload-section .upload-section-caption {
  margin-bottom: 16px;
}
.article-configurator .configurator-group-mobile .configurator-image-upload-section .rc-file-upload {
  width: 100%;
}
.article-configurator .configurator-group-mobile .configurator-image-upload-section .rc-file-upload button {
  width: 100%;
}
.article-configurator .configurator-group-mobile .configurator-tab-buttons {
  display: flex;
  flex-wrap: wrap;
}
.article-configurator .configurator-group-mobile .configurator-tab-buttons > button {
  border-radius: 8px;
  padding: 8px;
  margin: 0 8px 8px 0;
}
.article-configurator .configurator-group-mobile .configurator-group-name {
  font-weight: bold;
  white-space: nowrap;
}
.article-configurator .configurator-group-mobile .configurator-preselection {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.article-configurator .configurator-group-mobile .configurator-preselection > div:first-child {
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  display: block;*/
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.article-configurator .configurator-group-mobile .configurator-group-child-label {
  flex: 0 0 100%;
  margin-bottom: 8px;
  margin-top: 4px;
  font-size: 14px;
  color: #868686;
}
.article-configurator .configurator-group-mobile .configurator-group-description {
  margin-bottom: 8px;
  font-size: 14px;
}
.article-configurator .configurator-group-mobile .configurator-warning-label {
  color: #d9052f;
  font-weight: bold;
  margin-top: 16px;
  font-size: 14px;
}
.article-configurator .configurator-group-mobile .radio-item, .article-configurator .configurator-group-mobile .checkbox-item {
  pointer-events: bounding-box;
  flex: 1;
  display: block;
  align-items: flex-start;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-direction: column;
  margin-bottom: 4px;
  border: 2px solid #efefef;
  font-size: 14px;
  min-height: 42px;
}
.article-configurator .configurator-group-mobile .radio-item .btn-icon.btn-icon-only, .article-configurator .configurator-group-mobile .checkbox-item .btn-icon.btn-icon-only {
  height: unset;
  width: unset;
}
.article-configurator .configurator-group-mobile .radio-item.selected, .article-configurator .configurator-group-mobile .checkbox-item.selected {
  border-color: #3669c4;
}
.article-configurator .configurator-group-mobile .radio-item.selected .radio-item-img, .article-configurator .configurator-group-mobile .checkbox-item.selected .radio-item-img {
  position: relative;
}
.article-configurator .configurator-group-mobile .radio-item.selected .radio-item-img .rc-icon.sgw-icon, .article-configurator .configurator-group-mobile .checkbox-item.selected .radio-item-img .rc-icon.sgw-icon {
  position: absolute;
  padding: unset;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: #3669c4;
  border-radius: 50%;
}
.article-configurator .configurator-group-mobile .radio-item.selected .radio-item-img .rc-icon.sgw-icon:before, .article-configurator .configurator-group-mobile .checkbox-item.selected .radio-item-img .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.article-configurator .configurator-group-mobile .radio-item .radio-quantity, .article-configurator .configurator-group-mobile .checkbox-item .radio-quantity {
  width: 50%;
  padding-left: 24px;
  margin-top: 8px;
  box-sizing: border-box;
}
.article-configurator .configurator-group-mobile .radio-item .radio-quantity .rc-component.rc-input, .article-configurator .configurator-group-mobile .checkbox-item .radio-quantity .rc-component.rc-input {
  width: 100%;
}
.article-configurator .configurator-group-mobile .radio-item .radio-quantity .rc-component.rc-input .rc-input-wrapper, .article-configurator .configurator-group-mobile .checkbox-item .radio-quantity .rc-component.rc-input .rc-input-wrapper {
  padding: 0 8px;
}
.article-configurator .configurator-group-mobile .radio-item .info, .article-configurator .configurator-group-mobile .checkbox-item .info {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 8px;
}
.article-configurator .configurator-group-mobile .radio-item .info .price-wrapper, .article-configurator .configurator-group-mobile .checkbox-item .info .price-wrapper {
  flex: unset;
}
.article-configurator .configurator-group-mobile .radio-item.no-image, .article-configurator .configurator-group-mobile .checkbox-item.no-image {
  margin-top: 4px;
  border: none;
  border-top: 2px solid #efefef;
  line-height: 24px;
  min-height: unset;
}
.article-configurator .configurator-group-mobile .radio-item.no-image:first-child, .article-configurator .configurator-group-mobile .checkbox-item.no-image:first-child {
  border-top: none;
  margin-top: unset;
}
.article-configurator .configurator-group-mobile .radio-item.no-image .info, .article-configurator .configurator-group-mobile .checkbox-item.no-image .info {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 8px;
}
.article-configurator .configurator-group-mobile .radio-item.no-image .radio-text-container, .article-configurator .configurator-group-mobile .checkbox-item.no-image .radio-text-container {
  margin: 4px;
}
.article-configurator .configurator-group-mobile .radio-item.disabled, .article-configurator .configurator-group-mobile .checkbox-item.disabled {
  opacity: 0.5;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual {
  display: flex;
  flex-flow: wrap;
  margin-left: 17px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual.disabled, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .prompt-label, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .prompt-label {
  padding: 0;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .btn-simple.btn-default, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .btn-simple.btn-default {
  padding: 3px 8px;
  height: 36px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .btn-simple.btn-default.show-button, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .btn-simple.btn-default.show-button {
  display: inline-block;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item {
  margin-right: 4px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item {
  width: 100%;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item .configurator-group-child-label {
  margin: 0;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form {
  flex-direction: row;
  flex-wrap: nowrap;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form button.btn-redesign, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item.label-item .rc-multi-accept-input form button.btn-redesign {
  border: 1px solid #525252;
  padding: 3px 16px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input {
  min-width: unset;
  height: 36px;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input button, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input button {
  display: none;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper {
  height: 100%;
  box-sizing: border-box;
  padding: 0;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper input, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input .rc-input-wrapper input {
  font-size: 16px;
  padding-left: 8px;
  text-align: left;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-input .numeric-buttons, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-input .numeric-buttons {
  display: none;
}
.article-configurator .configurator-group-mobile .radio-item .configurator-individual .configurator-individual-item .rc-error-label, .article-configurator .configurator-group-mobile .checkbox-item .configurator-individual .configurator-individual-item .rc-error-label {
  min-width: unset;
  white-space: nowrap;
}
.article-configurator .configurator-group-mobile .radio-item .radio-text-container, .article-configurator .configurator-group-mobile .radio-item .checkbox-item-container, .article-configurator .configurator-group-mobile .checkbox-item .radio-text-container, .article-configurator .configurator-group-mobile .checkbox-item .checkbox-item-container {
  display: flex;
  align-items: center;
  flex: auto;
  width: 100%;
}
.article-configurator .configurator-group-mobile .radio-item.mobile .radio-item-img.image-mode-big {
  height: 56px;
}
.article-configurator .configurator-group-mobile .radio-item.mobile .radio-item-img.image-mode-big img {
  width: 72px;
  height: 54px;
}
.article-configurator .configurator-group-mobile .showAllLink {
  font-size: 14px;
  margin: 16px 0 12px;
  flex: 0 0 100%;
  position: relative;
  display: block;
}
.article-configurator .configurator-group-mobile .showAllLink > div {
  color: #3669C4;
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
}

#ConfiguratorMobileTooltip {
  display: flex;
  justify-content: center;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-wrapper {
  margin: 32px;
  width: auto;
  min-width: unset;
  min-height: calc(100% - 64px);
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-wrapper .rc-alert-footer {
  padding-bottom: 16px;
  width: 100%;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content {
  font-family: "source_sans_pro";
  padding: 0;
  /*width: 320px;
  max-width: 320px;*/
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 {
  /*transform: translate(-100%, 0px);*/
  z-index: 10;
  cursor: default;
  background-color: white;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 69.4444444444%;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  display: block;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-text {
  padding: 16px;
  box-sizing: border-box;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-text h1 {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 16px;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .item-tooltip-v2-text ul {
  list-style: disc;
  margin-left: 24px;
}
#ConfiguratorMobileTooltip .rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip-v2 .price {
  font-weight: bold;
  padding: 16px 16px 0 16px;
}

#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper {
  margin: 32px auto;
  max-width: 480px;
  min-height: calc(100vh - 64px);
  flex: unset;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 14px;
  padding: 0;
  overflow: auto;
  max-height: calc(100vh - 64px);
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-content, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-content {
  margin-bottom: unset;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer {
  padding: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button {
  margin: unset;
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  flex: 1 0 0;
  width: 100%;
  border-radius: 120px;
  background: #6C9D0D;
  color: #FFFFFF;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 0;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-image img {
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
  width: 100%;
  height: 100%;
  display: block;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text {
  padding: 24px 24px 8px 24px;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .item-tooltip-v2-text h1 {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 10px;
}
#ConfiguratorMobileTooltip.rc-alert.redesign .rc-dialog-wrapper .rc-dialog-content .price, #ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .price, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .price, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-wrapper .rc-dialog-content .price {
  padding: 0 24px;
  font-weight: 700;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-wrapper, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-wrapper {
  width: calc(100% - 32px);
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content {
  font-family: "source_sans_pro";
  padding: 16px 16px 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip {
  z-index: 10;
  cursor: default;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-image img {
  width: 100%;
  height: auto;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div > div, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div > div {
  margin-bottom: 16px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div .tooltip-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div .tooltip-text {
  padding: 8px;
  margin: 0 16px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip > div > div:last-child, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip > div > div:last-child {
  margin-bottom: 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip p, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip p {
  font-size: 14px;
  line-height: unset;
  margin: 0 0 9px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip li, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip li {
  font-size: 14px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-image.no-tooltip-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-image.no-tooltip-text {
  margin-right: 0;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text {
  font-family: "source_sans_pro";
  line-height: 1.5;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text h1, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text h1 {
  font-family: "SourceSansPro-Light", sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 13px;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text p, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text p {
  text-align: left;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text p a, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text p a {
  text-decoration: underline;
}
#ConfiguratorMobileTooltip.rc-alert .rc-dialog-content .item-tooltip .tooltip-text ul, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog .rc-dialog-content .item-tooltip .tooltip-text ul {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
  list-style-type: square;
  text-align: left;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .item-tooltip > div, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .item-tooltip > div {
  flex-direction: row;
  margin: 0;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image {
  margin-right: 16px;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image img, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .item-tooltip > div .tooltip-image img {
  width: 200px;
  height: auto;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version .rc-dialog-content .rc-alert-footer, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version .rc-dialog-content .rc-alert-footer {
  margin-bottom: 16px;
}
#ConfiguratorMobileTooltip.rc-alert.is-desktop-version.one-column-version .rc-dialog-wrapper.slim-dialog, #ConfiguratorMobileTooltip.rc-alert.item-tooltip-v2-dialog.is-desktop-version.one-column-version .rc-dialog-wrapper.slim-dialog {
  min-width: unset;
  width: 212px;
}

.redesign .configurator-group-mobile-header {
  margin-bottom: 16px;
}

/*@keyframes SlideDown {
    0% {
        opacity: 0;
        @include translate(0, -125%);
    }

    100% {
        opacity: 1;
        @include translate(0, 0);
    }
}

@keyframes SlideUp {
    0% {
        opacity: 1;
        @include translate(0, 0);
    }

    100% {
        opacity: 0;
        @include translate(0, -125%);
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}*/
.login-view-component .standard {
  color: #2c2c2c;
}
.login-view-component .standard .Email,
.login-view-component .standard .code {
  margin-top: 16px;
}
.login-view-component .standard .password {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.login-view-component .standard .password .group-content-password-rules-list {
  order: 1;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected {
  gap: 4px;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected .rc-icon.sgw-icon.steps_summary {
  width: 20px;
  padding: 0;
}
.login-view-component .standard .password .group-content-password-rules-list .rule-respected .rc-label-component {
  padding-left: 4px;
}
.login-view-component .standard .password .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon::before {
  left: 50%;
}
.login-view-component .standard .password .group-content-password-rules-list ul li.rule-failed {
  width: calc(50% - 28px);
  list-style: square;
  margin-left: 28px;
}
.login-view-component .standard .btn-submit {
  width: 100%;
}
.login-view-component .standard .group-content.group-content-label.login_link {
  justify-content: center;
}
.login-view-component .standard.pin-code .group-content-spacer-big {
  display: none;
}
.login-view-component .standard.pin-code .group-content-button {
  margin-bottom: 0;
}
.login-view-component .standard.pin-code .group-content-button:last-of-type {
  display: flex;
  justify-content: center;
}
.login-view-component .standard.pin-code .group-content-button:last-of-type button {
  background: none;
}
.login-view-component .checkout-group-content {
  box-sizing: border-box;
  position: relative;
  padding: 24px 16px;
}
.login-view-component.login-view-desktop {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EFEFEF;
  min-height: calc(100vh - 58px);
}
.login-view-component.login-view-desktop > div {
  width: 672px;
  max-width: 672px;
  background-color: white;
  height: auto;
  position: relative;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1607843137);
  border-radius: 6px;
}
.login-view-component.login-view-desktop > div .close-button {
  position: absolute;
  left: 8px;
  top: 0;
  z-index: 1;
}
.login-view-component.login-view-desktop > div .back-button {
  padding: 8px 0;
  border-top: 1px solid #cccccc;
}
.login-view-component .group-content.group-content-image img {
  height: 100%;
  width: auto;
}
.login-view-component.login-view-dialog .checkout-group-content,
.login-view-component.login-view-dialog .signup-submit-success,
.login-view-component .sign-view-dialog .checkout-group-content,
.login-view-component .sign-view-dialog .signup-submit-success {
  padding: 0;
}

.rc-mobile-view .login-view-component:not(.login-view-desktop) .checkout-group-content {
  padding: unset;
}

.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop {
  padding: 0;
  background-color: unset;
  min-height: unset;
  position: relative;
}
.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop > div {
  box-shadow: unset;
}
.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop .checkout-group-content.signup-view-content {
  padding: 0;
}
.rc-dialog .dialog-scrollable-content .login-view-component.login-view-desktop.dialog .signup-submit-success {
  padding: 0;
}

.signup-submit-success {
  padding: 24px 16px;
  justify-content: center;
}
.signup-submit-success + .signup-submit-buttons {
  text-align: center;
}
.signup-submit-success + .signup-submit-buttons > div {
  margin-bottom: 8px;
}
.signup-submit-success .signup-view-content {
  display: none;
}
.signup-submit-success .signup-submit-success-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon {
  height: 64px;
  width: 64px;
  background-color: #6c9d0d;
  border-radius: 50%;
  z-index: 501;
  padding: unset;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon:before {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 36px;
}
.signup-submit-success .signup-submit-success-header .rc-icon.sgw-icon .group-content {
  margin-bottom: 0;
}
.signup-submit-success .content-group-table-row,
.signup-submit-success .content-group-table-row .group-content.info div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.signup-submit-success .content-group-table-row .group-content-label {
  margin-bottom: 16px;
}
.signup-submit-success .content-group-table-row .group-content-button button {
  background-color: #79AB19;
  color: #ffffff;
}

#LoginView, #LoginViewMobile {
  color: #2c2c2c;
}
#LoginView .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold),
#LoginView .group-content-input.group-content.rc-mobile-component.password,
#LoginView .group-content-button.group-content.rc-mobile-component:last-of-type, #LoginViewMobile .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold),
#LoginViewMobile .group-content-input.group-content.rc-mobile-component.password,
#LoginViewMobile .group-content-button.group-content.rc-mobile-component:last-of-type {
  margin-bottom: 16px;
}
#LoginView .group-content-button button, #LoginView .group-content-link-add.group-content button, #LoginViewMobile .group-content-button button, #LoginViewMobile .group-content-link-add.group-content button {
  width: 100%;
  background-color: unset;
}
#LoginView .group-content-button.button-submit button, #LoginView .group-content-link-add.group-content.button-submit button, #LoginViewMobile .group-content-button.button-submit button, #LoginViewMobile .group-content-link-add.group-content.button-submit button {
  background-color: #79AB19;
  color: #ffffff;
}
#LoginView .group-content-button.signin button, #LoginViewMobile .group-content-button.signin button {
  background-color: #79AB19;
}
#LoginView .group-content-link-add.group-content button .rc-icon.sgw-icon.add_big, #LoginViewMobile .group-content-link-add.group-content button .rc-icon.sgw-icon.add_big {
  display: none;
}
#LoginView .group-content-link-add.group-content button .btn-label, #LoginViewMobile .group-content-link-add.group-content button .btn-label {
  color: inherit;
}
#LoginView .login-continue-container, #LoginViewMobile .login-continue-container {
  position: relative;
  padding-top: 8px;
  border-top: 1px solid #EFEFEF;
}
#LoginView .login-continue-container .btn-simple, #LoginViewMobile .login-continue-container .btn-simple {
  width: 100%;
}

#LoginViewMobile {
  padding: 16px;
}
#LoginViewMobile .standard .group-content-password-rules-list ul {
  flex-direction: column;
  flex-wrap: nowrap;
}
#LoginViewMobile .standard .group-content-password-rules-list ul li {
  width: 100%;
}

.signup-view .standard.pin-code .group-content-label {
  margin: 0;
}

body.has-foreign-account-hint {
  margin-top: 36px;
}
body.has-foreign-account-hint.rc-mobile-view > header, body.has-foreign-account-hint .rc-mobile-view > header {
  top: 36px;
}
body.has-foreign-account-hint .rc-mobile-view {
  top: 36px;
}
body.has-foreign-account-hint #ArticleSelectionContent {
  min-height: calc(100dvh - 36px);
  height: calc(100dvh - 36px);
}
body.has-foreign-account-hint .desktop-menu-wrapper {
  top: 36px;
}

.foreign-accont-hint-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #3669c4;
  height: 36px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8px;
  gap: 8px;
  box-sizing: border-box;
  z-index: 100000;
}
.foreign-accont-hint-bar .foreign-account-info {
  display: flex;
  gap: 8px;
  align-items: center;
}
.foreign-accont-hint-bar .foreign-account-info .rc-avatar {
  width: 26px;
  height: 26px;
}
.foreign-accont-hint-bar .foreign-account-info .rc-avatar.avatar-from-text > span {
  font-size: 12px;
}
.foreign-accont-hint-bar .foreign-account-info .rc-label-component {
  font-size: 14px;
  color: #FFFFFF;
}
.foreign-accont-hint-bar .foreign-account-switch button {
  padding-right: 8px;
}

.foreign-account-error {
  color: #d9052f;
}

.rc-form-container {
  background-color: transparent;
  position: relative;
}
.rc-form-container .form-loader {
  min-height: 100px;
  position: relative;
}
.rc-form-container .rc-form-group-wrapper {
  margin-bottom: 8px;
}
.rc-form-container .rc-form-group {
  display: flex;
  flex-wrap: wrap;
}
.rc-form-container .rc-form-group > .rc-form-element {
  padding-right: 4px;
  padding-left: 4px;
  box-sizing: border-box;
}
.rc-form-container .rc-form-element .rc-checkbox {
  font-size: 14px;
  min-height: 36px;
  display: flex;
  text-align: left;
}
.rc-form-container .rc-form-element > .rc-component, .rc-form-container .rc-form-element > .rc-textarea, .rc-form-container .rc-form-element > .rc-textarea-v2-container, .rc-form-container .rc-form-element > .btn-submit, .rc-form-container .rc-form-element > .rc-checkbox-element, .rc-form-container .rc-form-element > .rc-form-file-upload-wrapper, .rc-form-container .rc-form-element > .rc-complex-label, .rc-form-container .rc-form-element > h3.rc-form-group-label {
  margin-top: 8px;
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-complex-label {
  text-align: start;
  font-size: 14px;
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-star, .rc-form-container .rc-form-element > .rc-smile {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.rc-form-container .rc-form-element .rc-file-upload .btn-simple {
  justify-content: left;
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .btn-simple > .sgw-icon::before {
  color: #D7032C;
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .rc-error-label {
  bottom: calc(-100% + 4px);
}
.rc-form-container .rc-form-element .rc-file-upload.rc-error > .rc-error-label::after {
  bottom: unset;
  top: -4px;
  border-top: unset;
  border-bottom: 4px solid #D7032C;
}
.rc-form-container .rc-form-element > .rc-form-file-upload-wrapper > .rc-file-upload {
  width: 100%;
}
.rc-form-container .rc-form-element > .rc-form-file-upload-wrapper > .rc-file-upload > button {
  width: 100%;
}
.rc-form-container .rc-form-element {
  width: 50%;
}
.rc-form-container .rc-form-element-wide {
  width: 100%;
}
.rc-form-container .rc-form-element-checkbox {
  max-width: 100%;
  flex-grow: 1;
}
.rc-form-container .rc-form-element-hidden {
  display: none;
}
.rc-form-container .rc-form-footer-group {
  margin-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.rc-form-container .rc-form-footer-group .rc-form-element {
  width: auto;
}
.rc-form-container .rc-form-footer-group > .rc-form-element > .rc-form-element-label {
  width: 100%;
}
.rc-form-container .rc-form-footer-error {
  display: flex;
  justify-content: flex-end;
  color: #D9052F;
  font-weight: bold;
  font-size: 12px;
  width: calc(100% - 1vh);
  text-align: right;
}
.rc-form-container .rc-error-label {
  bottom: -30px !important;
}
.rc-form-container .rc-error-label::after {
  bottom: auto !important;
  top: -4px !important;
  border-top: none !important;
  border-bottom: 4px solid #d7032c !important;
}
.rc-form-container .rc-complex-label > .rc-error-label {
  left: calc(50% - 150px);
}
.rc-form-container .rc-file-upload.rc-error > .btn-simple > .sgw-icon::before {
  color: #d7032c !important;
}
.rc-form-container .rc-form-element-label {
  margin-right: 16px;
  font-size: 12px;
  color: #707070;
}
.rc-form-container .rc-form-group-label {
  padding-left: 4px;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.rc-form-container {
  /*.btn-simple {
  		display: flex;
  		justify-content: center;
  }*/
}
.rc-form-container .start-one-span-three-columns {
  width: 75%;
}
.rc-form-container .rc-complex-label-error {
  position: relative;
}
@media only screen and (max-width: 700px) {
  .rc-form-container .rc-form-footer-group {
    padding-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .rc-form-container .start-one-span-three-columns {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .rc-form-container .rc-form-group {
    display: flex;
  }
  .rc-form-container .rc-form-group .rc-form-element, .rc-form-container .rc-form-group .rc-form-element-wide, .rc-form-container .rc-form-group .rc-form-element-label {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 500px) {
  .rc-form-container .rc-star > .rc-star-label-wrapper:last-of-type, .rc-form-container .rc-star > .rc-smile-label-wrapper:last-of-type, .rc-form-container .rc-smile > .rc-star-label-wrapper:last-of-type, .rc-form-container .rc-smile > .rc-smile-label-wrapper:last-of-type {
    display: none;
  }
  .rc-form-container .rc-star .stars, .rc-form-container .rc-star .smiles, .rc-form-container .rc-smile .stars, .rc-form-container .rc-smile .smiles {
    width: 100%;
  }
}

.rc-form-file-upload-wrapper {
  display: flex;
  width: 100%;
  min-width: 150px;
  flex-wrap: wrap;
  flex-direction: row;
}

.rc-form-file-upload-preview {
  padding: 0.2rem;
  margin: 0 5px 1vh 0;
  border: 1px dashed #CCCCCC;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(50% - 7px - 0.4rem);
}

.rc-form-file-remove {
  padding: 0 5px 0 5px;
  margin-right: 5px;
  display: inline;
  cursor: pointer;
}
.rc-form-file-remove > .rc-form-file-remove-text {
  color: red;
}
.rc-form-file-remove:hover > .rc-form-file-remove-text {
  font-weight: bold;
}

.preview-clickable {
  cursor: pointer;
}
.preview-clickable:hover {
  text-decoration: underline;
  color: blue;
}

.rc-form-file-name-preview, .rc-form-file-remove-text {
  font-size: 0.8rem;
}

.customer-opinions-wrapper .customer-opinions-rating {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.customer-opinions-wrapper .customer-opinions-rating-label, .customer-opinions-wrapper .customer-opinions-rating-total {
  font-size: 1.6rem;
}
.customer-opinions-wrapper .customer-opinions-rating-total {
  padding-bottom: 5px;
  width: 280px;
  text-align: center;
}
.customer-opinions-wrapper .customer-opinions-rating-stars {
  height: 4rem;
  width: 100%;
}
.customer-opinions-wrapper .customer-opinions-total {
  font-size: 1rem;
}
.customer-opinions-wrapper .customer-opinions-total > a:link, .customer-opinions-wrapper .customer-opinions-total > a:visited {
  color: black;
}

.customer-opinions-wrapper .star-ratings-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.customer-opinions-wrapper .star-rating {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.customer-opinions-wrapper .star-rating > .star-rating-header {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.customer-opinions-wrapper .star-rating > .star-rating-header > .star-rating-label {
  width: 50%;
  text-align: start;
}
.customer-opinions-wrapper .star-rating > .star-rating-header > .star-rating-total {
  width: 50%;
  text-align: end;
}
.customer-opinions-wrapper .star-rating > .star-rating-bar {
  width: 100%;
  height: 5px;
  background-color: #DBDBDB;
  position: relative;
}
.customer-opinions-wrapper .star-rating > .star-rating-bar > .star-rating-bar-filled {
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FDB916;
}
.customer-opinions-wrapper .star-rating {
  margin-bottom: 5px;
}

.customer-opinions-wrapper .opinion-item {
  cursor: pointer;
  background-color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  text-align: center;
  padding-top: 10px;
  width: 100%;
  padding-bottom: 10px;
  max-width: 400px;
  margin: 5px;
}
.customer-opinions-wrapper .opinion-item-creation {
  padding-top: 10px;
  padding-bottom: 10px;
}
.customer-opinions-wrapper .opinion-item-message {
  padding: 20px;
  font-size: 1em;
  text-align: left;
  line-height: 21px;
  height: 42px;
  max-height: 42px;
  overflow: hidden;
}
.customer-opinions-wrapper .opinion-item-message-label {
  font-weight: bold;
  padding: 10px 0 !important;
}
.customer-opinions-wrapper .opinion-item-images {
  height: 50px;
  max-height: 50px;
}
.customer-opinions-wrapper .opinion-item-images > img {
  padding-top: 10px;
  padding-right: 5px;
  height: 40px;
  width: 40px;
}

.customer-opinions-wrapper .opinion-item-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 770px) {
  .customer-opinions-wrapper .opinion-item-grid .opinion-item:nth-child(1) {
    justify-self: flex-end;
  }
  .customer-opinions-wrapper .opinion-item-grid .opinion-item:nth-child(2) {
    justify-self: flex-start;
  }
  .customer-opinions-wrapper .opinion-item-grid .opinion-item:only-child {
    justify-self: center;
  }
}

.customer-opinions-wrapper .opinion-item-details {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 201;
  display: flex;
  height: 100vh;
  width: 100%;
}
.customer-opinions-wrapper .opinion-item-details::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.customer-opinions-wrapper .left-arrow-wrapper, .customer-opinions-wrapper .right-arrow-wrapper {
  display: flex;
  align-items: center;
  width: 25%;
}
.customer-opinions-wrapper .left-arrow-wrapper {
  justify-content: flex-end;
}
.customer-opinions-wrapper .right-arrow-wrapper {
  justify-content: flex-start;
}
.customer-opinions-wrapper .opinion-items-details-wrapper, .customer-opinions-wrapper .opinion-items-details-wrapper-with-image {
  margin: 15px 0;
  height: calc(100vh - 30px);
  max-height: 600px;
}
.customer-opinions-wrapper .opinion-items-details-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.customer-opinions-wrapper .opinion-items-details-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.customer-opinions-wrapper .opinion-items-details-wrapper > .opinion-item-details-sheet {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  max-width: 500px;
  height: 100%;
  width: 100%;
}
.customer-opinions-wrapper .opinion-items-details-wrapper-with-image {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
}
.customer-opinions-wrapper .opinion-items-details-wrapper-with-image > .opinion-item-image-preview {
  position: relative;
  overflow: hidden;
  width: 50%;
}
.customer-opinions-wrapper .opinion-items-details-wrapper-with-image > .opinion-item-image-preview > img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 100%;
  position: absolute;
  transition: 0.5326s left ease;
  z-index: 200;
}
.customer-opinions-wrapper .opinion-item-details-sheet {
  width: 50%;
  background-color: white;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 50px !important;
  box-sizing: border-box;
}
.customer-opinions-wrapper .opinion-item-details-sheet > .opinion-item {
  align-items: flex-start;
  padding: 20px 0;
  cursor: default;
  max-width: unset;
}
.customer-opinions-wrapper .opinion-item-details-sheet > .opinion-item > .opinion-item-message, .customer-opinions-wrapper .opinion-item-details-sheet > .opinion-item > .opinion-item-creation {
  padding: 10px 10px 20px 0;
  height: fit-content;
  max-height: fit-content;
}
.customer-opinions-wrapper .opinion-item-details-sheet > .opinion-item > .opinion-item-creation {
  font-size: 1.1rem;
}
.customer-opinions-wrapper .left-picture-arrow > .rc-icon::before, .customer-opinions-wrapper .right-picture-arrow > .rc-icon::before {
  font-size: 50px;
  color: black;
}
.customer-opinions-wrapper .left-picture-arrow, .customer-opinions-wrapper .right-picture-arrow {
  position: absolute;
  z-index: 201;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  padding: 8px;
  width: 36px;
}
.customer-opinions-wrapper .left-picture-arrow > .rc-icon, .customer-opinions-wrapper .right-picture-arrow > .rc-icon {
  padding: 0 !important;
  margin: 0 !important;
}
.customer-opinions-wrapper .left-picture-arrow {
  left: 8px;
}
.customer-opinions-wrapper .left-picture-arrow > .rc-icon::before {
  font-size: 25px !important;
}
.customer-opinions-wrapper .right-picture-arrow {
  right: 8px;
}
.customer-opinions-wrapper .right-picture-arrow > .rc-icon::before {
  font-size: 25px !important;
}
.customer-opinions-wrapper .cancel > .rc-icon::before, .customer-opinions-wrapper .left-arrow > .rc-icon::before, .customer-opinions-wrapper .right-arrow > .rc-icon::before {
  font-size: 50px;
  color: white;
}
.customer-opinions-wrapper .left-arrow:hover > .rc-icon::before, .customer-opinions-wrapper .right-arrow:hover > .rc-icon::before {
  color: #3669C4;
}
.customer-opinions-wrapper .cancel:hover > .rc-icon::before {
  color: #d7032c;
}
.customer-opinions-wrapper .cancel {
  position: absolute;
  top: 16px;
  right: 16px;
  padding-right: 0;
}
.customer-opinions-wrapper .cancel > .rc-icon::before {
  font-size: 30px;
}
.customer-opinions-wrapper .cancel {
  z-index: 202;
}
.customer-opinions-wrapper .opinion-item-details-stars-grid {
  display: flex;
  flex-direction: row;
  padding: 0 0 10px 0;
  width: calc(100% - 20px);
}
.customer-opinions-wrapper .opinion-item-details-stars-grid > .opinion-item-details-stars-label {
  text-align: start;
  align-self: center;
  width: 33.3%;
}
.customer-opinions-wrapper .opinion-item-details-stars-grid > .opinion-item-details-stars-starslabel {
  text-align: end;
  align-self: center;
  width: 33.3%;
}
.customer-opinions-wrapper .opinion-item-details-stars-grid > .stars-wrapper {
  justify-content: flex-start;
  width: 33.3%;
}
.customer-opinions-wrapper .opinion-item-details-with-image .right-arrow-wrapper, .customer-opinions-wrapper .opinion-item-details-with-image .left-arrow-wrapper {
  width: auto;
}
.customer-opinions-wrapper .opinion-item-details-with-image .opinion-items-details-container {
  width: 100%;
}
@media only screen and (max-width: 950px) {
  .customer-opinions-wrapper .opinion-items-details-wrapper-with-image {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background-color: white;
  }
  .customer-opinions-wrapper .opinion-items-details-wrapper-with-image > .opinion-item-image-preview {
    padding-top: 35px;
    max-height: 40%;
    height: 40%;
    min-height: 40%;
    width: 100%;
  }
  .customer-opinions-wrapper .opinion-items-details-wrapper-with-image > .opinion-item-details-sheet {
    overflow-y: visible;
    width: calc(100% - 40px);
  }
  .customer-opinions-wrapper .opinion-items-details-wrapper, .customer-opinions-wrapper .opinion-items-details-wrapper-with-image {
    margin: 0;
    height: 100vh;
    box-shadow: none;
  }
  .customer-opinions-wrapper .opinion-item-details-sheet {
    padding: 20px;
  }
}
@media only screen and (max-width: 850px) {
  .customer-opinions-wrapper .customer-opinions-wrapper > .left-arrow-wrapper, .customer-opinions-wrapper .customer-opinions-wrapper > .right-arrow-wrapper {
    width: 20vw;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper > .opinion-item-details-container {
    width: 60vw;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-item-details-sheet, .customer-opinions-wrapper .customer-opinions-wrapper > .opinion-item-image-preview {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .customer-opinions-wrapper .customer-opinions-wrapper .left-arrow, .customer-opinions-wrapper .customer-opinions-wrapper .right-arrow {
    display: none !important;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .cancel > .rc-icon::before {
    color: #d7032c;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-items-details-wrapper-with-image, .customer-opinions-wrapper .customer-opinions-wrapper .opinion-items-details-wrapper {
    width: 100%;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-items-details-wrapper-with-image > .opinion-item-details-sheet, .customer-opinions-wrapper .customer-opinions-wrapper .opinion-items-details-wrapper-with-image > .opinion-item-image-preview, .customer-opinions-wrapper .customer-opinions-wrapper .opinion-items-details-wrapper > .opinion-item-details-sheet, .customer-opinions-wrapper .customer-opinions-wrapper .opinion-items-details-wrapper > .opinion-item-image-preview {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  .customer-opinions-wrapper .opinion-item-details-stars-grid .stars-wrapper {
    width: 66% !important;
    justify-content: flex-end;
  }
  .customer-opinions-wrapper .opinion-item-details-stars-grid .opinion-item-details-stars-starslabel {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .customer-opinions-wrapper .left-arrow-wrapper, .customer-opinions-wrapper .right-arrow-wrapper {
    display: none;
  }
  .customer-opinions-wrapper .cancel > .sgw-icon::before {
    color: #d7032c;
  }
  .customer-opinions-wrapper .opinion-items-details-container {
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
  }
  .customer-opinions-wrapper .opinion-item-details-sheet {
    max-width: unset !important;
    width: 100%;
  }
}
@media only screen and (max-width: 300px) {
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-item-details-stars-starslabel {
    display: none;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-item-details-stars-grid {
    flex-wrap: wrap;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-item-details-stars-grid .opinion-item-details-stars-label {
    width: 100%;
    justify-self: flex-start;
    text-align: start;
  }
  .customer-opinions-wrapper .customer-opinions-wrapper .opinion-item-details-stars-grid .stars-wrapper {
    width: 100% !important;
    justify-content: flex-start;
  }
}

#CustomerOpinions {
  text-align: left;
}

.customer-opinions-wrapper .rating-select-row {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  gap: 8px;
}
.customer-opinions-wrapper .rating-select-row > button.btn-action {
  flex: 1;
}
.customer-opinions-wrapper .rating-select-row > .rc-select-v2-container {
  min-width: 75px;
  width: calc(20% - 5px);
  background-color: white;
}
.customer-opinions-wrapper .rating-select-row > .rating-create-button {
  padding-left: 5px;
  padding-right: 5px;
  color: #3669C4;
  width: calc(40% - 10px);
}
.customer-opinions-wrapper .rating-select-row > .rating-create-button > .rc-icon:before {
  color: #3669C4;
}
@media only screen and (max-width: 1000px) {
  .customer-opinions-wrapper .rating-select-row {
    flex-wrap: wrap;
  }
  .customer-opinions-wrapper .rating-select-row > .rc-select-v2-container {
    width: unset;
    flex: auto;
    margin-bottom: 8px;
  }
  .customer-opinions-wrapper .rating-select-row > .rating-create-button {
    width: 100%;
  }
}

.customer-opinions-wrapper {
  position: relative;
  padding-top: 64px;
  padding-bottom: 128px;
  background-color: #F3F3F4 !important;
  font-family: "SourceSansPro-Regular", sans-serif !important;
  webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: unset !important;
  font-size: 16px;
  color: #000;
}
.customer-opinions-wrapper .customer-opinions-header-wrapper {
  padding: 0 16px;
  box-sizing: border-box;
}
.customer-opinions-wrapper .customer-opinions-header-wrapper, .customer-opinions-wrapper .customer-opinions-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.customer-opinions-wrapper .customer-opinions-content {
  display: flex;
  flex-wrap: wrap;
  max-width: 1680px;
  justify-content: center;
  font-size: 16px;
  padding: 4px;
  margin: 44px auto 0;
}
.customer-opinions-wrapper .customer-opinions-title {
  text-align: center;
  font-weight: lighter;
}
.customer-opinions-wrapper .customer-opinions {
  min-height: 100vh;
  margin: 0 auto;
}
.customer-opinions-wrapper .customer-opinions.empty-list {
  min-height: unset;
}
.customer-opinions-wrapper .customer-opinions-form {
  padding-top: 0;
  max-width: 800px;
  margin: 0 auto;
}
.customer-opinions-wrapper .customer-opinions-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.customer-opinions-wrapper .customer-opinions-show-more {
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.customer-opinions-wrapper .customer-opinions-show-more:hover > p {
  text-decoration: underline;
  color: #3669C4;
}
.customer-opinions-wrapper .customer-opinions-empty {
  min-height: available;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-opinions-wrapper .customer-opinions-wrapper, .customer-opinions-wrapper .customer-opinions {
  background-color: #F3F3F4;
}
.customer-opinions-wrapper .rc-select {
  background-color: transparent !important;
}
.customer-opinions-wrapper .rc-textarea, .customer-opinions-wrapper .rc-input {
  background-color: white !important;
}
.customer-opinions-wrapper .rc-file-upload > .btn-simple {
  background-color: white !important;
}
.customer-opinions-wrapper .select-options-wrapper {
  background-color: white !important;
}
.customer-opinions-wrapper .customer-opinions-rating-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  width: 100%;
  max-width: 600px;
}
.customer-opinions-wrapper .customer-opinions-header-simple {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  .customer-opinions-wrapper .customer-opinions-header > .customer-opinions-rating, .customer-opinions-wrapper .customer-opinions-header > .customer-opinions-rating-stars {
    width: 100%;
    margin: 0;
  }
}

.form-wrapper, .form-status-success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  background-color: transparent;
}
.form-wrapper .form-footer-group, .form-status-success .form-footer-group {
  width: 60%;
  padding-left: 40%;
}
.form-wrapper .form-footer-group > .form-element, .form-wrapper .form-footer-group .form-element-label, .form-status-success .form-footer-group > .form-element, .form-status-success .form-footer-group .form-element-label {
  font-weight: normal;
  width: auto;
}
.form-wrapper .form-footer-group .btn-submit, .form-status-success .form-footer-group .btn-submit {
  max-width: 162px;
}

.form-wrapper {
  position: relative;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.form-wrapper .form-container {
  width: 100%;
}
.form-wrapper .form-status-progress {
  position: relative;
  padding-bottom: 5rem;
}
.form-wrapper .success-icon {
  background-image: url("http://saal-digital.es/fileadmin/sg-saal/css/iconsprite.svg?2");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: -200px -50px;
  background-size: 1334%;
}
.form-wrapper .rc-complex-label {
  padding: 10px 0;
}
@media only screen and (max-width: 700px) {
  .form-wrapper .form-footer-group {
    padding-left: 0 !important;
    width: 100% !important;
  }
}

.stars-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.full-star, .one-quarter-star, .half-star, .three-quarter-star, .empty-star {
  background-image: url("https://photoservice.cloud/assets/svg/rating_stars.svg");
  background-repeat: no-repeat;
  background-size: 107%;
  height: 39px;
  width: 40px;
  background-position-x: -1px;
}

.full-star {
  background-position-y: 0;
}

.empty-star {
  background-position-y: -38.928px;
}

.one-quarter-star {
  background-position-y: -77.856px;
}

.half-star {
  background-position-y: -116.784px;
}

.three-quarter-star {
  background-position-y: -155.712px;
}

.small-full-star, .small-one-quarter-star, .small-half-star, .small-three-quarter-star, .small-empty-star {
  background-image: url("https://photoservice.cloud/assets/svg/rating_stars.svg");
  background-repeat: no-repeat;
  background-size: 106.9%;
  height: 29px;
  width: 30px;
  background-position-x: -1px;
}

.small-full-star {
  background-position-y: 0;
}

.small-empty-star {
  background-position-y: -29.196px;
}

.small-one-quarter-star {
  background-position-y: -58.392px;
}

.small-half-star {
  background-position-y: -87.588px;
}

.small-three-quarter-star {
  background-position-y: -116.784px;
}

.open-details {
  overflow: hidden;
}

.rc-dialog-open .saal-chat, #Chat {
  filter: unset !important;
}

.saal-chat-prevent-scrolling {
  overflow: hidden;
}

.saal-chat {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 100000;
}
.saal-chat .saal-chat-view.rc-mobile-view {
  position: relative;
  width: 375px;
  max-width: 100vw;
  height: 812px;
  max-height: 80vh;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  transition: height 0.5s ease, width 0.5s ease;
}
.saal-chat .saal-chat-view.rc-mobile-view.is-maximized {
  width: 656.25px;
  height: 1218px;
}
.saal-chat .saal-chat-view.rc-mobile-view > header[draggable=true] {
  cursor: move;
}
.saal-chat .saal-chat-view.rc-mobile-view > header {
  border-bottom: unset;
}
.saal-chat .saal-chat-view.rc-mobile-view > header .mobile-page-title {
  text-align: left;
  margin-left: 8px;
  font-size: 14px;
}
.saal-chat .saal-chat-view.rc-mobile-view > main {
  display: unset;
}
.saal-chat .saal-chat-view.rc-mobile-view > footer {
  box-shadow: unset;
  padding: 8px;
  max-width: 100vw;
}
.saal-chat .saal-chat-view.rc-mobile-view ol, .saal-chat .saal-chat-view.rc-mobile-view p, .saal-chat .saal-chat-view.rc-mobile-view ul {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 16px;
}
.saal-chat .saal-chat-view.rc-mobile-view ol, .saal-chat .saal-chat-view.rc-mobile-view ul {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.saal-chat.saal-phone-chat .saal-chat-view.rc-mobile-view {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: unset;
  z-index: 10000;
  overflow: hidden;
  background-color: white;
  max-height: unset;
}
.saal-chat .rc-textarea, .saal-chat .rc-textarea-v2-container {
  min-width: unset;
}
.saal-chat .saal-chat-button {
  position: relative;
  cursor: pointer;
}
.saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  background-color: #efefef;
}
.saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  font-size: 32px !important;
  line-height: 32px;
  height: 32px;
  width: 32px;
  transform: translate(-50%, -50%);
  color: #6e6e6e;
  background-color: unset;
}
.saal-chat .saal-chat-button .saal-chat-button-notifier {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D9052F;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(6px, -16px);
}
.saal-chat .saal-chat-button .saal-chat-button-label {
  font-size: 12px;
  line-height: 12px;
  margin-top: -16px;
  text-align: center;
}
.saal-chat.saal-webshop-chat {
  margin-bottom: unset;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saal-chat.saal-webshop-chat .saal-chat-button {
  height: 48px;
}
.saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  height: 26px;
}
.saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  font-size: 26px !important;
  line-height: 26px;
  height: 26px;
  width: 26px;
}
.saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  margin-top: unset;
}
.saal-chat.saal-webshop-chat.saal-phone-chat {
  min-height: 42px;
  justify-content: unset;
}
.saal-chat.saal-webshop-chat.saal-phone-chat .saal-chat-button {
  height: 42px;
}
.saal-chat .saal-chat-form-view {
  padding: 16px;
  justify-content: center;
  display: block;
}
.saal-chat .saal-chat-form-view .saal-chat-form-sent {
  text-align: center;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container {
  background-color: #ffffff;
  padding: 16px;
  box-sizing: border-box;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container .saal-chat-form-container-element {
  width: 100%;
  text-align: start;
  font-size: 14px;
  padding-right: 4px;
  padding-left: 4px;
  box-sizing: border-box;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container .saal-chat-form-container-element > * {
  width: 100%;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container .saal-chat-form-container-element .rc-checkbox {
  align-items: unset;
  padding: 8px 0;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container .saal-chat-form-container-element .rc-checkbox .rc-checkbox-box {
  margin-right: 16px;
  margin-top: 4px;
}
.saal-chat .saal-chat-form-view .saal-chat-form-container .saal-chat-form-container-element .saal-chat-form-container-required-hint {
  margin-right: 16px;
  font-size: 12px;
  color: #707070;
}
.saal-chat .saal-chat-form-view > p {
  font-size: 14px;
  margin-bottom: 16px;
}
.saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns {
  width: 100%;
  font-size: 14px;
}
.saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star {
  flex-wrap: wrap;
  justify-content: space-between;
}
.saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .stars {
  width: unset;
}
.saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .stars .star-off, .saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .stars .star-on {
  height: 24px;
  width: 24px;
}
.saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .rc-star-label-wrapper:first-child {
  max-width: unset;
  width: 100%;
}
.saal-chat .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .rc-star-label-wrapper:last-child {
  max-width: unset;
  min-width: unset;
  width: unset;
}
.saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns {
  width: 100%;
  font-size: 14px;
}
.saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star {
  flex-wrap: wrap;
  justify-content: space-between;
}
.saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .stars {
  width: 160px;
  margin-right: unset;
}
.saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .stars .star-off, .saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .stars .star-on {
  height: 24px;
  width: 24px;
}
.saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .rc-star-label-wrapper:first-child {
  max-width: unset;
  width: auto;
}
.saal-chat .is-maximized .saal-chat-form-view.saal-chat-survey-form .rc-form-element.start-one-span-three-columns .rc-component.rc-star .rc-star-label-wrapper:last-child {
  width: 100%;
  align-items: flex-end;
}
.saal-chat .saal-chat-status-chip {
  flex: 0;
}
.saal-chat .saal-chat-status-chip .saal-chat-status-chip-label {
  height: auto;
  color: #fff;
  align-self: center;
  border-radius: 4px;
  font-size: 12px;
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0 8px;
  align-items: center;
}
.saal-chat .saal-chat-status-chip.chat-available .saal-chat-status-chip-label {
  background-color: #669a19;
}
.saal-chat .saal-chat-status-chip.chat-not-available .saal-chat-status-chip-label {
  background-color: #6e6e6e;
}
.saal-chat .saal-chat-input-form {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
}
.saal-chat .saal-chat-input-form .rc-textarea, .saal-chat .saal-chat-input-form .rc-textarea-v2-container {
  min-width: unset;
  min-height: unset;
  flex: 1;
  display: flex;
}
.saal-chat .saal-chat-input-form .rc-textarea:not(.focus), .saal-chat .saal-chat-input-form .rc-textarea-v2-container:not(.focus) {
  border-bottom: 1px solid transparent;
}
.saal-chat .saal-chat-input-form .rc-textarea textarea, .saal-chat .saal-chat-input-form .rc-textarea-v2-container textarea {
  position: relative;
  inset: unset;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog {
  position: absolute;
  bottom: calc(100% + 16px);
  left: 0;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  background-color: white;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-cancel {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  padding: unset;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content {
  padding: 8px;
  box-sizing: border-box;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 50%;
  padding: unset;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon:before {
  color: white;
  width: 22px;
  height: 22px;
  inset: 53% 0 0 53%;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon.steps_summary {
  background-color: #6c9d0d;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content .saal-chat-upload-dialog-caption .rc-icon.sgw-icon.pending_hourglass {
  background-color: #6e6e6e;
}
.saal-chat .saal-chat-input-form .saal-chat-upload-dialog .saal-chat-upload-dialog-content button {
  width: 100%;
}
.saal-chat .saal-chat-message-items-list {
  padding: 8px 16px;
  justify-content: flex-end;
  min-height: 100%;
  height: unset;
}
.saal-chat .saal-chat-message-items-list > div {
  margin: 8px 0;
}
.saal-chat .saal-chat-message-items-list > div.has-following-message {
  margin-bottom: 2px;
}
.saal-chat .saal-chat-message-items-list > div.following-message {
  margin: 2px 0;
}
.saal-chat .saal-chat-message-items-list > div.following-message:last-child {
  margin-bottom: 8px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-closed, .saal-chat .saal-chat-message-items-list .saal-chat-message-reopen-button {
  width: 100%;
  text-align: center;
  margin: 32px 0;
  font-size: 14px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-closed {
  margin-bottom: 0;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item {
  display: flex;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .rc-avatar, .saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-avatar-placeholder {
  margin-right: 8px;
  min-width: 26px;
  height: 26px;
  width: 26px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .rc-avatar.avatar-from-text > span {
  font-size: 14px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-text {
  padding: 8px 16px;
  border-radius: 2px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-text > div:not(.saal-chat-message-item-content) {
  display: flex;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-text .rc-label-component {
  font-size: 12px;
  line-height: 15px;
  color: #676767;
  margin-right: 32px;
  min-height: unset;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item .saal-chat-message-item-download {
  display: flex;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-employee .saal-chat-message-item-text {
  background-color: #ffffff;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-ai .rc-avatar.avatar-from-text {
  background: radial-gradient(349.6% 141.42% at 0% 0%, #8D3DCA 0%, #3669C4 100%);
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-ai .rc-avatar.avatar-from-text span {
  color: #ffffff;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-ai .saal-chat-message-item-text {
  background-color: #ffffff;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-user {
  align-self: flex-end;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item.saal-chat-message-item-user .saal-chat-message-item-text {
  background-color: #E1E9F6;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content {
  font-size: 14px;
  line-height: 18px;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content a {
  text-decoration: none;
  color: #3669C4;
  word-break: break-all;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-item-content img {
  max-width: 100%;
  height: auto;
}
.saal-chat .saal-chat-message-items-list .saal-chat-message-pending {
  align-self: flex-end;
  width: 32px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side, #3669c4 90%, #0000);
  background: var(--_g) 0 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  20% {
    background-position: 0 0, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0 100%, 50% 0, 100% 50%;
  }
  60% {
    background-position: 0 50%, 50% 100%, 100% 0;
  }
  80% {
    background-position: 0 50%, 50% 50%, 100% 100%;
  }
}

.desktop-menu-wrapper .saal-chat, .designer-right-column .saal-chat {
  position: relative;
  inset: unset;
  width: 100%;
}
.desktop-menu-wrapper .saal-chat .saal-chat-button, .designer-right-column .saal-chat .saal-chat-button {
  width: 100%;
  height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  padding: 16px 6px;
}
.desktop-menu-wrapper .saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble, .designer-right-column .saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.desktop-menu-wrapper .saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before, .designer-right-column .saal-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  color: #525252;
}
.desktop-menu-wrapper .saal-chat .saal-chat-button .saal-chat-button-label, .designer-right-column .saal-chat .saal-chat-button .saal-chat-button-label {
  font-size: 12px;
  line-height: 14px;
  color: #525252;
}
.desktop-menu-wrapper .saal-chat .saal-chat-button:hover::after, .designer-right-column .saal-chat .saal-chat-button:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
}
.desktop-menu-wrapper .saal-chat .saal-chat-button:active::after, .designer-right-column .saal-chat .saal-chat-button:active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%);
}
.desktop-menu-wrapper .saal-chat .saal-chat-view.rc-mobile-view, .designer-right-column .saal-chat .saal-chat-view.rc-mobile-view {
  position: absolute;
  top: unset;
}

.desktop-menu-wrapper .saal-chat .saal-chat-view.rc-mobile-view {
  left: 100%;
  bottom: 0;
  right: unset;
}

.designer-right-column .saal-chat .saal-chat-view.rc-mobile-view {
  right: 100%;
  bottom: 0;
  left: unset;
}

.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat {
  position: relative;
  inset: unset;
  min-height: unset;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button {
  height: 36px;
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 0 32px 8px;
  font-size: 14px;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
  font-size: inherit !important;
  margin-top: 4px;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  margin-top: unset;
  font-size: 14px;
}
.bulk-orderer-edit-tool-bar .saal-chat.saal-webshop-chat .saal-chat-view.rc-mobile-view {
  position: absolute;
  left: 0;
  top: 100%;
  right: unset;
  bottom: unset;
}

.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat, .rc-mobile-view header .saal-chat.saal-phone-chat, .chat-menu-option .saal-chat.saal-phone-chat {
  position: unset;
  flex: unset;
  flex-basis: 75px;
  display: flex;
  margin-top: 6px;
  min-height: unset;
  padding: 8px;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat .saal-chat-button, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button, .chat-menu-option .saal-chat.saal-phone-chat .saal-chat-button {
  height: unset;
  justify-content: flex-start;
  align-items: center;
  white-space: normal;
  display: flex;
  padding: unset;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label, .chat-menu-option .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label {
  margin-top: unset;
  font-size: 14px;
  line-height: 20px;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier, .chat-menu-option .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier {
  left: 40%;
  top: 35%;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble, .chat-menu-option .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  position: relative;
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: inherit !important;
  margin: unset;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before, .chat-menu-option .saal-chat.saal-phone-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  font-size: 20px !important;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.chat-menu-option .saal-chat.saal-phone-chat.saal-webshop-chat, .chat-menu-option.landscape .saal-chat.saal-webshop-chat {
  height: 23px;
  min-height: 23px;
  margin-top: 0;
  position: unset;
  justify-content: start;
}
.chat-menu-option .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button, .chat-menu-option.landscape .saal-chat.saal-webshop-chat .saal-chat-button {
  min-height: 20px;
  height: 20px;
  display: flex;
  gap: 6px;
}
.chat-menu-option .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble, .chat-menu-option.landscape .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  width: 20px;
  height: 20px;
  background: transparent;
  box-shadow: none;
}
.chat-menu-option .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before, .chat-menu-option.landscape .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  font-size: 20px !important;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.chat-menu-option .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label, .chat-menu-option.landscape .saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  color: #525252;
  font-size: 14px;
  line-height: 20px;
}
.chat-menu-option .saal-chat.saal-phone-chat.saal-webshop-chat.portrait .saal-chat-button, .chat-menu-option.landscape .saal-chat.saal-webshop-chat.portrait .saal-chat-button {
  min-height: unset;
}

.mobile-navigation-tabs-item .navigation-item-avatar {
  flex-direction: row;
  padding-left: 16px;
  justify-content: unset;
}
.mobile-navigation-tabs-item .navigation-item-avatar .rc-avatar.rc-mobile-component {
  margin-right: 8px;
}
.mobile-navigation-tabs-item .navigation-item-avatar .avatar-label {
  font-size: 16px;
}

.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat.saal-webshop-chat {
  margin-top: unset;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  display: flex;
  gap: 6px;
}
.mobile-navigation-option-wrapper .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  width: 20px;
  height: 20px;
}

.rc-mobile-view header .saal-chat.saal-phone-chat {
  flex-basis: unset;
  margin-top: unset;
  margin-right: 8px;
}
.rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button {
  min-height: unset;
}
.rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-label {
  display: none;
}
.rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button .saal-chat-button-notifier {
  left: 30%;
  top: 60%;
}

#NewsletterForm.newsletter-success .newsletter-success-confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 48px 16px;
  clear: both;
  text-align: center;
  background-color: #efefef;
  min-height: 10em;
  overflow: hidden;
}
#NewsletterForm.newsletter-success .newsletter-success-confirmation .rc-icon,
#NewsletterForm.newsletter-success .newsletter-success-confirmation .rc-icon::before {
  color: #6c9d0d;
  background-color: #ffffff;
  border-radius: 50%;
}
#NewsletterForm.newsletter-success .newsletter-success-confirmation .rc-icon::before {
  height: 64px;
  width: 64px;
  font-size: 64px;
  line-height: 64px;
}
#NewsletterForm.newsletter-success .newsletter-success-confirmation.not_found {
  color: #d9052f;
}
#NewsletterForm.newsletter-success .newsletter-success-confirmation.not_found .rc-icon.close::before {
  background-color: #ffffff;
  color: #d9052f;
}
#NewsletterForm.newsletter-success .newsletter-success-btn {
  display: flex;
  justify-content: center;
  color: #3669c4;
}

#NewsletterForm form .form-section-caption {
  padding-top: 16px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: left;
}
#NewsletterForm form .inputs-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#NewsletterForm form .checkboxes-container,
#NewsletterForm form .radio-container .rc-radio-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
#NewsletterForm form .checkboxes-container .rc-checkbox-wrapper,
#NewsletterForm form .radio-container .rc-radio-group .rc-checkbox-wrapper {
  flex-basis: calc(50% - 8px);
}
#NewsletterForm form .checkboxes-container .rc-checkbox-wrapper .rc-checkbox-label,
#NewsletterForm form .radio-container .rc-radio-group .rc-checkbox-wrapper .rc-checkbox-label {
  font-size: 16px;
}
#NewsletterForm form .checkboxes-container .btn-simple,
#NewsletterForm form .radio-container .rc-radio-group .btn-simple {
  flex-basis: 100%;
  text-decoration: underline;
  color: #3669c4;
}
#NewsletterForm form .checkboxes-container .rc-radio,
#NewsletterForm form .radio-container .rc-radio-group .rc-radio {
  font-size: 16px;
}
#NewsletterForm form .confirmation-container {
  margin-top: 16px;
}
#NewsletterForm form .confirmation-container .rc-checkbox {
  display: flex;
  align-items: flex-start;
}
#NewsletterForm form .confirmation-container .rc-checkbox .rc-checkbox-box {
  margin-top: 4px;
}
#NewsletterForm form .confirmation-container .rc-checkbox .rc-checkbox-label {
  font-size: 16px;
}
#NewsletterForm form .form-footer-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  border-top: solid 1px #CCCCCC;
  padding-top: 4px;
}
#NewsletterForm form .form-footer-container .btn-container {
  align-self: flex-end;
}
#NewsletterForm form .form-footer-container .btn-container.full-width {
  padding-top: 8px;
  align-self: unset;
}
#NewsletterForm form .form-footer-container .form-error {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #d9052f;
  color: #ffffff;
  min-width: 150px;
  font-size: 14px;
  padding: 4px 32px 4px 8px;
}
#NewsletterForm form .full-width {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 8px;
}
#NewsletterForm form .full-width .rc-input-v2-container {
  flex-basis: 100%;
}
#NewsletterForm form .full-width .rc-input-v2-container input {
  font-size: 16px;
}
#NewsletterForm form .full-width .rc-radio-group {
  flex-basis: 100%;
}
#NewsletterForm form .half-width {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 1px;
}
#NewsletterForm form .half-width > div {
  flex-basis: calc(50% - 8px);
  border-radius: 0;
}
#NewsletterForm.isMobile .checkboxes-container,
#NewsletterForm.isMobile .radio-container .rc-radio-group {
  flex-direction: column;
}
#NewsletterForm.isMobile .radio-container .rc-radio-group {
  gap: 0;
}
#NewsletterForm.isMobile .form-footer-container .form-error {
  width: 90%;
  z-index: 1;
}

.rc-checkbox.rc-error-checkbox .rc-checkbox-label {
  color: #d9052f;
}
.rc-checkbox .rc-error-label {
  visibility: visible;
}