@import url("https://photoservice.cloud/assets/SgwIcons/reset.css?tstamp=1743568415");
@import url("https://photoservice.cloud/assets/SgwIcons/icons.css?tstamp=1743568415");
@import url("https://photoservice.cloud/assets/css/fonts.css?tstamp=1743568415");
.rc-alert > * {
  text-align: center;
}
.rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content {
  width: 80vw;
}
.rc-alert.tablet.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-content p, .rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-content p {
  margin-bottom: 8px;
}
.rc-alert.tablet.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer, .rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer {
  padding: unset;
}
.rc-alert.tablet.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button, .rc-alert.phone.lock-view-dialog .rc-dialog-wrapper .rc-dialog-content .rc-alert-footer button {
  background-color: #efefef;
  color: #000;
  border-radius: 6px;
  padding: 8px 32px;
  flex: unset;
}
.rc-alert .rc-alert-content {
  text-align: left;
  margin-bottom: 16px;
}
.rc-alert .rc-alert-content p {
  font-size: 14px;
  min-height: 36px;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
  margin-bottom: 8px;
  flex: 1;
}
.rc-alert .rc-alert-content p a {
  text-decoration: underline;
}
.rc-alert .rc-alert-content .rc-alert-content-info {
  display: flex;
  margin-top: 16px;
}
.rc-alert .rc-alert-content .rc-alert-content-info .rc-icon.circle-icon-huge {
  background-color: unset;
}
.rc-alert .rc-alert-footer {
  display: flex;
  justify-content: center;
}
.rc-alert .rc-alert-footer .rc-alert-button {
  text-align: center;
}
.rc-alert.info-popup .rc-dialog-content {
  max-height: 90vh;
}
.rc-alert.info-popup .rc-alert-content {
  font-size: 14px;
  overflow-y: auto;
}
.rc-alert.info-popup .rc-alert-footer {
  margin-top: 16px;
}

.rc-alert-title {
  display: flex;
  justify-content: left;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

.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 {
  /*.sgw-icon:before {
  		color: $FormLabelHoverColor;
  }*/
}
.btn-simple.keyboard-focus:focus *, .btn-simple:focus * {
  text-decoration: underline;
  text-underline-position: under;
}
.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 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px 0 16px;
}
.btn-icon.btn-icon-after-text {
  padding: 0 16px 0 32px;
}
.btn-icon.btn-icon-after-text.button-link {
  padding: 0 8px 0 16px;
}
.btn-icon.btn-icon-after-text .sgw-icon {
  margin-right: unset;
  margin-left: 8px;
}
.btn-icon .sgw-icon:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.btn-icon.btn-icon-only:not(.numeric-arrow-down):not(.numeric-arrow-up) {
  padding: 0;
  width: 36px;
  height: 36px;
}

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

.btn-icon .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 {
  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 {
  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.ios-mobile-device {
  padding-bottom: 24px;
}
.rc-floating-button.ios-mobile-device .btn-disabled {
  opacity: unset;
  pointer-events: none;
  touch-action: none;
  color: #6e6e6e;
}
.rc-floating-button .rc-mobile-component {
  opacity: unset;
}
.rc-floating-button 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 button:active {
  background-color: #6c9d0d;
  pointer-events: all;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}
.rc-floating-button button.btn-disabled {
  background-color: #d8d8d8;
  pointer-events: none;
  color: #2C2C2C;
}
.rc-floating-button 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;
  /*&.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 .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.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;
  /*&.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 .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.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;
}

.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 {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.rc-checkbox.rc-error-checkbox .rc-checkbox-box {
  border-color: #d9052f;
}
.rc-checkbox.error-focus .rc-error-label {
  display: block;
}
.rc-checkbox .rc-error-label {
  visibility: hidden;
}
.rc-checkbox .rc-error-label .rc-error-close {
  display: none;
}
.rc-checkbox .rc-checkbox-box {
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  background-color: #FFFFFF;
  position: relative;
  margin-right: 8px;
}
.rc-checkbox .rc-checkbox-box.rc-checkbox-light {
  background-color: #ffffff;
}
.rc-checkbox .rc-checkbox-box .sgw-icon.minimize:before {
  top: 15%;
}
.rc-checkbox .rc-checkbox-box .sgw-icon.steps_summary:before {
  font-size: 16px;
  line-height: 21px;
  padding-left: 4px;
}
.rc-checkbox .rc-checkbox-box .sgw-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-checkbox.checkbox-disabled {
  cursor: auto;
}
.rc-checkbox.checkbox-disabled .rc-checkbox-box {
  background-color: #efefef;
}
.rc-checkbox .rc-checkbox-label {
  font-size: 14px;
}
.rc-checkbox .rc-checkbox-label a {
  color: #3669c4;
}
.rc-checkbox:not(.checkbox-disabled):hover .rc-checkbox-box {
  border-color: #3669c4;
}
.rc-checkbox:not(.checkbox-disabled):hover .sgw-icon:before {
  color: #3669c4;
}
.rc-checkbox.redesign {
  align-items: center;
}
.rc-checkbox.redesign.selected .rc-checkbox-box {
  border: unset;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  background-color: #3669C4;
}
.rc-checkbox.redesign.selected .rc-checkbox-box .sgw-icon {
  width: 24px;
  height: 24px;
}
.rc-checkbox.redesign.selected .rc-checkbox-box .sgw-icon:before {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 14px;
  top: 0;
  left: 0;
  padding-top: 5px;
  transform: none;
  color: #FFFFFF;
}
.rc-checkbox.redesign.selected.checkbox-disabled .rc-checkbox-box {
  background-color: #cbcaca;
}
.rc-checkbox.redesign.selected.checkbox-disabled .rc-checkbox-label {
  color: #cbcaca;
}
.rc-checkbox.redesign.not-selected .rc-checkbox-box {
  background-color: #FFFFFF;
  border: 1px solid #525252;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  box-sizing: border-box;
}
.rc-checkbox.redesign.not-selected.checkbox-disabled .rc-checkbox-box {
  border: 1px solid #cbcaca;
}
.rc-checkbox.redesign.not-selected.checkbox-disabled .rc-checkbox-label {
  color: #cbcaca;
}
.rc-checkbox.redesign .rc-checkbox-label {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.rc-checkbox:hover .rc-error-label {
  visibility: visible;
}

.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: white;
  }
  40% {
    background-color: rgba(115, 199, 255, 0.5);
  }
  60% {
    background-color: rgba(115, 199, 255, 0.5);
  }
  100% {
    background-color: white;
  }
}
.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;
  /*&.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.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-checkbox .group-content-checkbox-infonode, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-infonode {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon {
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 50%;
  margin-left: 16px;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon:before, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-infonode .rc-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-checkbox .group-content-checkbox-description, .content-group-table-row .group-content.group-content-checkbox .group-content-checkbox-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-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-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.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;
  /*> span:not(.ql-header.ql-picker), > button {
  		width: auto !important;
  }*/
}
.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 .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;
}

.rc-color-picker {
  height: 36px;
  position: relative;
  user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
  padding: 0 8px;
  max-width: 200px;
  width: auto;
  border-bottom: 1px solid #cccccc;
  border-radius: 6px;
}
.rc-color-picker.rc-mobile-component {
  height: 44px;
}
.rc-color-picker:hover {
  border-bottom-color: #3669c4;
}
.rc-color-picker .color-picker-label-container {
  user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  max-width: 200px;
  width: 100%;
}
.rc-color-picker .rc-label-component {
  flex: auto;
}
.rc-color-picker .picker-color {
  width: 19px;
  height: 19px;
}
.rc-color-picker.rc-colorpicker-dark {
  background: #EFEFEF;
}
.rc-color-picker.rc-colorpicker-light {
  background: #FFFFFF;
}
.rc-color-picker.rc-colorpicker-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.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 .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;
}

.redesign .rc-component.rc-color-picker.rc-mobile-component, .redesign .rc-component.rc-color-picker.rc-tablet {
  background-color: #FFFFFF;
  border-radius: 14px;
  border: 1px solid #525252;
  padding: 8px 16px;
  height: 42px;
}
.redesign .rc-component.rc-color-picker.rc-mobile-component .color-picker-label-container, .redesign .rc-component.rc-color-picker.rc-tablet .color-picker-label-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.redesign .rc-component.rc-color-picker.rc-mobile-component .color-picker-label-container .rc-label-component, .redesign .rc-component.rc-color-picker.rc-tablet .color-picker-label-container .rc-label-component {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.redesign .rc-component.rc-color-picker.rc-mobile-component .color-picker-label-container .picker-color, .redesign .rc-component.rc-color-picker.rc-tablet .color-picker-label-container .picker-color {
  width: 18px;
  height: 18px;
  border: 1px solid #CBCACA;
  border-radius: 50%;
}

#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;
}
#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;
}

.redesign-tablet .color-picker-label-container {
  max-width: unset;
}

.rc-confirm {
  z-index: 100100 !important;
  /*> * {
  		text-align: center;
  }*/
}
.rc-confirm.redesign.redesign-tablet .rc-confirm-footer {
  width: 100%;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content {
  padding: 24px 24px 16px 24px;
  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-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-title {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 11px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-content {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 24px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-content p {
  margin-bottom: unset;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-content .rc-radio-group {
  margin-top: 24px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: unset;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer button {
  border: unset;
  display: flex;
  height: 30px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  flex: unset;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer button:last-child {
  color: #3776B2;
  padding: 8px 8px 8px 24px;
}
.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer button .btn-label {
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.rc-confirm .rc-confirm-content {
  text-align: left;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content {
  height: 50vh;
  width: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content h2 {
  margin: 16px 0 8px 0;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content ul {
  list-style-type: circle;
}
.rc-confirm.bleed-info .rc-dialog-content .rc-confirm-content ul li {
  list-style-type: circle;
  margin: 0 0 8px 32px;
}

.rc-confirm-footer {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.rc-confirm-footer button:first-child {
  margin-right: 4px;
}
.rc-confirm-footer button:last-child {
  margin-left: 4px;
}

.rc-confirm-title {
  display: flex;
  justify-content: left;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

.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) {
  -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.redesign .rc-dialog-wrapper .rc-dialog-content {
  display: flex;
  width: 279px;
  padding: 24px 24px 16px 24px;
  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 .rc-dialog-wrapper .rc-dialog-content .title {
  position: unset;
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.rc-dialog.redesign .rc-dialog-wrapper .rc-dialog-content .content {
  margin-bottom: 32px;
  width: 100%;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons {
  display: flex;
  align-self: end;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button {
  height: 30px;
  padding: 8px 24px;
  color: #3776B2;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button.btn-simple.btn-redesign {
  border: unset !important;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button:last-child {
  border-radius: 120px;
  background: #6C9D0D;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button:last-child .btn-label {
  color: #FFFFFF;
}
.rc-dialog.redesign .rc-dialog-wrapper .footer-buttons button .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.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: unset;
  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: 36px;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button {
  z-index: 1;
}
.rc-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .dialog-title {
  min-height: 36px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 0 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: 16px 16px 0;
  margin-bottom: 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-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;
    /*@media (max-height: 800px) {
    		overflow-y: auto;
    }*/
  }
  .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;
  }
  .rc-dialog.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content {
    padding: 24px 24px 16px 24px !important;
  }
  .rc-dialog.rc-confirm.redesign .rc-dialog-wrapper .rc-dialog-content .rc-confirm-footer {
    width: 100%;
  }
  .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;
  }
  .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 .cancel-button, .form-footer-groupped-buttons .right-group .cancel-button {
  padding-left: 0;
}
.form-footer-groupped-buttons .left-group .cancel-button.btn-icon .sgw-icon, .form-footer-groupped-buttons .right-group .cancel-button.btn-icon .sgw-icon {
  margin-right: 0;
}
.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 {
  position: relative;
  height: 36px;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-end;
  cursor: text;
  min-width: 80px;
  border-radius: 6px;
}
.rc-input.redesign {
  border-radius: 14px;
  background-color: #FFFFFF !important;
  padding: 8px 16px;
  border: 1px solid #525252;
}
.rc-input.redesign input {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: #fff;
}
.rc-input.redesign label, .rc-input.redesign .rc-label.empty-input {
  position: absolute;
  left: 15px;
  top: -8px;
  padding: 0px 4px;
  background-color: #FFFFFF;
  color: #525252;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.rc-input.redesign .rc-label.empty-input:not(.focus) {
  top: 50%;
  font-size: 16px;
}
.rc-input.redesign.redesign-tablet {
  height: 42px;
  align-items: center;
}
.rc-input.rc-empty-input:not(.focus) .rc-label {
  margin-top: 0;
}
.rc-input.rc-input-dark {
  background-color: #EFEFEF;
}
.rc-input.rc-input-light {
  background-color: #FFFFFF;
}
.rc-input.rc-input-small {
  height: 25px;
  min-width: 50px;
}
.rc-input.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-input:hover {
  border-bottom: 1px solid #3669c4;
}
.rc-input:hover .rc-label {
  color: #3669c4;
}
.rc-input.valid {
  border-bottom: 1px solid #6c9d0d;
}
.rc-input.valid .rc-label {
  color: #6c9d0d;
}
.rc-input.valid:before {
  position: absolute;
  right: 8px;
  top: 4px;
  left: auto;
  color: #6C9D0D;
  background-color: transparent;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 14px;
}
.rc-input.focus.redesign {
  border: 1px solid #3669c4;
}
.rc-input.focus:not(.redesign) {
  border-bottom: 1px solid #3669c4;
}
.rc-input.focus .rc-error {
  display: block;
}
.rc-input.focus .rc-label {
  color: #3669c4;
}
.rc-input .rc-label {
  font-size: 12px;
  line-height: calc(12px + 2px);
  color: #5d5d5d;
  position: absolute;
  top: 4px;
  left: 8px;
  cursor: default;
  pointer-events: none;
  touch-action: none;
  transition: all 0.3s;
  z-index: 1;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 28px);
}
.rc-input .rc-label .rc-icon {
  display: inline-flex;
  padding-left: 14px;
  height: inherit;
  position: relative;
}
.rc-input .rc-label .sgw-icon:before,
.rc-input .rc-label .checkbox:before,
.rc-input .rc-label .sgw-upload-stage:before {
  color: inherit;
}
.rc-input .rc-label.empty-input {
  top: 50%;
  font-size: 14px;
  line-height: 16px;
  color: #2C2C2C;
  transform: translate(0, -50%);
  z-index: 0;
  white-space: unset;
}
.rc-input .preview-password-eye {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-input .input-calendar-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.rc-input .input-date-no-button input[type=date]::-webkit-inner-spin-button,
.rc-input .input-date-no-button input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.rc-input .rc-input-wrapper {
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  width: 100%;
  padding-left: 8px;
}
.rc-input .rc-input-wrapper input {
  font-family: "SourceSansPro-Regular", sans-serif;
  flex: auto;
  height: auto;
  width: 100%;
  border: none;
  font-size: 14px;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
  margin: 0;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-day-field,
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-month-field,
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-datetime-edit-year-field,
.rc-input .rc-input-wrapper.no-date-value input[type=date]::-webkit-input-placeholder {
  opacity: 0;
}
.rc-input.mobile-numeric {
  display: flex;
}
.rc-input.mobile-numeric .rc-input-wrapper {
  height: 100%;
  flex: 1;
}
.rc-input.mobile-numeric .rc-input-wrapper input {
  text-align: center;
}
.rc-input.mobile-numeric .btn-simple.btn-icon-only {
  width: 44px;
  height: 44px;
  max-height: 100%;
}
.rc-input.rc-empty-input:not(.focus) .rc-input-wrapper {
  display: flex;
  align-self: center;
}
.rc-input .numeric-buttons {
  justify-self: flex-end;
  position: relative;
  display: flex;
  flex-direction: column;
}
.rc-input .numeric-buttons :hover {
  background-color: #e2e2e2;
}
.rc-input .numeric-buttons .numeric-arrow-down {
  height: 17px;
  padding: 0;
  overflow: hidden;
}
.rc-input .numeric-buttons .numeric-arrow-up {
  height: 17px;
  padding: 0;
  overflow: hidden;
}
.rc-input .numeric-buttons .sgw-icon {
  height: 17px;
}
.rc-input .numeric-buttons .sgw-icon :before {
  color: #6e6e6e;
  height: 17px;
  line-height: 17px;
}
.rc-input .numeric-buttons > div {
  width: 21px;
  height: 21px;
  position: relative;
}
.rc-input.rc-mobile-component {
  height: 44px;
}
.rc-input.rc-mobile-component.redesign {
  height: 42px;
}
.rc-input.rc-mobile-component .rc-input-wrapper {
  align-items: end;
}
.rc-input.rc-mobile-component .rc-label.empty-input {
  font-size: 16px;
}
.rc-input.rc-mobile-component .rc-input-wrapper input {
  font-size: 16px;
}
.rc-input.rc-mobile-component.redesign .rc-label.empty-input {
  font-size: 12px;
}
.rc-input input[type=date] {
  min-height: 24px;
  padding-right: 8px;
}
.rc-input + .input-error-below {
  color: #d9052f;
  font-size: 12px;
  line-height: 15px;
}

.input-slider-redesign {
  position: relative;
  height: 42px;
}
.input-slider-redesign.tablet {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.input-slider-redesign.tablet .rc-icon.sgw-icon.clickable {
  font-size: 18px;
  width: 18px;
  height: 18px;
  padding-left: unset;
  top: 16px;
}
.input-slider-redesign.tablet .rc-icon.sgw-icon.clickable.before {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.input-slider-redesign .rc-input.focus {
  border: 1px solid #525252;
}
.input-slider-redesign .rc-input.focus .rc-label {
  color: #525252;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign {
  position: relative;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign .rc-input-wrapper {
  position: absolute;
  top: 11px;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign .rc-input-wrapper input {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign:hover {
  border-bottom: 1px solid #525252;
}
.input-slider-redesign .rc-component.rc-input.rc-mobile-component.redesign .rc-label:hover {
  color: #525252;
}
.input-slider-redesign .rc-icon.sgw-icon {
  position: absolute;
  right: 16px;
  top: 21px;
  font-size: 20px;
}
.input-slider-redesign .rc-icon.sgw-icon:before {
  font-family: "icomoon";
}

.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.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;
  /*> 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;
  }*/
  /* Indeterminate */
  /* .rc-loader-circular:indeterminate::-ms-fill {
       animation-name: -ms-ring;
   }*/
}
.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 .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 .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;
}
@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: 8px 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
}
.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.sort-view-footer-redesign .apply-button {
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: unset;
  border-radius: 120px;
  background-color: #6C9D0D;
  width: 100%;
  color: #FFFFFF;
}
.rc-mobile-view footer.sort-view-footer-redesign .apply-button .btn-label {
  text-transform: uppercase;
  font-size: 15px;
  font-family: "SourceSansPro-Regular";
  font-weight: 400;
  line-height: 17px;
}
.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%;
  margin-bottom: 16px;
  margin-top: 16px;
}
.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;
}
@media only screen and (max-width: 1024px) {
  .rc-mobile-view footer :not(.redesign) {
    align-items: center;
  }
}

.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: 48px;
  align-items: center !important;
}
.footer-redesign.redesign.footer-tablet.footer-redesign-tablet-landscape .tablet-left-info {
  display: flex;
  padding-left: 32px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  gap: 48px;
}
.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 {
  padding: 8px 16px 0 16px;
}
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 .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 44px;
  width: 100%;
  background-color: #ffffff;
  top: 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  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 {
  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.mobile-options-header .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
.rc-mobile-view > header.redesign.mobile-options-header .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
.rc-mobile-view > header.redesign.mobile-options-header .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: 16px 12px;
}
.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 .tablet-header-left > .btn-simple {
  width: 102px;
  height: 32px;
  flex: unset;
}
.rc-mobile-view > header.redesign .tablet-header .mobile-page-title {
  text-overflow: ellipsis;
  flex: unset;
}
.rc-mobile-view > header.redesign .tablet-header > button {
  width: 102px;
  height: 32px;
  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 .header-right-btn button {
  display: flex;
  height: 30px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.rc-mobile-view > header.redesign .header-right-btn button .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
.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: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.rc-mobile-view > header.mobile-black-options-header {
  background-color: #000000;
  color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
.rc-mobile-view > header.mobile-black-options-header button .sgw-icon:before {
  color: #FFFFFF;
}
.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-options-header {
  background-color: #3669c4;
}
.rc-mobile-view > header.mobile-options-header button .btn-label, .rc-mobile-view > header.mobile-options-header button .sgw-icon:before {
  color: #ffffff;
}
.rc-mobile-view > header.mobile-options-header .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;
}

#ClipartSelectionMobileDialog header .back-button {
  left: 16px;
}
#ClipartSelectionMobileDialog header .back-button button {
  width: 26px;
  height: 26px;
}

#MobileFrameSelectionDialog header .back-button > button {
  left: unset !important;
  right: 16px !important;
}

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

.rc-radio {
  display: flex;
  cursor: pointer;
  align-items: center;
  user-select: none;
  min-height: 36px;
  font-size: 14px;
}
.rc-radio.rc-mobile-component {
  min-height: 44px;
}
.rc-radio.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-radio.redesign {
  min-height: unset;
}
.rc-radio.redesign .rc-radio-element {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 1px solid #525252;
  position: relative;
  flex-shrink: 0;
}
.rc-radio.redesign .rc-radio-element.selected:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #3776B3;
  -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-radio.redesign .rc-radio-label {
  color: #525252;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.rc-radio .rc-radio-element {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid #cccccc;
  position: relative;
  flex-shrink: 0;
}
.rc-radio .rc-radio-element.selected:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #333333;
  -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-radio img {
  margin-right: 8px;
}
.rc-radio:hover .rc-radio-element.selected:before {
  background: #3669c4;
  border-color: #3669c4;
}
.rc-radio:hover .rc-radio-element {
  border-color: #3669c4;
}

.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 {
  position: relative;
  user-select: none;
  text-align: left;
  border-radius: 6px;
}
.rc-select .select-options-wrapper .selected-option .selected-option-label {
  flex: 1;
  font-size: 14px;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rc-select.redesign {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 14px;
  border: 1px solid #525252;
  height: 42px;
  box-sizing: border-box;
}
.rc-select.redesign > .rc-input {
  background-color: transparent;
}
.rc-select.redesign.multiple-select {
  height: unset;
}
.rc-select.redesign label {
  position: absolute;
  width: unset !important;
  left: 15px;
  top: -8px;
  color: #525252;
  background-color: #FFFFFF;
  font-family: "SourceSansPro-Regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  padding: 0 4px;
}
.rc-select.redesign label.no-selection {
  width: 100%;
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: normal;
}
.rc-select.redesign .select-options-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.rc-select.redesign .select-options-wrapper .selected-option {
  width: 100%;
  border-bottom: unset;
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  text-transform: capitalize;
  /*.sgw-icon.arrow_down_line2 {
  		width: 18px;
  		height: 18px;

  		&:before {
  				position: unset;
  				display: flex;
  				width: 18px;
  				height: 18px;
  				font-size: 18px;
  				line-height: 18px;
  				//padding: 4.411px 0.911px 4.411px 1.089px;
  				flex-direction: column;
  				justify-content: flex-end;
  				align-items: center;
  		}
  }*/
}
.rc-select.redesign .select-options-wrapper .selected-option .selected-options {
  margin-top: unset;
}
.rc-select.redesign .select-options-wrapper .selected-option .selected-option-label {
  width: 100%;
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}
.rc-select.redesign.redesign-tablet {
  height: 48px;
}
.rc-select:focus {
  outline: none;
}
.rc-select.rc-select-dark:not(.redesign) {
  background: #EFEFEF;
}
.rc-select.rc-select-light {
  background: #FFFFFF;
}
.rc-select.rc-select-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-select .select-options-wrapper:focus {
  outline: none;
}
.rc-select .select-options-wrapper .selected-option {
  border-radius: 6px;
}
.rc-select.valid {
  border-bottom: 1px solid #6c9d0d;
}
.rc-select.valid label {
  color: #6c9d0d;
}
.rc-select > label {
  font-size: 12px;
  line-height: calc(12px + 2px);
  color: #5d5d5d;
  position: absolute;
  top: 4px;
  left: 8px;
  cursor: default;
  max-width: calc(100% - 26px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rc-select > label.no-selection {
  top: 50%;
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
  transform: translate(0, -50%);
}
.rc-select:not(.redesign):hover > label, .rc-select:not(.redesign).focusin > label {
  color: #3669c4;
}
.rc-select:not(.redesign):hover.valid > label, .rc-select:not(.redesign).focusin.valid > label {
  color: #6c9d0d;
}
.rc-select:not(.redesign):hover .selected-option, .rc-select:not(.redesign).focusin .selected-option {
  border-color: #3669c4;
}
.rc-select:not(.redesign):hover .selected-option > .sgw-icon:before, .rc-select:not(.redesign).focusin .selected-option > .sgw-icon:before {
  color: #3669c4;
}
.rc-select:not(.redesign).open .select-options-list {
  display: inherit;
}
.rc-select:not(.redesign).open > label {
  color: #3669c4;
}
.rc-select:not(.redesign).open .rc-select-component-wrapper {
  padding: 16px;
  cursor: default;
}
.rc-select:not(.redesign).open .rc-select-component-wrapper h2 {
  margin-top: 0;
  margin-bottom: 8px;
}
.rc-select:not(.redesign).open .rc-select-component-wrapper p {
  margin-bottom: 0;
}
.rc-select:not(.redesign).open .selected-option {
  border-color: #3669c4;
}
.rc-select:not(.redesign).open .selected-option > .sgw-icon:before {
  color: #3669c4;
}
.rc-select.no-prompt .selected-option .selected-option-label {
  font-size: 14px;
  align-self: center;
}
.rc-select .selected-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.rc-select .selected-options .selected-option-chip {
  box-sizing: border-box;
  height: 24px;
  padding: 2px 4px 2px 8px;
  line-height: 16px;
  border-radius: 24px;
  background-color: #cccccc;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.rc-select .selected-options .selected-option-chip .selected-option-chip-label {
  white-space: nowrap;
}
.rc-select .selected-options .selected-option-chip .rc-icon {
  padding-left: unset;
  margin-left: 4px;
}
.rc-select .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 .selected-options + .rc-input {
  background-color: transparent;
  border-bottom: unset;
  width: auto;
  min-width: 80px;
}
.rc-select .selected-option-icon {
  height: 100%;
  display: flex;
  align-items: center;
}
.rc-select .selected-option-icon .rc-icon {
  padding-left: unset;
  /*&:before {
  		transform: unset;
  }*/
}
.rc-select .selected-option {
  display: flex;
  position: relative;
  height: 36px;
  align-items: flex-end;
  cursor: pointer;
  padding-left: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}
.rc-select .selected-option .sgw-icon {
  width: 26px;
  height: 100%;
  padding-left: unset;
}
.rc-select:not(.redesign) {
  /*.selected-option {
  		display: flex;
  		position: relative;
  		height: 36px;
  		align-items: flex-end;
  		cursor: pointer;
  		padding-left: 8px;
  		box-sizing: border-box;
  		border-bottom: 1px solid $DarkerBackgroundColor;


  		.sgw-icon {
  				width: 26px;
  				height: 26px;
  				position: relative;
  				align-self: center;
  				transform: unset;

  				&:before {
  						height: 26px;
  						line-height: 26px;
  				}

  				&:before {
  						width: 26px;
  						height: 16px;
  						line-height: 16px;
  						position: relative;
  						left: unset;
  						top: unset;
  				}
  		}

  		.selected-option-label {
  				flex: auto;
  				box-sizing: border-box;
  				overflow: hidden;
  				text-overflow: ellipsis;
  				white-space: nowrap;
  				font-size: 14px;
  		}
  }*/
}
.rc-select.multiple-select .selected-option {
  height: auto;
  min-height: 36px;
  padding-left: unset;
}
.rc-select .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 .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 .select-options-list .select-options-item.level-1 {
  padding-left: 10px;
}
.rc-select .select-options-list .select-options-item.level-2 {
  padding-left: 16px;
}
.rc-select .select-options-list .select-options-item.level-3 {
  padding-left: 22px;
}
.rc-select .select-options-list .select-options-item.level-4 {
  padding-left: 22px;
}
.rc-select .select-options-list .select-options-item.level-5 {
  padding-left: 22px;
}
.rc-select .select-options-list .select-options-item.image-right .option-text {
  order: 1;
}
.rc-select .select-options-list .select-options-item.image-right .option-image {
  order: 2;
}
.rc-select .select-options-list .select-options-item.image-left .option-text {
  order: 2;
}
.rc-select .select-options-list .select-options-item.image-left .option-image {
  order: 1;
}
.rc-select .select-options-list .select-options-item:nth-child(odd) {
  background: #EFEFEF;
}
.rc-select .select-options-list .select-options-item.selected, .rc-select .select-options-list .select-options-item.focusin {
  background: #D8D8D8;
}
.rc-select .select-options-list .select-options-item:hover:not(.disabled):not(.focusin) {
  background: #E8E8E8;
}
.rc-select .select-options-list .select-options-item.disabled {
  opacity: 0.5;
}
.rc-select .select-options-list .select-options-item .rc-icon.sgw-icon.lock_ratio {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-select.multiple-select .select-options-list .select-options-item, .rc-select.multiple-select .select-options-list .select-options-item:nth-child(odd) {
  background: unset;
}
.rc-select.multiple-select .select-options-list .select-options-item.item-selected .rc-component.rc-checkbox .rc-checkbox-label {
  font-weight: bold;
}
.rc-select.rc-mobile-component:not(.redesign) .select-options-item {
  height: 36px;
  font-size: 16px;
}
.rc-select.rc-mobile-component:not(.redesign) .selected-option {
  height: 44px;
  padding-bottom: 4px;
}
.rc-select.rc-mobile-component:not(.redesign) .selected-option .selected-option-label {
  font-size: 16px;
}
.rc-select.rc-mobile-component:not(.redesign) label.no-selection {
  font-size: 16px;
}

.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content {
  background: #FFF;
  display: flex;
  flex-shrink: 0;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content.tablet .dialog-scrollable-content {
  background-color: unset !important;
}
.rc-dialog.select-options-dialog-redesign.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 16px;
}
.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-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-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-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-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-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-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-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-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-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-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-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-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-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%);
}

.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 {
  flex: 1;
  margin-right: unset;
  padding-bottom: unset;
  width: 100%;
  position: relative;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only {
  flex: 0 0 36px;
  margin-right: 0;
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  /*&.btn-simple.submit-button-active:not(.btn-action) {
      .rc-icon:before {
          color: #3669c4;
      }
  }*/
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only.rc-mobile-component {
  flex-basis: 44px;
  width: 44px;
  right: 0;
  height: 43px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only.search-bar-clear {
  right: 36px;
  height: 35px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form button.btn-icon-only.search-bar-clear.rc-mobile-component {
  right: 44px;
  height: 43px;
}
.search-bar.content-group-table-row .group-content.group-content-horizontal-group form .rc-component.rc-input.focus + button.btn-icon-only.btn-simple.submit-button-active:not(.btn-action) .rc-icon:before {
  color: #3669c4;
}
.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 .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;
}
main .search-bar.content-group-table-row.redesign form > .rc-input {
  padding: 12px 18px;
}
main .search-bar.content-group-table-row.redesign form > .rc-input.focus input {
  caret-color: #3669c4;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon[type=submit] .rc-icon.sgw-icon:before {
  color: #3669c4 !important;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon {
  width: 18px !important;
  left: 18px;
  right: unset;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
main .search-bar.content-group-table-row.redesign form > .btn-icon .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}

.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group .rc-input {
  border: none;
  background: #E2E5E8 !important;
  border-radius: 24px;
  height: 38px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group .rc-input .rc-input-wrapper.input-without-label {
  padding-left: 36px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form {
  margin-bottom: 0;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form button.btn-icon-only:not(.search-bar-clear) {
  left: 12px;
  height: 38px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form button.btn-icon-only:not(.search-bar-clear).btn-simple.submit-button-active:not(.btn-action) .rc-icon:before {
  color: #525252;
  font-size: 18px;
}
.search-bar.content-group-table-row.redesign .group-content.group-content-horizontal-group form .search-bar-clear {
  top: 12px !important;
  left: unset !important;
  right: 18px !important;
  height: unset !important;
}
.search-bar.content-group-table-row.redesign.tablet .group-content.group-content-horizontal-group {
  max-width: unset;
}

.rc-icon {
  display: inline-block;
  padding-left: 32px;
  position: relative;
  /*&:not(.redesign):hover:before {
      color: $FormLabelHoverColor;
  }*/
}
.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.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:hover {
  background-color: #efefef;
}
.demo-rc-icon .rc-icon:before {
  top: 0;
  left: 0;
  transform: unset;
}

.rc-textarea {
  border: 0;
  position: relative;
  min-height: 100px;
  min-width: 300px;
  border-bottom: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
}
.rc-textarea.rc-textarea-dark {
  background-color: #EFEFEF;
}
.rc-textarea.rc-textarea-light {
  background-color: #FFFFFF;
}
.rc-textarea.rc-textarea-small {
  height: 25px;
  min-width: 50px;
}
.rc-textarea.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rc-textarea:hover {
  border-bottom: 1px solid #3669c4;
}
.rc-textarea:hover > label {
  color: #3669c4;
}
.rc-textarea.error {
  border-bottom: 1px solid #d7032c !important;
}
.rc-textarea.error > label {
  color: #d9052f !important;
}
.rc-textarea.focus {
  border: 0;
  border-bottom: 1px solid #3669c4;
  outline: none;
}
.rc-textarea.focus .rc-error {
  display: block;
}
.rc-textarea.focus > label {
  color: #3669c4;
}
.rc-textarea > label {
  position: absolute;
  top: 3px;
  left: 8px;
  line-height: 14px;
  font-size: 12px;
  color: #5d5d5d;
  cursor: text;
  pointer-events: none;
  touch-action: none;
  transition: all 0.3s;
}
.rc-textarea > label.empty-textarea {
  top: 16px;
  font-size: 14px;
  color: #2C2C2C;
  transform: translate(0, -50%);
}
.rc-textarea textarea {
  font-family: "SourceSansPro-Regular", serif;
  position: absolute;
  top: 16px;
  left: 4px;
  bottom: 0;
  resize: none;
  flex: auto;
  height: calc(100% - 16px);
  width: 100%;
  border: none;
  font-size: 14px;
  background: transparent;
  padding: 0 4px;
  -webkit-appearance: none;
  margin: 0;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.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;
}
.rc-radio-group.redesign {
  gap: 16px;
}

.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 {
  height: 36px;
  padding-right: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex: auto;
}
.rc-switch.redesign {
  height: unset;
}
.rc-switch.redesign .rc-switch-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.rc-switch.redesign .rc-switch-dot {
  height: 20px;
  flex: 0 0 35px;
  background-color: #CBCACA;
}
.rc-switch.redesign.active .rc-switch-dot > div {
  top: 2px;
  width: 15px;
  height: 15px;
}
.rc-switch.redesign:not(.active) .rc-switch-dot > div {
  height: 13px;
  width: 13px;
  top: 3px;
  left: 5px;
}
.rc-switch .rc-switch-label {
  flex: 1;
  font-size: 14px;
  order: 1;
  margin-left: 16px;
}
.rc-switch .rc-switch-dot {
  flex: 0 0 36px;
  height: 12px;
  cursor: pointer;
  border-radius: 100px;
  position: relative;
  background-color: #d8d8d8;
}
.rc-switch .rc-switch-dot:focus-visible, .rc-switch .rc-switch-dot:focus {
  outline: 1px dashed black;
}
.rc-switch .rc-switch-dot div {
  height: 20px;
  width: 20px;
  position: absolute;
  top: -4px;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.49);
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.49);
  transition: 500ms left ease;
  left: -2.5px;
  background-color: #efefef;
}
.rc-switch.active .rc-switch-dot {
  background-color: #afcb7b;
}
.rc-switch.active .rc-switch-dot div {
  left: 14.5px;
  background-color: #6c9d0d;
}
.rc-switch.rc-mobile-component {
  height: 44px;
}
.rc-switch.rc-mobile-component .rc-switch-label {
  font-size: 16px;
}
.rc-switch.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.switch-2-options {
  display: flex;
  flex-direction: row;
  height: 32px;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign {
  height: 32px;
  padding: 8px 16px;
  border: 1px solid #CBCACA;
  justify-content: center;
  align-items: center;
  flex: unset;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-selected {
  background: #D9E0E6;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-selected .btn-label {
  color: #3669C4;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign .btn-label {
  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 > .btn-simple.btn-default.btn-redesign.btn-option-1 {
  border-radius: 20px 0px 0px 20px;
}
.switch-2-options > .btn-simple.btn-default.btn-redesign.btn-option-2 {
  border-radius: 0px 20px 20px 0px;
}

.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: 83px;
  /*@media only screen and (max-width: 1280px) {
  		margin-left: 100px;
  }*/
}

.desktop-menu-wrapper {
  background-color: white;
  position: fixed;
  width: 83px;
  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;
}
.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 106px;
  padding: 0;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-footer .module-bar {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  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 {
  margin-top: unset;
  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 .module-bar.tablet.portrait .mobile-navigation-tabs-item {
  min-width: 98px;
  width: 98px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet.portrait .mobile-navigation-tabs-item .rc-icon.sgw-icon {
  margin-right: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item {
  min-width: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected .btn-label {
  color: #3669c4;
  outline: none;
  text-decoration: none;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item > button .rc-icon.sgw-icon {
  height: 32px;
  width: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item > button .rc-icon.sgw-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar.tablet .mobile-navigation-tabs-item > button .btn-label {
  font-size: 13px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item {
  padding: 16px 0 8px 0;
  min-width: 26vw;
  display: flex;
  justify-content: center;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button.btn-icon {
  padding: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .rc-icon {
  width: 32px;
  height: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .rc-icon.design_layouts {
  margin-right: unset;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .rc-icon:before {
  font-family: "icomoon";
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.rc-mobile-view .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item button .btn-label {
  color: #525252;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.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 {
  display: flex;
  flex-grow: 1;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 120px;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons button.button-submit {
  background-color: #6C9D0D;
  color: #FFFFFF;
}
.rc-mobile-view .redesign-single-page-footer .footer-buttons button:not(.button-submit) {
  background-color: #FFFFFF;
  border: 1px solid #525252;
  color: #525252;
}
.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: 24px 8px;
  gap: unset;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .mobile-navigation-tabs-item {
  margin-bottom: 24px;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected button .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.rc-mobile-view .redesign-single-page-side-panel .module-bar.landscape .mobile-navigation-tabs-item.mobile-navigation-tabs-item-selected button .btn-label {
  color: #3669c4;
}
.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 {
  font-family: "icomoon";
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px;
}
.rc-mobile-view .mobile-navigation-extension {
  height: 36px;
}
.rc-mobile-view .mobile-navigation-extension.phone {
  height: 42px;
}
.rc-mobile-view .mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  min-height: 36px;
}
.rc-mobile-view .mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  font-size: 15px !important;
}
.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-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;
}

.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.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.header-right-tablet-btn .mobile-menu-content .rc-icon.sgw-icon:before {
  font-size: 26px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign {
  height: unset;
  padding: 0 32px 0 16px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign.portrait {
  padding: 0 32px 0 0;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign.landscape .saal-chat.saal-webshop-chat {
  justify-content: start;
  min-height: 36px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign.landscape .saal-chat.saal-webshop-chat .saal-chat-button {
  height: 36px;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat {
  position: unset;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge {
  box-shadow: unset;
  background-color: unset;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge:before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  font-family: "icomoon";
}
.rc-mobile-menu.redesign.header-right-tablet-btn .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  font-size: 15px;
  font-weight: 400;
  font-family: SourceSansPro-Regular;
  line-height: 20px;
  margin-top: unset;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign {
  height: 42px;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 36px;
  font-size: 15px;
  align-items: center;
  padding: 0 32px 0 16px;
  cursor: pointer;
  line-height: 20px;
  user-select: none;
  border: none;
  outline: none;
  font-family: inherit;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  right: unset;
  bottom: unset;
  z-index: unset;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge {
  box-shadow: unset;
  background-color: unset;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 0;
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.sgw-icon.speech_bubble.circle-icon-huge:before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  font-family: "icomoon";
}
.rc-mobile-menu.redesign .mobile-menu-content .chat-menu-option.redesign .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .saal-chat-button-label {
  font-size: 15px;
  font-weight: 400;
  font-family: SourceSansPro-Regular;
  line-height: 20px;
  margin-top: unset;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign {
  display: flex;
  gap: 12px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign .rc-radio {
  padding: 8px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .rc-radio-group.redesign .rc-radio .rc-radio-label {
  font-size: 14px;
  color: #000000;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .menu-divider {
  margin: 12px 0;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #525252;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel .rc-icon:before {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
.rc-mobile-menu.redesign .mobile-menu-content > div .btn-cancel .btn-label {
  color: #000000;
}
.rc-mobile-menu.non-modal {
  position: relative;
}
.rc-mobile-menu:before {
  content: "";
  width: 100%;
  height: 100vh;
  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;
}
.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;
}

.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 {
  padding: 8px 16px;
  gap: 10px;
}
#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;
}
.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 .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 {
  width: 100%;
  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;
  /*&:nth-child(even) {
      background-color: #ffffff;
  }*/
}
.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 .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 .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 {
  width: 44px;
  min-width: unset;
}
.rc-pagination .rc-pagination-data > div .rc-input .rc-input-wrapper {
  height: 100%;
}
.rc-pagination .rc-pagination-data > div .rc-input.rc-mobile-component {
  height: 36px;
}
.rc-pagination .rc-pagination-data > div .rc-input.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: 16px;
  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: 8px;
}

.presets {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 3px 8px;
}
.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:hover {
  outline: none;
}
.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.tablet .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;
  border: none;
}
.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: 10px;
  top: 6px;
}

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

.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: white;
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.5);
  /*> div {
  		display: flex;
  		box-sizing: border-box;
  		padding: 8px;
  }*/
}
.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 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;
}
.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-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 #C2C2C2;
  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 #C2C2C2;
  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;
  padding-right: 4px;
}
.configurator-group .radio-item .info .price-wrapper, .configurator-group-mobile .radio-item .info .price-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
}
.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 .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);
  padding: 16px 0;
}
.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;
}

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

.rc-dialog .login-view-component.login-view-desktop {
  background-color: unset;
  min-height: unset;
}
.rc-dialog .login-view-component.login-view-desktop > div {
  box-shadow: unset;
}

.signup-submit-success {
  padding: 24px 16px;
  justify-content: center;
}
.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;
}

#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%;
}

#LoginView, #LoginViewMobile {
  color: #2c2c2c;
}
#LoginView .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold), #LoginViewMobile .checkout-group-content div.group-content.group-content-label:not(.label-heading-bold) {
  margin-bottom: 16px;
}
#LoginView .group-content-button button, #LoginViewMobile .group-content-button button {
  width: 100%;
}
#LoginView .group-content-button.button-submit button, #LoginViewMobile .group-content-button.button-submit button {
  background-color: #79AB19;
  color: #ffffff;
}

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;
}

#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;
}

#PaymentMethodAdd main {
  padding: 16px;
  box-sizing: border-box;
}

.element-locked-dialog .rc-confirm-title {
  min-height: 36px;
  display: flex;
  align-items: center;
}
.element-locked-dialog .element-locked-dialog-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}
.element-locked-dialog .element-locked-dialog-footer button:first-child {
  padding-left: 0;
}

.qr-gallery-stepper-step {
  background-color: #FFFFFF;
  flex: 1;
}
.qr-gallery-stepper-step .group-content-label {
  font-size: 20px !important;
}
.qr-gallery-stepper-step .header {
  margin: 12px 12px 0 12px;
}
.qr-gallery-stepper-step .info {
  margin: 0 12px 0 12px;
}
.qr-gallery-stepper-step .button {
  margin: 0 12px 12px 12px;
}
.qr-gallery-stepper-step .image-pool-container {
  position: relative;
  min-height: 2px;
}
.qr-gallery-stepper-step .image-pool-container .image-pool-source-selection {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.qr-gallery-stepper-step .image-pool-container .image-pool-source-selection .drop-down-menu-body .drop-down-menu-item {
  background-color: #FFFFFF;
}

.no-results-content .content-group-table-row {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.no-results-content .content-group-table-row .group-content {
  margin-bottom: 0;
  text-align: center;
  justify-content: center;
}
.no-results-content .content-group-table-row .group-content.group-content-label.group-important.info {
  font-family: "SourceSansPro-Light";
  font-size: 18px;
  font-weight: normal;
}
.no-results-content .content-group-table-row .group-content button {
  padding: 0;
}

.no-data-content {
  display: flex;
  justify-self: center;
  align-self: center;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  flex: auto;
  justify-content: center;
}
.no-data-content > div {
  margin-bottom: 16px;
}
.no-data-content .content-group-table-row .group-content {
  text-align: center;
  justify-content: center;
}
.no-data-content .content-group-table-row .group-content.group-content-label {
  font-size: 21px;
  text-align: center;
  line-height: 27px;
}
.no-data-content .content-group-table-row .group-content.group-content-label:not(.group-important) {
  font-family: "SourceSansPro-Light";
}
.no-data-content .content-group-table-row .group-content.group-content-image img {
  max-height: 420px;
  width: auto;
  height: auto;
}
.no-data-content .content-group-table-row .group-content.group-content-link-add button .rc-icon.sgw-icon {
  display: none;
}
.no-data-content button.btn-simple.btn-default {
  background-color: unset;
  color: #3669c4;
  font-weight: bold;
}
.no-data-content button.btn-simple.btn-default:hover {
  background-color: unset;
}

main .no-data-content {
  height: unset;
  flex: 1;
}
main .no-data-content .group-content.group-content-image img {
  max-height: 200px;
  width: auto;
}

.no-data-qr .icon-green-background {
  background-color: #6c9d0d;
}
.no-data-qr .rc-icon:before {
  color: #FFFFFF;
}

.rc-form-container {
  background-color: transparent;
  position: relative;
  /*.btn-simple {
      display: flex;
      justify-content: center;
  }*/
}
.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 > .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 .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;
}

.apip-error-throwed > *:not(.apip-error-alert) {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  z-index: -1 !important;
}

.apip-error-alert-wrapper {
  min-width: 300px;
  max-width: 500px;
  width: 500px;
  background: #FFFFFF;
  box-shadow: 3px 3px 6px rgb(53, 56, 64);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 16px;
  position: absolute;
  overflow: auto;
  max-height: 80vh;
  /*max-height: -moz-available;
  max-height: -webkit-fill-available;
  max-height: fill-available;*/
}

.apip-error-alert {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(53, 56, 64, 0.8);
  top: 0;
  left: 0;
  z-index: 100010;
}
.apip-error-alert .apip-error-alert-header {
  display: flex;
  margin-bottom: 32px;
  font-weight: bold;
  align-items: center;
}
.apip-error-alert .apip-error-alert-header .btn-simple.btn-icon {
  margin: 0;
  padding: 0;
}
.apip-error-alert .apip-error-alert-header .sgw-icon {
  width: 32px;
  height: 28px;
  position: relative;
  padding: 0;
  margin-right: 16px;
}
.apip-error-alert .apip-error-alert-header .sgw-icon:before {
  color: #d7032c;
  top: 15px;
  left: 20px;
  font-size: 48px;
  width: 50px;
  height: 28px;
  line-height: 26px;
}
.apip-error-alert .apip-error-alert-content {
  font-size: 14px;
  overflow: auto;
}
.apip-error-alert .apip-error-alert-content .apip-error-alert-message-label {
  font-weight: bold;
  margin-bottom: 16px;
}
.apip-error-alert .apip-error-alert-content .apip-error-alert-message-label.apip-send-report-label {
  margin-top: 32px;
}
.apip-error-alert .apip-error-alert-content p {
  margin-bottom: 8px;
}
.apip-error-alert .apip-error-alert-content .rc-form-group-wrapper {
  margin-left: -4px;
  margin-top: 8px;
}
.apip-error-alert .apip-error-alert-content .rc-form-group-wrapper:first-child .rc-form-group-label {
  font-weight: bold;
}
.apip-error-alert .apip-error-alert-content .rc-form-element button.btn-submit {
  display: none;
}
.apip-error-alert .apip-error-alert-content .rc-form-element .rc-complex-label {
  margin-right: 16px;
  font-size: 12px;
  color: #707070;
}
.apip-error-alert .apip-error-alert-footer {
  margin-top: 32px;
}
.apip-error-alert .apip-error-alert-footer textarea {
  width: 100%;
  height: 100px;
  background: #EFEFEF;
  resize: none;
  border: none;
  border-bottom: 1px solid #CCCCCC;
  outline: none;
  padding: 8px;
  font-family: "SourceSansPro-Regular", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.apip-error-alert .apip-error-alert-footer textarea:hover, .apip-error-alert .apip-error-alert-footer textarea:focus {
  border-bottom: 1px solid #3669C4;
}
.apip-error-alert .apip-error-alert-footer .apip-error-alert-footer-buttons {
  display: flex;
  justify-content: center;
}

@media only screen and (max-height: 570px), screen and (max-width: 500px) {
  .apip-error-alert-wrapper {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
  }
  .apip-error-alert-header {
    padding: 0 15px;
  }
  .apip-error-alert-content {
    padding: 0 15px;
  }
  .apip-error-alert-footer {
    height: auto;
    margin-top: auto;
    padding: 10px 15px 0 15px;
  }
  .apip-error-alert-footer textarea {
    max-height: 150px;
    height: auto;
  }
}
/*@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;
    }
}*/
.promotion-label {
  position: absolute;
  top: 0;
  left: 24px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  overflow: unset;
}
.promotion-label > div {
  display: block;
  padding: 6px 16px;
  color: #ffffff;
  background-color: #d9052f;
}
.promotion-label > div:after {
  content: "";
  position: absolute;
  right: -5px;
  z-index: -1;
  top: -6px;
  width: 5px;
  height: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #A60424;
  transform: rotate(90deg);
}

#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-checkbox, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-checkbox {
  margin-bottom: 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-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 {
  flex: auto;
  display: flex;
  justify-content: right;
}
#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;
  /*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 .group-content.group-content-label ul li, #AccessToBusinessPortalDialog .checkout-group-content .group-content.group-content-label ul li {
  position: relative;
  line-height: 18px;
}
#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: auto;
  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 .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, #AccessToBusinessPortalDialog .upload-image-details-table .rc-textarea.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;
}

#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.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 {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image img {
  width: 100%;
  align-self: center;
  height: unset;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#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.label-heading {
  flex: auto;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label.login_link {
  flex: auto;
  display: flex;
  justify-content: right;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
  padding: 0;
}
#ResellerSubscriptionDialog .checkout-group-content .group-content.group-content-label ul li {
  list-style: none;
  position: relative;
  padding-left: 32px;
  min-height: 36px;
  display: flex;
  align-items: center;
}
#ResellerSubscriptionDialog .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%);
}
#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: 0;
}
#ResellerSubscriptionDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  min-height: 400px;
  padding-bottom: 8px;
}
#ResellerSubscriptionDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#ResellerSubscriptionDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#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 {
  height: 108px;
  margin-top: 8px;
}
#ResellerSubscriptionDialog main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#ResellerSubscriptionDialog main > div > form {
  padding: 0 16px;
  flex: 1;
}
#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;
}

#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;
  /* &.back-button {
       padding-left: unset;
   }*/
}
#AccessToBusinessPortalDialog .form-footer-buttons.redesign-enabled button {
  flex: 1;
}
#AccessToBusinessPortalDialog .form-footer-buttons.redesign-enabled button.back-button {
  padding-left: 24px;
}

apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 30px;
  --apple-pay-button-border-radius: 0px;
  --apple-pay-button-padding: 5px 0px;
}

.apple-pay-button {
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: buy;
  display: inline-block;
  min-height: 36px;
  border: 1px solid black;
  border-radius: 0pt;
  background-image: -webkit-named-image(apple-pay-logo-black);
  background-size: 100% calc(60% + 2px);
  background-repeat: no-repeat;
  background-color: white;
  background-position: 50% 50%;
  transition: background-color 0.15s;
  height: 36px;
  padding: 0 16px;
  box-sizing: border-box;
}

.rc-mobile-view .apple-pay-button {
  height: 44px;
  min-height: 44px;
  padding: 0 8px;
  width: 100%;
}

.apple-pay-button.visible {
  visibility: visible;
}

.apple-pay-button:active {
  background-color: rgb(152, 152, 152);
}

#ImageCropDialog {
  width: 100%;
  height: 100%;
}
#ImageCropDialog .rc-dialog-wrapper {
  max-width: unset;
  width: 90%;
  flex-direction: column;
}
#ImageCropDialog .rc-dialog-wrapper .rc-dialog-content {
  flex: auto;
  background-color: black;
  max-height: unset;
}
#ImageCropDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  justify-content: center;
  align-items: center;
  background-color: black;
  padding: 0;
  max-height: 90vh;
}
#ImageCropDialog .image-crop-footer {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  justify-content: space-between;
}

/*@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;
    }
}*/
@media (min-width: 500px) {
  #UpgradeQuantityDialog .rc-dialog-wrapper {
    padding: 16px;
  }
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-caption {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item {
  background-color: white;
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 16px;
  box-sizing: border-box;
  cursor: pointer;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item:last-child {
  margin-bottom: unset;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .rc-icon {
  position: absolute;
  right: 16px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .rc-icon:before {
  font-size: 28px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data > div {
  margin-right: 16px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data > div:first-child {
  font-size: 14px;
  margin-bottom: 4px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data > div:last-child {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item .upgrade-quantity-dialog-item-data.you-save-hint {
  color: #6c9d0d;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item.first-item {
  height: 44px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-item.first-item .upgrade-quantity-dialog-item-data > div:last-child {
  font-size: 14px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-quantity-item {
  display: flex;
  margin-bottom: 8px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-quantity-item > * {
  margin-right: 8px;
}
#UpgradeQuantityDialog .upgrade-quantity-dialog-quantity-item .rc-component.rc-input {
  max-width: 120px;
}

.rc-mobile-view #UpgradeQuantityDialog .upgrade-quantity-dialog-item .rc-icon {
  right: 0;
}

.tooltip-dialog-overlay {
  position: fixed;
  z-index: 10000;
  inset: 0 0 0 0;
}
.tooltip-dialog-overlay:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 55px;
  background-color: #353840;
  opacity: 0.8;
}
.tooltip-dialog-overlay .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay .tooltip-dialog-step-overlay-end {
  background-color: #353840;
  opacity: 0.8;
  z-index: 1000;
  position: fixed;
  left: calc(100vw - 55px);
  right: 0;
}
.tooltip-dialog-overlay.desktop-designer-version:before {
  right: 81px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-step-overlay-end {
  left: calc(100vw - 81px);
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version {
  right: 90px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version .tooltip-arrow {
  height: 38px;
  width: 22px;
  background-image: url("../Svgs/Arrow-orientation-right.svg");
  background-size: cover;
  right: -21px;
  top: 8px;
  position: absolute;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-0 {
  top: 8px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-1 {
  top: 68px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-2 {
  top: 128px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-3 {
  top: 188px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-4 {
  top: 248px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-5 {
  top: 308px;
}
.tooltip-dialog-overlay.desktop-designer-version .tooltip-dialog-content.desktop-version.step-6 {
  top: 368px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-0 .tooltip-dialog-step-overlay-start {
  display: none;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-0 .tooltip-dialog-step-overlay-end {
  top: 61px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-1 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 61px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-1 .tooltip-dialog-step-overlay-end {
  top: 122px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-2 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 122px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-2 .tooltip-dialog-step-overlay-end {
  top: 183px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-3 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 183px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-3 .tooltip-dialog-step-overlay-end {
  top: 244px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-4 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 244px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-4 .tooltip-dialog-step-overlay-end {
  top: 305px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-5 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 305px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-5 .tooltip-dialog-step-overlay-end {
  top: 366px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-6 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 366px;
}
.tooltip-dialog-overlay.desktop-designer-version.desktop-version.step-6 .tooltip-dialog-step-overlay-end {
  top: 427px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-0 .tooltip-dialog-step-overlay-start {
  display: none;
}
.tooltip-dialog-overlay.desktop-version.step-0 .tooltip-dialog-step-overlay-end {
  top: 56px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-1 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 56px;
}
.tooltip-dialog-overlay.desktop-version.step-1 .tooltip-dialog-step-overlay-end {
  top: 112px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-2 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 112px;
}
.tooltip-dialog-overlay.desktop-version.step-2 .tooltip-dialog-step-overlay-end {
  top: 168px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-3 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 168px;
}
.tooltip-dialog-overlay.desktop-version.step-3 .tooltip-dialog-step-overlay-end {
  top: 224px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-4 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 224px;
}
.tooltip-dialog-overlay.desktop-version.step-4 .tooltip-dialog-step-overlay-end {
  top: 280px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-5 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 280px;
}
.tooltip-dialog-overlay.desktop-version.step-5 .tooltip-dialog-step-overlay-end {
  top: 336px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-6 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 336px;
}
.tooltip-dialog-overlay.desktop-version.step-6 .tooltip-dialog-step-overlay-end {
  top: 392px;
  bottom: 0;
}
.tooltip-dialog-overlay.mobile-version {
  z-index: 10001;
}
.tooltip-dialog-overlay.mobile-version:before {
  right: 0;
  bottom: 64px;
}
.tooltip-dialog-overlay.mobile-version.is-ios-device:before {
  bottom: 96px;
}
.tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-end {
  height: 64px;
  background-color: #353840;
  opacity: 0.8;
  z-index: 1000;
  position: fixed;
  bottom: 0;
}
.tooltip-dialog-overlay.mobile-version.is-ios-device .tooltip-dialog-step-overlay-start, .tooltip-dialog-overlay.mobile-version.is-ios-device .tooltip-dialog-step-overlay-end {
  height: 96px;
}
.tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-start {
  left: 0;
}
.tooltip-dialog-overlay.mobile-version .tooltip-dialog-step-overlay-end {
  right: 0;
}
.tooltip-dialog-overlay .tooltip-dialog-content {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  position: absolute;
  width: 400px;
  padding: 16px;
  box-sizing: border-box;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version {
  width: calc(100% - 32px);
  left: 16px;
  bottom: 70px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.is-ios-device {
  bottom: 100px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version .tooltip-arrow {
  width: 38px;
  height: 22px;
  background-image: url("../Svgs/Arrow-orientation-bottom.svg");
  background-size: cover;
  left: 8px;
  top: calc(100% - 1px);
  position: absolute;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-0 .tooltip-arrow {
  left: 8px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-1 .tooltip-arrow {
  left: 120px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-2 .tooltip-arrow {
  left: 228px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.mobile-version.step-3 .tooltip-arrow {
  left: 340px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version {
  right: 64px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version .tooltip-arrow {
  height: 38px;
  width: 22px;
  background-image: url("../Svgs/Arrow-orientation-right.svg");
  background-size: cover;
  right: -21px;
  top: 8px;
  position: absolute;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-0 {
  top: 8px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-1 {
  top: 62px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-2 {
  top: 116px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-3 {
  top: 170px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-4 {
  top: 224px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-5 {
  top: 278px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-6 {
  top: 332px;
}

#ConfiguratorMobileTooltip.redesign .rc-dialog-content {
  width: 100%;
}

#LegalPageDialog .checkout-group-content .group-content-button, #MobileLegalPageDialog .checkout-group-content .group-content-button {
  justify-content: center;
}

#SelectGalleryDialog .dialog-scrollable-content {
  padding-top: 0;
  margin-top: 16px;
}
#SelectGalleryDialog .dialog-scrollable-content > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#SelectGalleryDialog .breadcrumb {
  background-color: transparent;
  display: flex;
  margin-bottom: unset;
  min-height: 36px;
  align-items: center;
  padding-left: unset;
  justify-content: flex-start;
}
#SelectGalleryDialog .breadcrumb span strong {
  display: flex;
  align-items: center;
}
#SelectGalleryDialog .dialog-footer {
  padding-left: 16px;
  padding-right: 16px;
}
#SelectGalleryDialog .dialog-footer .dialog-footer-right {
  display: flex;
  gap: 16px;
}
#SelectGalleryDialog .dialog-footer-info-label {
  height: 36px;
  display: flex;
  align-items: center;
  color: #525252;
  font-size: 14px;
  line-height: 16px;
}
#SelectGalleryDialog .collection-dialog-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background-color: white;
  height: 36px;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #2C2C2C;
  width: 100%;
  justify-content: space-between;
}
#SelectGalleryDialog .collection-dialog-header .rc-label {
  font-weight: normal;
}
#SelectGalleryDialog .collection-dialog-header .rc-label-component.label-header {
  font-weight: bold;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section {
  display: flex;
  gap: 16px;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section .search-bar {
  max-width: 300px;
  min-width: 200px;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section .collection-dialog-header-view-type {
  display: flex;
  box-sizing: border-box;
  gap: 4px;
}
#SelectGalleryDialog .collection-dialog-header .collection-dialog-header-right-section .imageDisplaySteps {
  min-width: 150px;
}
#SelectGalleryDialog .collection-dialog-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
#SelectGalleryDialog .collection-dialog-items.collection-dialog-items-carousel {
  margin: 0 -16px 8px -16px;
  flex-wrap: nowrap;
  padding: 0 16px;
  overflow-x: auto;
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item {
  width: 214px;
  height: auto;
  margin: unset;
  cursor: pointer;
  padding: 0;
  background-color: #EFEFEF;
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: 214px;
  height: 143px;
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#SelectGalleryDialog .collection-dialog-items .collection-dialog-collection-item .collection-dialog-collection-item-title {
  padding: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  word-wrap: break-word;
}
#SelectGalleryDialog .dialog-v2-body.disable-selection .image-pool-image-list {
  position: relative;
}
#SelectGalleryDialog .dialog-v2-body.disable-selection .image-pool-image-list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-items .collection-dialog-collection-item {
  width: calc((100vw - 32px - 8px) / 2);
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: calc((100vw - 32px - 8px) / 2);
  height: calc((100vw - 32px - 8px) / 2 * 143 / 214);
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer {
  display: flex;
  width: 100%;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div {
  flex-basis: 50%;
  display: flex;
  align-items: center;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div .dialog-footer-info-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div button {
  width: auto;
  height: 44px;
  border-radius: 22px;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-mobile-footer > div.footer-submit-button {
  justify-content: right;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header {
  padding-bottom: 8px;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header .checkout-group-content {
  flex: 1;
  max-width: 50%;
  padding: 8px;
  max-height: 52px;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header .checkout-group-content .group-content-drop-down {
  margin-bottom: unset;
}
#SelectGalleryDialog.rc-mobile-view .collection-dialog-header .checkout-group-content .rc-select.rc-mobile-component:not(.redesign) .selected-option {
  height: 36px;
  padding-bottom: unset;
}
#SelectGalleryDialog.rc-mobile-view .dialog-v2-body .image-pool-browser[data-view-type="4"] {
  margin: 0;
}
#SelectGalleryDialog.rc-mobile-view .dialog-v2-body .image-pool-browser[data-view-type="4"] .image-pool-image-list[data-view-type="4"] {
  padding: unset;
}

#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper {
  max-width: unset;
  width: 100%;
  margin: unset;
  height: 100%;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content {
  max-height: 95vh;
  width: 100%;
  margin: 0 16px 0 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button {
  position: absolute;
  left: unset !important;
  right: 16px !important;
  top: 16px !important;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button {
  width: 18px;
  height: 18px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  background-color: #FFF;
  padding: 50px 0 0 0;
  border-radius: 14px;
  width: 100%;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper {
  padding: 0 24px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-label {
  font-size: 16px;
  color: #2C2C2C;
  min-height: unset;
  margin-bottom: 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group {
  margin-bottom: unset;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content .group-content-radio.selected .rc-radio .rc-radio-label {
  font-weight: 600;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content .group-content-radio .rc-radio .rc-radio-element {
  height: 20px;
  width: 20px;
  margin-right: unset;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .checkout-group-content .group-content-radio-group .group-content-radio-group-content .group-content-radio .rc-radio .rc-radio-label {
  padding: 8px 0 8px 8px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  box-sizing: border-box;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .rc-floating-button {
  padding: 16px;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .rc-floating-button > button {
  box-shadow: unset;
}
#MobileHYMUSurveyDialog.redesign .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .padding-wrapper .flex-form .rc-floating-button > button.btn-disabled {
  opacity: 0.5;
}

.manufacturer-logo-image {
  display: flex;
  align-items: center;
}

#imagePoolDialog {
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  width: 91.5%;
  /*height: 100%;*/
  height: 85vh;
  margin: 0 auto;
}
@media (max-width: 900px) {
  #imagePoolDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-height: 600px) {
  #imagePoolDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
#imagePoolDialog .dialog-v2-header {
  padding: 16px;
}
#imagePoolDialog .dialog-v2-footer > div {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
}
#imagePoolDialog .dialog-v2-footer > div > div {
  margin-right: 16px;
}
#imagePoolDialog .dialog-v2-footer > div > div:last-child {
  margin-right: 0;
}
#imagePoolDialog .dialog-v2-footer .image-selection-hint {
  text-align: center;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar {
  flex: 0;
  background: #3669C4;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  color: #ffffff;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar .btn-simple:hover {
  text-decoration: underline;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:before, #imagePoolDialog .dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:hover:before {
  color: #FFFFFF;
}
#imagePoolDialog .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: center;
}
@media (max-width: 1035px) {
  #imagePoolDialog .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-height: 800px) {
  #imagePoolDialog .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-width: 580px) {
  #imagePoolDialog .dialog-v2-bottom-edit-toolbar > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
#imagePoolDialog.edit .dialog-v2-bottom-edit-toolbar {
  max-height: 100%;
  transition: max-height 0.3s ease-in;
}

#imagePoolDialog .picker-link-button {
  margin: 16px;
}

#imagePoolDialog .dialog-v2-body {
  flex-direction: column;
  margin-top: 8px;
  flex: 1;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  z-index: 0;
}
#imagePoolDialog .dialog-v2-body .rc-component.rc-snackbar {
  width: fit-content;
  padding: 0 32px;
  left: 50%;
  transform: translateX(-50%);
}

#imagePoolDialog .upload-image-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: inherit;
  flex: inherit;
  overflow: visible;
}

#imagePoolDialog .image-source-selection-mobile {
  display: none;
}

#imagePoolDialog.forbidden:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.44);
}

.image-pool-button-wrapper {
  position: relative;
}
.image-pool-button-wrapper .btn-simple {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.upload-image-info {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.upload-image-info.hidden {
  display: none;
}
.upload-image-info .drag-here {
  color: #6C9D0D;
  font-size: 24px;
  margin-bottom: 16px;
  padding: 0;
  cursor: default;
}
.upload-image-info .drag-here.tab_image:before {
  width: 100%;
  text-align: center;
  font-size: 65px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 8px;
  color: #6C9D0D;
  position: relative;
}
.upload-image-info .drag-image-or {
  font-size: 16px;
  margin-bottom: 16px;
  color: #6C9D0D;
}
.upload-image-info input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.rc-mobile-view .upload-image-info {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.rc-mobile-view .upload-image-info .image-pool-button-wrapper {
  width: 270px;
}

.image-pool-toolbar {
  display: flex;
  align-items: center;
}
.image-pool-toolbar > div {
  flex: auto;
  display: flex;
  z-index: 1;
}
.image-pool-toolbar > .upload-progress-container {
  z-index: 0;
  max-width: 70%;
}
.image-pool-toolbar > .upload-progress-container .upload-progress-dialog-data .rc-label-component {
  min-height: unset;
}
.image-pool-toolbar .image-pool-view-type-selection {
  justify-content: flex-end;
}
.image-pool-toolbar .image-pool-view-type-selection .view-type-button {
  margin-left: 4px;
  width: 36px;
  height: 36px;
}

.image-pool-progress-bar {
  flex: 0 0 260px;
  font-size: 12px;
}
.image-pool-progress-bar > div {
  display: flex;
}
.image-pool-progress-bar .image-pool-progress-bar-label {
  flex: 1;
}
.image-pool-progress-bar .progress-bar {
  height: 14px;
  position: relative;
  background: #EFEFEF;
}
.image-pool-progress-bar .progress-bar .progress-bar-value {
  align-self: center;
  flex: 0 0 10%;
  position: absolute;
  color: #FFFFFF;
  white-space: nowrap;
  margin-right: 2px;
}
.image-pool-progress-bar .progress-bar-progress {
  background: #3669C4;
  display: flex;
  position: relative;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.image-pool-source-selection {
  font-size: 14px;
  border-radius: 6px;
}
.image-pool-source-selection hr {
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  margin: 8px 0;
}
.image-pool-source-selection > div:last-child {
  border: none;
}
.image-pool-source-selection .image-source-item {
  background-repeat: no-repeat;
  background-position: 8px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 8px 8px 8px 36px;
  cursor: default;
  position: relative;
}

.drop-down-menu.image-pool-source-selection hr {
  margin: 8px 0;
}

.dialog-v2-body > .image-pool-browser {
  margin: 0 16px 0 12px;
  padding: 0 4px 0 0;
  flex: 1;
}
.dialog-v2-body > .image-pool-browser[data-view-type="1"] {
  margin-left: 0;
}
.dialog-v2-body > .image-pool-browser[data-view-type="2"] {
  margin-left: 4px;
}
.dialog-v2-body > .image-pool-browser[data-view-type="4"] {
  margin-left: 8px;
}

#imagePoolDialog .drop-file-info {
  background: #3669C4;
  color: #FFFFFF;
  padding: 4px 8px;
  bottom: 4px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}

#imagePoolDialog.drag-file .drop-file-info {
  display: block;
}

.image-pool-image-list .image-item, .image-item {
  box-sizing: border-box;
  position: relative;
}
.image-pool-image-list .image-item.is-used, .image-item.is-used {
  opacity: 0.25;
}
.image-pool-image-list .image-item .image-usage-badge, .image-item .image-usage-badge {
  width: auto;
  height: 20px;
  background-color: #6c9d0d;
  color: #ffffff;
  justify-content: center;
  align-content: center;
  padding: 0 4px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  max-width: calc(100% - 12px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.image-pool-image-list .image-item-name {
  display: block;
  text-align: center;
  padding: 2px 0;
  box-sizing: border-box;
  word-break: break-all;
}
.image-pool-image-list .image-item svg {
  width: 100%;
  height: auto;
}

/**
***** ImagePool ListView *****
 */
.dialog-v2-body .image-pool-browser[data-view-type="0"] {
  margin-left: 0;
}

.image-pool-image-list .image-item .rc-loader.content-loader {
  z-index: 0;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper {
  margin-left: 16px;
  position: relative;
  overflow: visible;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:hover {
  background: #EFEFEF;
}

.image-pool-image-list[data-view-type="0"] .image-list-item > div {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  cursor: pointer;
  padding: 8px 0;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:first-child {
  background: #FFFFFF;
  position: sticky;
  top: 0;
  z-index: 1;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:first-child .image-list-item {
  cursor: default;
  padding-top: 0;
  border-bottom: none;
}

.image-pool-image-list[data-view-type="0"] .image-item {
  flex: 0 0 52px;
  height: 52px;
  margin-right: 16px;
  margin-left: 8px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item-wrapper:first-child .image-list-item .image-information {
  padding-bottom: 8px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-file-name {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 16px;
  overflow: hidden;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information {
  justify-content: flex-end;
  display: flex;
  flex: 1 0 350px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information > div {
  margin-right: 16px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-width,
.image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-height {
  flex: 0 0 80px;
}

.image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date {
  flex: 0 0 120px;
  white-space: nowrap;
}

/**
***** ImagePool NormalView *****
 */
.image-pool-image-list[data-view-type="1"], .image-pool-image-list[data-view-type="2"], .image-pool-image-list[data-view-type="4"] {
  display: flex;
  flex-wrap: wrap;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper.image-is-disabled, .image-pool-image-list[data-view-type="2"] .image-item-wrapper.image-is-disabled, .image-pool-image-list[data-view-type="4"] .image-item-wrapper.image-is-disabled {
  opacity: 0.5;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper.image-is-hidden, .image-pool-image-list[data-view-type="2"] .image-item-wrapper.image-is-hidden, .image-pool-image-list[data-view-type="4"] .image-item-wrapper.image-is-hidden {
  display: none;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper > div, .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div, .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  margin: 0 4px 8px 4px;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item {
  width: 100%;
  height: 100%;
  padding-bottom: 70%;
  margin: 0;
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error {
  padding-bottom: unset;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error svg, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error svg, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error svg {
  max-width: 100%;
  max-height: 100%;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images {
  position: absolute;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box {
  width: 22px;
  height: 22px;
  margin-top: 20px;
  margin-bottom: 4px;
  padding: 0;
}
.image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box:before, .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box:before, .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box:before {
  font-size: 22px;
  width: 22px;
  height: 22px;
}

.image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 282px;
  width: 282px;
  margin: 16px;
}

.image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 168px;
  width: 168px;
  margin: 8px;
}

.image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 76px;
  width: 76px;
  margin: 4px;
}

/**
***** ImagePool NormalView, dialog *****
 */
.dialog-v2-body .image-pool-image-list[data-view-type="1"], .dialog-v2-body .image-pool-image-list[data-view-type="2"], .dialog-v2-body .image-pool-image-list[data-view-type="4"] {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  box-sizing: border-box;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  display: flex;
  flex-direction: column;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div:first-child, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div > div:first-child, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item {
  width: 100%;
  height: 100%;
  padding-bottom: 70%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error {
  padding-bottom: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item.error svg, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item.error svg, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item.error svg {
  max-width: 100%;
  max-height: 100%;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images {
  position: absolute;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box {
  width: 22px;
  height: 22px;
  margin-top: 20px;
  margin-bottom: 4px;
  padding: 0;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .add-more-images .tab_image_box:before, .dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .add-more-images .tab_image_box:before, .dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .add-more-images .tab_image_box:before {
  font-size: 22px;
  width: 22px;
  height: 22px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] {
  gap: 32px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 282px;
  width: 282px;
  min-height: 282px;
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="1"] .image-item-wrapper .image-item {
  width: 282px;
  height: 282px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="2"] {
  gap: 16px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 168px;
  width: 168px;
  min-height: 188px;
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item {
  width: 168px;
  height: 168px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="4"] {
  gap: 8px;
}
.dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 76px;
  width: 76px;
  min-height: 76px;
  margin: unset;
}
.dialog-v2-body .image-pool-image-list[data-view-type="4"] .image-item-wrapper .image-item {
  width: 76px;
  height: 76px;
}

.image-pool-image-list .image-item .default-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-pool-image-list .image-item-wrapper .image-item .image-selection-border {
  display: block;
  border: 4px solid transparent;
  position: absolute;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  box-sizing: border-box;
  z-index: 1;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: 2px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback.image-item-feedback-3 {
  background-color: #1cd622;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback.image-item-feedback-2 {
  background-color: #ff8c00;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-feedback.image-item-feedback-1 {
  background-color: #ff0000;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-zoom-button {
  position: absolute;
  box-sizing: border-box;
  bottom: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  display: none;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-zoom-button .sgw-icon {
  width: 24px;
  height: 24px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border:hover .image-item-zoom-button {
  display: block;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-stack-badge {
  position: absolute;
  box-sizing: border-box;
  top: 2px;
  right: 2px;
  width: 35px;
  height: 24px;
  padding: 0 0 0 4px;
  cursor: auto;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-stack-badge .sgw-icon {
  margin-left: 4px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .image-item-stack-badge .sgw-icon:before {
  font-size: 18px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.image-pool-image-list .image-item-wrapper .image-item .image-selection-border .rc-icon.sgw-icon.image-item-wishlist {
  width: 26px;
  height: 20px;
  background-color: #ffffff;
  padding: unset;
  border-radius: 4px;
  position: absolute;
  left: 4px;
  top: 4px;
}

.image-pool-image-list .image-item-wrapper:hover .image-item-zoom-button {
  display: block;
}

.edit .image-pool-image-list .image-item-wrapper .image-item .image-selection-border {
  border-color: #EEEEEE;
}

.image-pool-image-list .image-item.error .image-selection-border,
.edit .image-pool-image-list .image-item.error .image-selection-border,
.image-list-item .image-item.error .image-selection-border {
  border-color: #d7032c;
  width: 100%;
  height: 100%;
}

.image-pool-image-list .image-item-wrapper.selected .image-item.error .image-selection-border,
.image-pool-image-list .image-item-wrapper.selected .image-item .image-selection-border,
.edit .image-pool-image-list .image-item-wrapper.selected .image-item.error .image-selection-border {
  border-color: #3669C4;
}

.image-pool-image-list .image-item-wrapper.to-import .image-item .image-selection-border {
  border-color: #6c9d0d;
}

.image-pool-image-list .image-list-item-wrapper .image-list-item.selected {
  background-color: #e2e2e2;
}

.image-pool-image-list .image-list-item-wrapper:hover .image-list-item.selected {
  background-color: #EFEFEF;
}

.image-pool-image-list .image-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.image-pool-image-list .image-item img.portrait {
  height: 100%;
  width: auto;
}

.image-pool-image-list .image-item img.landscape {
  height: auto;
  top: 50%;
}

.image-pool-image-list .image-item img.square {
  height: 100%;
  aspect-ratio: 1;
}

.social-media-button-wrapper {
  position: relative;
}

.btn-simple.social-media-button {
  background-position: 24px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-left: 52px;
  height: unset;
}

.image-pool-mobile-folder-list {
  margin-bottom: 16px;
}
.image-pool-mobile-folder-list button {
  width: 100%;
  box-sizing: border-box;
  justify-content: left;
}
.image-pool-mobile-folder-list button .btn-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.external-source-selection-logout button {
  width: 100%;
}
.external-source-selection-logout button .btn-label {
  color: #3669C4;
  font-weight: bold;
}

.image-pool-folder-list {
  display: flex;
  margin: 0 16px 0 16px;
  flex-wrap: wrap;
  max-height: 200px;
  overflow-y: auto;
}
.image-pool-folder-list > button {
  white-space: nowrap;
  margin-right: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
  justify-content: left;
  width: calc(12.5% - 16px);
  max-width: 220px;
}
@media (max-width: 1600px) {
  .image-pool-folder-list > button {
    width: calc(16.6666666667% - 16px);
    max-width: unset;
  }
}
@media (max-width: 1400px) {
  .image-pool-folder-list > button {
    width: calc(20% - 16px);
  }
}
@media (max-width: 1200px) {
  .image-pool-folder-list > button {
    width: calc(25% - 16px);
  }
}
@media (max-width: 900px) {
  .image-pool-folder-list > button {
    width: calc(33.3333333333% - 16px);
  }
}
@media (max-width: 600px) {
  .image-pool-folder-list > button {
    width: calc(50% - 16px);
  }
}
.image-pool-folder-list > button div:not(.rc-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-pool-folder-list .image-pool-folder-item {
  padding: 8px 16px;
  background: #EFEFEF;
  margin-right: 8px;
}
.image-pool-folder-list .image-pool-folder-item.sgw-icon {
  padding-left: 36px;
}
.image-pool-folder-list .image-pool-folder-item.sgw-icon:before {
  left: 8px;
  top: 7px;
}

.image-pool-folder-breadcrumb {
  display: flex;
  align-items: center;
  padding-bottom: 4px;
  margin: 0 16px 8px 16px;
  overflow-y: auto;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item {
  padding: 0 8px;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item:last-child {
  text-decoration: none;
  cursor: default;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item:last-child:hover {
  color: inherit;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-item:hover {
  color: #3669C4;
}
.image-pool-folder-breadcrumb .image-pool-folder-breadcrumb-separator {
  border-left: 5px solid #6E6E6E;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.image-pool-sidebar {
  max-height: 100%;
  height: 100%;
  flex: 1;
  position: relative;
}
.image-pool-sidebar > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.image-pool-sidebar .checkout-group-content {
  padding: 8px;
}
.image-pool-sidebar .image-pool-sidebar-header {
  flex: 0 0 36px;
  position: relative;
  max-height: 36px;
  padding: 0 8px;
}
.image-pool-sidebar .image-pool-sidebar-header .btn-simple.btn-submit {
  width: 100%;
}
.image-pool-sidebar .image-pool-sidebar-body {
  flex: 1 1 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: relative;
  padding: 0 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-browser {
  margin-top: 20px;
  padding: 0 0 0 2px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control {
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line {
  display: flex;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-checkbox {
  flex: 1;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select {
  flex: 1;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select .selected-option {
  height: 36px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line button {
  margin-left: 8px;
  padding: 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line button.selected {
  font-weight: bold;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line button.selected .sgw-icon:before {
  color: #3669c4;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper.image-is-hidden {
  display: none;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item {
  height: 22px;
  padding: 0 4px;
  margin-bottom: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item > div {
  flex: 1;
  max-width: 100%;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item > div .image-file-name span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item .image-usage-badge {
  width: 18px;
  height: 18px;
  background-color: #6c9d0d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-content: center;
  flex: 0 0 18px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-list-item.selected {
  background-color: rgb(226.25, 226.25, 226.25);
}
.image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-information, .image-pool-sidebar .image-pool-sidebar-body .image-list-item-wrapper .image-item {
  display: none;
}
.image-pool-sidebar .image-pool-tabs {
  display: flex;
  margin-bottom: 8px;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab {
  cursor: pointer;
  padding: 4px;
  flex: 1;
  text-align: center;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab .rc-label-component {
  height: 24px;
  min-height: unset;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab.is-selected {
  border-bottom: 3px solid #3568c4;
}
.image-pool-sidebar .image-pool-tabs .image-pool-tab.is-selected .rc-label-component {
  color: #3568c4;
}
.image-pool-sidebar .image-pool-collections-browser {
  overflow: auto;
  overflow-y: scroll;
  min-height: 220px;
  max-height: 220px;
  margin-bottom: 4px;
}
.image-pool-sidebar .image-pool-collections-browser .rc-browser-node-list .rc-label-component {
  min-height: 24px;
  width: 100%;
}
.image-pool-sidebar .image-pool-collections-section {
  display: flex;
  padding-left: 4px;
}
.image-pool-sidebar .image-pool-collections-section .sgw-icon:before {
  color: #3669c4;
}
.image-pool-sidebar .image-pool-collections-section .rc-label-component {
  padding-left: 4px;
}
.image-pool-sidebar .image-pool-source-selection {
  width: calc(100% - 8px);
  left: 4px;
  min-width: inherit;
}
.image-pool-sidebar .image-pool-sidebar-toolbar {
  position: relative;
  bottom: 0;
  background: #3669C4;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div {
  flex: 0;
  padding: 8px;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div > div {
  white-space: nowrap;
  padding-left: 28px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div > div:hover {
  text-decoration: underline;
}
.image-pool-sidebar .image-pool-sidebar-toolbar > div > div:before {
  color: #FFFFFF;
}
.image-pool-sidebar .image-pool-sidebar-toolbar .btn-simple {
  height: unset;
  padding: 4px 32px;
}
.image-pool-sidebar.edit .image-pool-sidebar-toolbar {
  max-height: 100%;
  transition: max-height 0.3s ease-in;
}
.image-pool-sidebar .image-pool-image-list .image-item-wrapper .draggable-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
}
.image-pool-sidebar .image-pool-image-list .image-item-wrapper div[draggable=true] .draggable-placeholder {
  cursor: move;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 90%;
  min-height: 50px;
  width: 100%;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 50%;
  min-height: 50px;
  width: 50%;
  margin: unset;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 33%;
  min-height: 50px;
  width: 33%;
  margin: unset;
}
.image-pool-sidebar .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
.image-pool-sidebar .btn-add-more-images {
  font-size: 14px;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-pool-sidebar .btn-add-more-images.sgw-icon {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0;
  height: 100%;
}
.image-pool-sidebar .btn-add-more-images.sgw-icon:before {
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  transform: none;
  top: auto;
  padding-right: 6px;
}

.image-pool-view-menu-wrapper {
  margin-left: 4px;
}
.image-pool-view-menu-wrapper > .btn-icon-only {
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-pool-view-menu-wrapper button {
  margin-left: 4px;
  width: unset;
  padding: 8px;
  justify-content: start;
}
.image-pool-view-menu-wrapper button.selected {
  font-weight: 700;
}
.image-pool-view-menu-wrapper button.selected .sgw-icon:before {
  color: #3669C4;
}
.image-pool-view-menu-wrapper button .btn-label {
  font-size: 12px;
}
.image-pool-view-menu-wrapper .image-pool-view-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  text-align: left;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  padding: 4px 12px 4px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  background: #fff;
  white-space: nowrap;
  margin-left: 4px;
  border-radius: 6px;
}
.image-pool-view-menu-wrapper .image-pool-view-menu .sgw-icon {
  width: 18px;
  margin-right: 12px;
}
.image-pool-view-menu-wrapper .rc-checkbox {
  padding: 8px;
}
.image-pool-view-menu-wrapper .rc-checkbox .rc-checkbox-box {
  margin: 0 12px 0 4px;
}

.rc-context-menu.bulk-orderer-article-options {
  left: unset;
  right: 0;
  top: 100%;
}

.drop-down-menu {
  left: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  background: #ffffff;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.drop-down-menu.bulk-orderer-article-options {
  left: unset;
  right: 0;
  top: 100%;
}

.drop-down-menu > div {
  /*flex: 0 0 auto;*/
}

.drop-down-menu .drop-down-menu-header {
  display: none;
}

.drop-down-menu-body {
  flex: auto;
  overflow-y: auto;
}

.drop-down-menu .drop-down-menu-item {
  background-repeat: no-repeat;
  background-position: 8px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  padding: 16px 16px 16px 28px;
  cursor: default;
  position: relative;
}
.drop-down-menu .drop-down-menu-item.image-source-item {
  padding: 8px 8px 8px 36px;
}

.bulk-orderer-article-options.drop-down-menu .drop-down-menu-item {
  padding: 0;
}
.bulk-orderer-article-options.drop-down-menu .drop-down-menu-item.drop-down-menu-action-item .btn-simple.btn-icon {
  margin-left: 0;
  padding-left: 16px;
  width: 100%;
  justify-content: left;
}

.drop-down-menu .drop-down-menu-item.sgw-icon:before {
  height: 21px;
  width: 21px;
  top: 15px;
  left: 4px;
  font-size: 21px;
}

.drop-down-menu .drop-down-menu-item.drop-down-menu-action-item {
  cursor: pointer;
}

.drop-down-menu .drop-down-menu-item.drop-down-menu-action-item:hover {
  background-color: #efefef;
}

.drop-down-menu .drop-down-menu-item input[type=file] {
  cursor: default;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.drop-down-menu-footer {
  display: none;
}

.drop-down-menu hr {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #DBDBDB;
}

@media (max-width: 630px) {
  .drop-down-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 8px 0;
    font-size: 18px;
  }
  .drop-down-menu > div {
    align-items: center;
  }
  .drop-down-menu .drop-down-menu-header {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
  }
  .drop-down-menu .drop-down-menu-item.sgw-icon:before {
    width: 68px;
    height: 68px;
    font-size: 68px;
  }
  .drop-down-menu-footer {
    display: flex;
    flex: 0 0 54px;
  }
  .drop-down-menu-footer > div {
    flex: auto;
  }
  .drop-down-menu-footer > div:last-child {
    text-align: right;
  }
}
@media (max-width: 1035px) {
  .dialog-v2-header > div.image-pool-toolbar {
    padding: 8px;
  }
  .image-pool-toolbar .add-more-images {
    text-align: center;
  }
  .image-item-wrapper .add-more-images {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .image-item-wrapper .add-more-images .sgw-icon {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 auto;
  }
  .image-item-wrapper .add-more-images .sgw-icon:before {
    font-size: 24px;
  }
  .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 16.6%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .image-pool-image-list[data-view-type="2"] .image-item-wrapper:not(.redesign) {
    padding-bottom: 16.6%;
  }
  .image-pool-view-type-selection, .image-pool-toolbar .image-pool-view-type-selection {
    display: none;
  }
  .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
    margin: 0 4px 8px 4px;
  }
  .image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 33%;
    padding-bottom: 33%;
  }
  .dialog-v2-body > .image-pool-browser {
    margin: 0 8px 0 4px;
    padding: 0;
  }
  #imagePoolDialog .dialog-v2-footer > div {
    padding: 8px;
  }
}
@media (max-width: 1025px) {
  .image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 50%;
    padding-bottom: 50%;
  }
}
@media (max-width: 630px) {
  #imagePoolDialog .image-source-selection-mobile {
    display: block;
  }
  .image-pool-button-wrapper, .social-media-button-wrapper {
    flex: 0 0 100%;
  }
  .image-pool-sidebar .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 100%;
  }
  .drop-down-menu.image-pool-source-selection .image-source-item {
    background-color: #EFEFEF;
    padding: 16px 8px 16px 60px;
    margin-bottom: 8px;
    background-size: 32px 32px;
  }
  .drop-down-menu .drop-down-menu-item {
    background-position-x: 16px;
  }
  .image-pool-sidebar .btn-add-more-images.sgw-icon span {
    display: none;
  }
  /*.image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  		//flex: 0 0 33.3%;
  		flex: 0 0 28%;
  		max-width: 33.3%;
  		position: relative;
  		box-sizing: border-box;
  		height: 0;
  		padding-bottom: 28%;

  		.image-item-name {
  				font-size: 12px;
  		}
  }*/
}
.image-pool-browser.qrcode-upload-view {
  margin-top: 32px;
}
.image-pool-browser.qrcode-upload-view .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  box-sizing: border-box;
  height: unset;
  padding-bottom: unset;
  margin: unset;
}
.image-pool-browser.qrcode-upload-view .image-pool-image-list[data-view-type="2"] .image-item-wrapper .image-item-name {
  font-size: 12px;
}
@media (orientation: landscape) {
  .image-pool-browser.qrcode-upload-view .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
    flex: 0 0 16.6%;
    max-width: 16.6%;
  }
}

@media (max-width: 2178px) {
  #ImagePoolDialogWrapper {
    max-width: 2015px;
  }
}
@media (max-width: 2015px) {
  #ImagePoolDialogWrapper {
    max-width: 1852px;
  }
}
@media (max-width: 1852px) {
  #ImagePoolDialogWrapper {
    max-width: 1688px;
  }
}
@media (max-width: 1688px) {
  #ImagePoolDialogWrapper {
    max-width: 1525px;
  }
}
@media (max-width: 1525px) {
  #ImagePoolDialogWrapper {
    max-width: 1362px;
  }
}
@media (max-width: 1362px) {
  #ImagePoolDialogWrapper {
    max-width: 1198px;
  }
}
@media (max-width: 1198px) {
  #ImagePoolDialogWrapper {
    max-width: 1035px;
  }
}

#ImagePoolMobileDialog.rc-mobile-view header {
  position: relative;
}
#ImagePoolMobileDialog.rc-mobile-view header.redesign.phone > .mobile-header-options-buttons {
  position: absolute;
  right: 0;
}
#ImagePoolMobileDialog.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#ImagePoolMobileDialog.rc-mobile-view header .mobile-header-image-selection {
  font-size: 14px;
}
#ImagePoolMobileDialog.rc-mobile-view header .image-selection-button-wrapper.hidden {
  opacity: 0;
  width: 0;
}
#ImagePoolMobileDialog.rc-mobile-view header .selection-options-wrapper.redesign > button {
  margin-left: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view header .image-pool-source-selection.drop-down-menu {
  top: 100%;
  right: 0;
  left: unset;
  max-width: 200px;
}
#ImagePoolMobileDialog.rc-mobile-view main.tablet {
  scrollbar-width: thin;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk {
  background-color: #FFFFFF;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .add-more-images-btn {
  flex: unset;
  min-height: 42px;
  margin: 16px;
  border-radius: 120px;
  background: #3669C4;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .add-more-images-btn .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper {
  margin: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper.tablet > div {
  display: block;
  flex-direction: unset;
  align-items: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper.tablet > div .image-item {
  width: 100%;
  height: 100%;
  padding-bottom: 70%;
  margin-bottom: 8px;
  aspect-ratio: unset;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  box-sizing: border-box;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper.tablet > div .image-item img {
  position: absolute;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div > div .image-item {
  aspect-ratio: unset;
  padding-bottom: unset;
  align-self: center;
  height: 100%;
  width: 100%;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div > div .image-item img {
  height: unset;
  top: unset;
  left: unset;
  transform: unset;
  position: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser[data-view-type="1"] .image-pool-image-list .image-item-wrapper > div > div .image-item .image-selection-border {
  left: 50%;
  transform: translate(-50%, -50%);
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser .image-pool-image-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser .image-pool-image-list .image-item-wrapper .image-item {
  aspect-ratio: unset;
  margin-bottom: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view main.redesign.bulk .image-pool-browser .image-pool-image-list .image-item-wrapper .image-item-name {
  font-size: 14px;
}
#ImagePoolMobileDialog.rc-mobile-view main .add-more-images-btn {
  min-height: 42px;
  height: 42px;
  margin: 16px;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 120px;
  background: #3669C4;
  flex: unset;
  border: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .add-more-images-btn .btn-label {
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser {
  padding: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 100%;
  min-height: 50px;
  width: 100%;
  height: auto;
  margin: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper.tablet .normal-view {
  padding: 4px;
  position: relative;
  margin: unset;
  display: block;
  flex-direction: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 25%;
  width: 25%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper.tablet.portrait {
  flex: 0 0 33.3%;
  width: 33.3%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div .image-item {
  aspect-ratio: unset;
  padding-bottom: unset;
  align-self: center;
  height: 100%;
  width: 100%;
  margin-bottom: 8px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div .image-item img {
  height: unset;
  top: unset;
  left: unset;
  transform: unset;
  position: unset;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div .image-item .image-selection-border {
  left: 50%;
  transform: translate(-50%, -50%);
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div > div.image-item-name {
  font-size: 14px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 50%;
  min-height: 50px;
  width: 50%;
  margin: unset;
  height: auto;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper.tablet .normal-view {
  padding: 4px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 16.6%;
  width: 16.6%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper.tablet.portrait {
  flex: 0 0 25%;
  width: 25%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 33%;
  min-height: 50px;
  width: 33%;
  margin: unset;
  height: auto;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper.tablet .normal-view {
  padding: 4px;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 12.5%;
  width: 12.5%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper.tablet.portrait {
  flex: 0 0 16.6%;
  width: 16.6%;
}
#ImagePoolMobileDialog.rc-mobile-view main .image-pool-browser .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#ImagePoolMobileDialog.rc-mobile-view footer.redesign.bulk {
  box-shadow: unset;
}

.rc-dialog.upload-progress-dialog h2.progress-dialog-caption {
  font-size: 22px;
  font-weight: bold;
  font-family: "SourceSansPro-Regular", sans-serif;
}

.rc-dialog.upload-progress.redesign .rc-dialog-content {
  padding: 24px;
  border-radius: 16px;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container {
  height: unset;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .upload-progress-dialog-data {
  flex-direction: column;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .upload-progress-dialog-data > div:first-child {
  font-size: 16px;
  font-weight: 600;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .upload-progress-dialog-data > div:last-child {
  min-height: 30px;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .progress-bar-base {
  height: 12px;
  border-radius: 6px;
}
.rc-dialog.upload-progress.redesign .rc-dialog-content .upload-progress-container .progress-bar-base .progress-bar-filled {
  height: 12px;
  border-radius: 6px;
}

.mobile-pool-source-selection.drop-down-menu {
  top: unset;
  bottom: 0;
}
.mobile-pool-source-selection.drop-down-menu .image-source-item {
  background-color: unset;
}

#ExternalImageSourceDialog .rc-dialog-wrapper, #ImageSelectionDialog .rc-dialog-wrapper {
  max-width: unset;
}

.upload-progress-container {
  flex: 1;
  display: flex;
  position: absolute;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
}
.upload-progress-container.upload-progress-dialog {
  position: unset;
  flex-direction: column;
}
.upload-progress-container .upload-progress-icon {
  width: 48px;
  position: relative;
}
.upload-progress-container .upload-progress-data {
  display: flex;
  align-items: center;
}
.upload-progress-container .upload-progress-dialog-data {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

header .upload-progress-container {
  position: unset;
}

.sgw-progress {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.sgw-progress circle {
  stroke-width: 4px;
  stroke: #CCC;
  transition: stroke-dashoffset 0.2s linear;
}
.sgw-progress circle.sgw-circle-progress-bar {
  stroke: #3669C4;
}

#QRCodeForUploadingDialog .checkout-group-content .group-content.group-content-image.group-align-left {
  align-items: center;
  background-color: #efefef;
  height: 300px;
}
#QRCodeForUploadingDialog .checkout-group-content .group-content.group-content-image.group-align-left img {
  height: 100%;
  width: auto;
}
#QRCodeForUploadingDialog .checkout-group-content .group-content.group-content-label ol {
  list-style: inherit;
  list-style-type: decimal;
  margin-left: 32px;
}

.edit-toolbar {
  background: #3669C4 !important;
  color: #FFFFFF !important;
  position: relative;
  overflow: hidden !important;
  max-height: 0;
  padding: 0;
}
.edit-toolbar .btn-icon .sgw-icon:before {
  color: white;
}

.edit .edit-toolbar, .edit-toolbar.active {
  max-height: 100%;
}

.edit-toolbar-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.edit-toolbar-wrapper:last-child {
  margin-bottom: 0;
}

.edit-toolbar-wrapper.edit-toolbar-centered {
  justify-content: center;
  flex-wrap: wrap;
}

.edit-toolbar-wrapper .btn-simple .delete.sgw-icon {
  margin-right: 6px;
}

.edit-toolbar-wrapper.edit-toolbar-small {
  font-size: 14px;
}

.mobile-import-toolbar-wrapper {
  margin-bottom: 8px;
  width: 100%;
}
.mobile-import-toolbar-wrapper .edit-toolbar-wrapper {
  display: flex;
}
.mobile-import-toolbar-wrapper .edit-toolbar-wrapper div {
  display: flex;
  flex: 1;
  justify-content: center;
}

@media (max-width: 768px) {
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper button {
    flex: 0 0 50%;
  }
}
@media (max-width: 580px) {
  .edit-toolbar-wrapper.edit-toolbar-small {
    font-size: 12px;
  }
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: inherit;
  }
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper button {
    flex: unset;
    justify-content: inherit;
  }
}
#ExternalImagesDialog.rc-mobile-view > main > div.external-images-dialog-content {
  flex: auto;
}

#MobileRedesignImagePoolDialog {
  z-index: 10040;
}

#MobileRedesignImagePoolDialog.embedded, #MobileRedesignImagePool.embedded {
  padding-top: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#MobileRedesignImagePoolDialog header .back-button, #MobileRedesignImagePool header .back-button {
  right: 16px;
  left: unset;
}
#MobileRedesignImagePoolDialog header .back-button .rc-icon.sgw-icon:before, #MobileRedesignImagePool header .back-button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileRedesignImagePoolDialog header .back-button.left-align, #MobileRedesignImagePool header .back-button.left-align {
  right: unset;
  left: 16px;
}
#MobileRedesignImagePoolDialog header .back-button.left-align > button, #MobileRedesignImagePool header .back-button.left-align > button {
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog header .back-button.left-align > button.btn-redesign .btn-label, #MobileRedesignImagePool header .back-button.left-align > button.btn-redesign .btn-label {
  display: none;
}
#MobileRedesignImagePoolDialog header .back-button:not(.left-align) > button, #MobileRedesignImagePool header .back-button:not(.left-align) > button {
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog header .back-button:not(.left-align) > button.btn-redesign, #MobileRedesignImagePool header .back-button:not(.left-align) > button.btn-redesign {
  position: fixed;
  top: 18px;
  right: 16px;
  z-index: 5;
  margin: unset;
}
#MobileRedesignImagePoolDialog header .back-button:not(.left-align) > button.btn-redesign .btn-label, #MobileRedesignImagePool header .back-button:not(.left-align) > button.btn-redesign .btn-label {
  display: none;
}
#MobileRedesignImagePoolDialog .image-pool-tabs, #MobileRedesignImagePool .image-pool-tabs {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  height: 84px;
  padding: 8px 16px 16px 16px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded, #MobileRedesignImagePool .image-pool-tabs.embedded {
  box-shadow: unset;
  padding: 8px 16px 4px 16px;
  gap: 4px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs.embedded .image-pool-tab {
  min-width: 27%;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded.tablet .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs.embedded.tablet .image-pool-tab {
  height: 60px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.embedded.portrait .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs.embedded.portrait .image-pool-tab {
  min-width: unset;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.redesign, #MobileRedesignImagePool .image-pool-tabs.redesign {
  padding: 8px 8px 4px 8px;
  max-height: 68px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.redesign.tablet, #MobileRedesignImagePool .image-pool-tabs.redesign.tablet {
  max-height: 60px;
  overflow-x: scroll;
}
#MobileRedesignImagePoolDialog .image-pool-tabs.redesign.tablet::-webkit-scrollbar, #MobileRedesignImagePool .image-pool-tabs.redesign.tablet::-webkit-scrollbar {
  display: none;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 4px 4px 0 4px;
  gap: 4px;
  min-width: 20vw;
  height: 60px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  flex-shrink: 0;
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab.selected, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab.selected {
  border-bottom: 2px solid #3669C4;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image img, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image img {
  width: 24px;
  height: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image.device img, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image.device img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(13%) hue-rotate(331deg) brightness(100%) contrast(84%);
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon {
  width: 24px;
  height: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon.tab_image:before, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon.tab_image:before {
  color: unset;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon:before, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-image .rc-icon.sgw-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
#MobileRedesignImagePoolDialog .image-pool-tabs .image-pool-tab .image-pool-tab-label, #MobileRedesignImagePool .image-pool-tabs .image-pool-tab .image-pool-tab-label {
  height: 24px;
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 13px;
  text-overflow: ellipsis;
  flex: 1 0 0;
  align-self: stretch;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source, #MobileRedesignImagePool .content-for-selected-image-source {
  background: #FFF;
  overflow-y: hidden;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .rc-checkbox, #MobileRedesignImagePool .content-for-selected-image-source .rc-checkbox {
  margin: 16px 16px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.phone .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.phone .image-pool-image-list {
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet {
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-item {
  height: unset;
  width: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .external-images-content-footer, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .external-images-content-footer {
  box-shadow: unset;
  z-index: 2;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper {
  position: relative;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper.shadow, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper.shadow {
  box-shadow: rgba(0, 0, 0, 0.75) 2px 2px 3px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper {
  position: absolute;
  top: -23px;
  left: -23px;
  z-index: 100;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon {
  background: #3776B2;
  width: 46px;
  height: 46px;
  padding-left: 0;
  border-radius: 23px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon:before, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet .image-pool-image-list .image-item-wrapper .dnd-icon-wrapper .sgw-icon:before {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape {
  align-items: unset;
  margin-top: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list {
  width: 100%;
  justify-content: left;
  padding: 0 16px 82px;
  margin-top: 16px;
  overflow-y: auto;
  box-sizing: border-box;
  align-items: flex-start;
  align-content: flex-start;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper {
  width: calc((100% - 16px) / 3);
  min-width: unset;
  height: unset;
  flex: unset;
  aspect-ratio: 1/1;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper .image-item {
  height: 100%;
  width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait {
  margin-top: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list {
  width: 100%;
  height: 100%;
  justify-content: left;
  padding: 0 16px 16px;
  margin-top: 16px;
  overflow-y: auto;
  align-items: flex-start;
  align-content: flex-start;
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper {
  width: calc((100% - 48px) / 7);
  min-width: unset;
  height: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list.tablet.portrait .image-pool-image-list .image-item-wrapper .image-item {
  height: 100%;
  width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 29vw;
  width: 29vw;
  min-width: 29vw;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div {
  margin: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item-name, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item-name {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item {
  position: relative;
  height: 29vw;
  width: 29vw;
  padding-bottom: 70%;
  margin: 0;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected {
  box-sizing: border-box;
  border: 2px solid #3669c4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected .image-selection-border, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item.selected .image-selection-border {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item > img, #MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list .image-pool-image-list .image-item-wrapper > div .image-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded, #MobileRedesignImagePool .content-for-selected-image-source.embedded {
  position: relative;
  flex: 1;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content.tablet, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content.tablet {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 82px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser {
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser .image-group-date, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content.tablet .image-pool-browser .image-group-date {
  box-sizing: border-box;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.embedded .external-images-content-footer, #MobileRedesignImagePool .content-for-selected-image-source.embedded .external-images-content-footer {
  width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet, #MobileRedesignImagePool .content-for-selected-image-source.tablet {
  display: flex;
  flex-direction: column;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .external-images-content-footer, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .external-images-content-footer {
  box-shadow: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .file-upload-wrapper, #MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .connect-btn-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .file-upload-wrapper, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .connect-btn-wrapper {
  margin-bottom: 64px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source.tablet.portrait .device-image-selection, #MobileRedesignImagePool .content-for-selected-image-source.tablet.portrait .device-image-selection {
  padding: 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect, #MobileRedesignImagePool .content-for-selected-image-source .device-connect {
  margin: 64px 48px 0 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .logo-wrapper, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .logo-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .logo-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .logo-wrapper {
  width: 48px;
  height: 48px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .logo-wrapper img, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .logo-wrapper img, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .logo-wrapper img, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .logo-wrapper img {
  width: 48px;
  height: 48px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .login-header, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .login-header, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .login-header, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .login-header {
  margin-top: 16px;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #2C2C2C;
  text-align: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-source-connect .login-description, #MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .login-description, #MobileRedesignImagePool .content-for-selected-image-source .external-source-connect .login-description, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .login-description {
  margin-top: 8px;
  margin-bottom: 32px;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #2C2C2C;
  text-align: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-connect .logo-wrapper img, #MobileRedesignImagePool .content-for-selected-image-source .device-connect .logo-wrapper img {
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(13%) hue-rotate(331deg) brightness(100%) contrast(84%);
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content {
  overflow-y: auto;
  padding: 8px 16px 16px 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content.tablet .header-buttons .select-all-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content.tablet .header-buttons .select-all-btn {
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content.tablet .image-pool-mobile-folder-list .rc-icon.sgw-icon.folder, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content.tablet .image-pool-mobile-folder-list .rc-icon.sgw-icon.folder {
  margin-right: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn {
  width: unset;
  padding: unset;
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .rc-icon:before {
  color: #3669c4;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .logout-btn .btn-label {
  color: #3669C4;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn {
  flex: unset;
  height: unset;
  width: unset;
  background-color: #FFFFFF;
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .rc-icon:before {
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .external-source-selection-logout .select-all-btn .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control button {
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body {
  margin: unset;
  padding: 8px 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign {
  display: flex;
  gap: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio {
  padding: 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-element, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio .rc-radio-label {
  color: #000000;
  font-size: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .menu-divider, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .menu-divider {
  margin: 12px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #000000;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .btn-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #000000;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons .context-menu button .btn-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button {
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .rc-icon:before {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button .btn-label {
  text-transform: capitalize;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button.asc-desc .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .sort-buttons button.asc-desc .btn-label {
  color: #3669C4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button {
  padding: unset;
  width: 14px;
  height: 14px;
  border-radius: 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button.btn-selected .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button.btn-selected .rc-icon:before {
  color: #3669c4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon {
  width: 14px;
  height: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .sort-view-control .view-buttons button .rc-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .picker-link-button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .picker-link-button {
  margin: 12px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 16px;
  margin: 8px 0 16px 0;
  justify-content: space-between;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons > button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons > button {
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons.single-button-right, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons.single-button-right {
  justify-content: flex-end;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn {
  border: none;
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn.hidden, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn.hidden {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon {
  margin-right: 16px;
  width: 14px;
  height: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .rc-icon:before {
  color: #525252;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .folder-back-btn .btn-label {
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2C2C2C;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn {
  height: unset;
  padding: unset;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  max-width: 40vw;
  background-color: #FFFFFF;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .rc-icon:before {
  color: #525252;
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .header-buttons .select-all-btn .btn-label {
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list {
  margin-bottom: 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button {
  display: flex;
  height: 58px;
  justify-content: flex-start;
  border-bottom: 1px solid #CBCACA;
  padding: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .rc-icon:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .btn-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-mobile-folder-list > button .btn-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 16px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date {
  margin: 24px 0 16px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-element, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-element {
  margin-right: 16px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #525252;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-label, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-group-date .rc-radio .rc-radio-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list {
  gap: 8px 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 50vw;
  width: calc(50vw - 20px);
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name), #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name) {
  margin: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name) div .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.phone.normal-size .image-item-wrapper > div:not(.img-name) div .image-item {
  position: relative;
  height: calc(50vw - 20px);
  width: calc(50vw - 20px);
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper {
  width: calc((100% - 48px) / 7);
  height: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape .image-item-wrapper .image-item {
  width: unset;
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape.normal-size .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.landscape.normal-size .image-item-wrapper {
  width: calc((100% - 16px) / 3);
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait.normal-size .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait.normal-size .image-item-wrapper {
  width: calc((100% - 24px) / 4);
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper {
  width: calc((100% - 48px) / 7);
  height: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list.tablet.portrait .image-item-wrapper .image-item {
  width: unset;
  height: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 100%;
  width: 29vw;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item {
  border: 2px solid #3669C4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon {
  position: absolute;
  padding-left: unset;
  width: 18px;
  height: 18px;
  right: 8px;
  bottom: 8px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon:before {
  color: #3776B2;
  width: 18px;
  height: 18px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon.steps_summary:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .image-item .rc-icon.sgw-icon.steps_summary:before {
  color: #FFFFFF;
  width: 12px;
  height: 12px;
  font-size: 12px;
  left: 10px;
  top: 6px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper .img-name, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper .img-name {
  margin: 4px 0 0 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name), #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) {
  margin: unset;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item {
  position: relative;
  height: 29vw;
  width: 29vw;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item img, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .image-selection-border, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .image-selection-border {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon {
  position: absolute;
  bottom: 13px;
  right: 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon:before, #MobileRedesignImagePool .content-for-selected-image-source .external-images-content .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item .rc-icon:before {
  color: #3669C4;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .progress-bar-dialog, #MobileRedesignImagePool .content-for-selected-image-source .progress-bar-dialog {
  position: absolute;
  bottom: 50vh;
  left: 40vw;
  background-color: #FFFFFF;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-input, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-input {
  display: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label {
  height: 42px;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  border-radius: 120px;
  background-color: #fff;
  border: 1px solid #525252;
  color: #525252;
  height: 42px;
  padding: 8px 24px;
  cursor: pointer;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label:active, #MobileRedesignImagePool .content-for-selected-image-source .device-image-selection .file-upload-wrapper .file-label:active {
  background-color: rgb(0, 98.4, 204);
}
#MobileRedesignImagePoolDialog.redesign-tablet .image-pool-tabs, #MobileRedesignImagePool.redesign-tablet .image-pool-tabs {
  padding: 8px 64px 16px;
  justify-content: space-between;
}
#MobileRedesignImagePoolDialog.redesign-tablet .image-pool-tabs .image-pool-tab, #MobileRedesignImagePool.redesign-tablet .image-pool-tabs .image-pool-tab {
  min-width: unset;
  flex: unset;
}
#MobileRedesignImagePoolDialog.redesign-tablet .image-pool-tabs .image-pool-tab .image-pool-tab-label, #MobileRedesignImagePool.redesign-tablet .image-pool-tabs .image-pool-tab .image-pool-tab-label {
  font-size: 12px;
}
#MobileRedesignImagePoolDialog.redesign-tablet .content-for-selected-image-source.tablet.portrait .external-images-content-footer, #MobileRedesignImagePool.redesign-tablet .content-for-selected-image-source.tablet.portrait .external-images-content-footer {
  bottom: 0;
}
#MobileRedesignImagePoolDialog .external-images-content-footer, #MobileRedesignImagePool .external-images-content-footer {
  display: flex;
  height: 82px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100vw;
  bottom: 0;
  box-sizing: border-box;
  background: #FFF;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
#MobileRedesignImagePoolDialog .external-images-content-footer.bulk, #MobileRedesignImagePool .external-images-content-footer.bulk {
  height: 74px;
}
#MobileRedesignImagePoolDialog .external-images-content-footer.bulk .btn-submit, #MobileRedesignImagePool .external-images-content-footer.bulk .btn-submit {
  height: 42px;
  width: 100%;
  border-radius: 120px;
  padding: 8px 24px;
}
#MobileRedesignImagePoolDialog .external-images-content-footer.bulk .btn-submit .btn-label, #MobileRedesignImagePool .external-images-content-footer.bulk .btn-submit .btn-label {
  text-transform: uppercase;
}
#MobileRedesignImagePoolDialog.embedded .external-images-content-footer, #MobileRedesignImagePool.embedded .external-images-content-footer {
  width: 100%;
}

#MobileRedesignImagePoolDialog .content-for-selected-image-source.already-added-image-list.tablet.landscape .image-pool-image-list .image-item-wrapper {
  width: calc((100% - 16px) / 4);
}

#imagePoolDialog.desktop-image-selection-extended {
  color: #525252;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body {
  margin-top: 0;
  flex-direction: row;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .rc-label-component {
  font-size: 16px;
  font-weight: 700;
  height: 36px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel {
  position: fixed;
  width: 300px;
  flex: unset;
  padding: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .image-pool-button-wrapper {
  margin-bottom: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section {
  margin-top: 8px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper > * {
  height: 36px;
  margin-left: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper .desktop-image-selection-extended-left-panel-date-options-wrapper {
  display: flex;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper .desktop-image-selection-extended-left-panel-date-options-wrapper .rc-radio-group {
  flex-direction: row;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-group-options-wrapper .desktop-image-selection-extended-left-panel-date-options-wrapper .rc-radio-group .rc-radio {
  margin-left: 8px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .rc-checkbox {
  height: 36px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-left-panel .desktop-image-selection-extended-left-panel-section .desktop-image-selection-extended-left-panel-stack-info {
  margin: 8px 0;
  font-size: 12px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main {
  flex: 1;
  position: relative;
  margin-left: 300px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main.has-border {
  border-left: 2px solid #d8d8d8;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-toolbar {
  flex: 0;
  box-sizing: border-box;
  padding: 16px 16px 0;
  height: 52px;
  position: relative;
  z-index: 100;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-selection-toolbar {
  background: #3669c4;
  color: #fff;
  justify-content: stretch;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
  height: 52px;
  display: flex;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-selection-toolbar .edit-toolbar {
  width: 100%;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-selection-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: space-between;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser {
  flex: 1;
  margin: 16px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group {
  border: 3px solid transparent;
  border-bottom: 1px solid #CCCCCC;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group:last-child {
  border-bottom: none;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group.is-hover {
  border: 3px solid #3669C4;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header {
  box-sizing: border-box;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  cursor: pointer;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-left {
  display: flex;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-left .sgw-icon {
  padding-left: 20px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-left h3 {
  margin-left: 4px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right {
  position: relative;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right .drop-down-menu.image-list-group-options {
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right .drop-down-menu.image-list-group-options .drop-down-menu-item.drop-down-menu-action-item {
  padding: 0;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-group-header .image-group-header-right .drop-down-menu.image-list-group-options .drop-down-menu-item.drop-down-menu-action-item .btn-icon {
  padding: 0 8px 0 0;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-body .desktop-image-selection-extended-main .image-pool-browser .image-group .image-pool-image-list {
  padding: 0;
  margin-bottom: 8px;
}
#imagePoolDialog.desktop-image-selection-extended .dialog-v2-footer {
  border-top: 2px solid #d8d8d8;
}

#RenameImageGroupDialog .rc-input {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
#RenameImageGroupDialog .btn-simple.close {
  position: absolute;
  right: 0;
  top: -36px;
}
#RenameImageGroupDialog .btn-simple.close .sgw-icon:before {
  color: #FFFFFF;
}
#RenameImageGroupDialog .btn-simple.submit {
  margin-top: 16px;
}

.full-page-image-preview-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.full-page-image-preview-overlay .full-page-image-preview-header {
  box-sizing: border-box;
  height: 52px;
  padding: 16px;
  display: flex;
  flex-shrink: 0;
}
.full-page-image-preview-overlay .full-page-image-preview-header .sgw-icon:before {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-header .rc-label-component {
  flex: 1;
  color: #FFFFFF;
  min-height: unset;
}
.full-page-image-preview-overlay .full-page-image-preview-header button {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  flex-grow: 1;
  overflow: hidden;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-arrow-container {
  width: 132px;
  height: 100%;
  display: flex;
  align-items: center;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-arrow-container .sgw-icon {
  width: 36px;
  height: 36px;
  background: #6E6E6E;
  border-radius: 18px;
  padding: 0;
  margin: 48px;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-arrow-container .sgw-icon:before {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-image {
  max-width: 1348px;
  height: 100%;
}
.full-page-image-preview-overlay .full-page-image-preview-content .full-page-image-preview-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-options {
  height: 60px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-options .btn-icon > .rc-icon:before {
  color: #FFFFFF;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery {
  height: 144px;
  background: #FFFFFF;
  padding-bottom: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-header {
  height: 52px;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-header .rc-label-component {
  height: 52px;
  text-align: center;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list {
  overflow: hidden;
  display: flex;
  justify-content: center;
  gap: 14px;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list .full-page-image-preview-stack-gallery-item {
  max-width: 76px;
  max-height: 76px;
  position: relative;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list .full-page-image-preview-stack-gallery-item.selected {
  border: 3px solid #3669C4;
}
.full-page-image-preview-overlay .full-page-image-preview-stack-gallery .full-page-image-preview-stack-gallery-list .full-page-image-preview-stack-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*
@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;
  }
}*/
.breadcrumb {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
}
.breadcrumb a {
  position: relative;
}
.breadcrumb a:after {
  content: " ";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #6e6e6e;
}
.breadcrumb strong {
  font-weight: bold;
  font-family: "SourceSansPro-Regular", sans-serif;
}
.breadcrumb .sgw-icon.next {
  padding-right: 36px;
  box-sizing: border-box;
  position: relative;
}
.breadcrumb .sgw-icon.next:after {
  content: "\e99e";
  font-family: "icomoon";
  speak: none;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 26px;
  color: #6E6E6E;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  width: 36px;
  justify-content: center;
  align-items: center;
}
.breadcrumb .sgw-icon.next:before {
  content: unset;
}

.breadcrumb-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  font-size: 21px;
  font-weight: bold;
  display: flex;
  height: 36px;
  align-items: center;
  padding-left: 8px;
}

.breadcrumb {
  justify-content: left;
  padding-left: 16px;
  margin-bottom: 16px;
  background-color: #EFEFEF;
  flex: 0;
  width: 100%;
  box-sizing: border-box;
  white-space: unset;
  text-overflow: unset;
}
.breadcrumb a, .breadcrumb .rc-icon.sgw-icon {
  height: 26px;
}
.breadcrumb a, .breadcrumb span strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  width: 100%;
}
.breadcrumb span {
  display: block;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
  /*&:last-child {
      flex: auto;
  }*/
}
.breadcrumb span strong {
  white-space: nowrap;
}
.breadcrumb span.sgw-icon.with-info-icon {
  display: flex;
  padding-right: 24px;
}
.breadcrumb span.sgw-icon.with-info-icon.next {
  padding-right: 36px;
}

.account-overview-subview .breadcrumb, .desktop-main-content .breadcrumb {
  padding-left: unset;
  background-color: unset;
  overflow: hidden;
  flex: auto;
  align-items: center;
  margin-right: 16px;
}
.account-overview-subview .breadcrumb button.btn-icon.btn-icon-only, .desktop-main-content .breadcrumb button.btn-icon.btn-icon-only {
  height: auto;
}

.desktop-main-content-breadcrumb .breadcrumb span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.desktop-main-content-breadcrumb .breadcrumb span:not(.with-info-icon):first-child > *, .desktop-main-content-breadcrumb .breadcrumb span:not(.with-info-icon):last-child > * {
  max-width: unset;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb {
  font-size: 14px;
  line-height: 16px;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb a {
  height: 18px;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb .sgw-icon.next {
  padding-right: 24px;
}
.desktop-main-content-breadcrumb.sub-breadcrumb .breadcrumb .sgw-icon.next:after {
  line-height: 18px;
  width: 22px;
}

.rc-dialog .dialog-scrollable-content .breadcrumb, .rc-dialog .dialog-v2-breadcrumb .breadcrumb, .rc-mobile-view main .breadcrumb {
  font-size: 14px;
  font-family: "SourceSansPro-Regular", sans-serif;
}
.rc-dialog .dialog-scrollable-content .breadcrumb a, .rc-dialog .dialog-scrollable-content .breadcrumb .rc-icon.sgw-icon, .rc-dialog .dialog-v2-breadcrumb .breadcrumb a, .rc-dialog .dialog-v2-breadcrumb .breadcrumb .rc-icon.sgw-icon, .rc-mobile-view main .breadcrumb a, .rc-mobile-view main .breadcrumb .rc-icon.sgw-icon {
  height: 21px;
}
.rc-dialog .dialog-scrollable-content .breadcrumb .sgw-icon.next, .rc-dialog .dialog-v2-breadcrumb .breadcrumb .sgw-icon.next, .rc-mobile-view main .breadcrumb .sgw-icon.next {
  padding-right: 24px;
}
.rc-dialog .dialog-scrollable-content .breadcrumb .sgw-icon.next:after, .rc-dialog .dialog-v2-breadcrumb .breadcrumb .sgw-icon.next:after, .rc-mobile-view main .breadcrumb .sgw-icon.next:after {
  line-height: 21px;
  width: 22px;
}

.rc-dialog .dialog-v2-breadcrumb > button.btn-simple.btn-default {
  margin-left: 16px;
}
.rc-dialog .dialog-v2-breadcrumb .breadcrumb strong {
  font-weight: normal;
}

/*.collection-share-body #OpenShareView {
    .checkout-group-content, .content-group-table-row {
        .group-content-image {
            display: none;
        }
    }
}*/
#ArticleSelectionContent #OpenShareView {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#WebshopClient #OpenShareView {
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
}
#WebshopClient #OpenShareView.photojob-register-form {
  min-height: unset;
}

#WebshopClient > #OpenShareView {
  align-items: unset;
  overflow-y: auto;
}
#WebshopClient > #OpenShareView.share-view-form {
  align-items: center;
}

#WebshopClient.gallery-multiaccess-page .collection-share-view-body #OpenShareView {
  min-height: unset;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
}
#WebshopClient.gallery-multiaccess-page .collection-share-pages-view .collection-share-view-body {
  align-items: unset;
}

#GalleryPagesView {
  width: 100%;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content {
  width: 100%;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  /*display: flex;
  flex-direction: column;
  align-items: center;*/
}
#GalleryPagesView .project-open-share-content > .checkout-group-content .group-content-horizontal-group .group-content-icon.group-content.icon {
  flex: unset;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content .group-content-button .btn-simple.btn-default {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 18px;
  align-items: center;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content .group-content-button .btn-simple.btn-default div {
  text-align: center;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content {
  width: 672px;
  max-width: 672px;
  margin: 0 auto;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-image.logo, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-image.logo {
  align-items: center;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-image.logo img, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-image.logo img {
  max-height: 96px;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-image:not(.logo) img, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-image:not(.logo) img {
  max-height: unset;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol {
  width: 100%;
  max-width: unset;
  border-bottom: 1px solid #cccccc;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol .rc-tabcontrol {
  width: unset;
  gap: 10px;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab {
  border-bottom: unset;
  font-size: 14px;
  line-height: 16px;
  color: #525252;
}
#GalleryPagesView .project-open-share-content > .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected, #GalleryPagesView .project-open-share-content > .checkout-group-content > .checkout-group-content.group-content-tabcontrol .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  color: #3669c4;
}
#GalleryPagesView .gallery-page-view {
  /*box-shadow: unset;
  border-radius: unset;
  max-width: unset;*/
}
#GalleryPagesView .gallery-page-view.mobile-view .checkout-group-content > .group-content {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
#GalleryPagesView .gallery-page-view.mobile-view .checkout-group-content > .group-content.group-content-tabcontrol {
  padding: 0;
}
#GalleryPagesView .gallery-page-view.mobile-view .checkout-group-content > .group-content.group-content-tabcontrol .rc-tabcontrol {
  width: 100%;
}

#OpenShareView .rc-mobile-view-light .checkout-group-content .group-content-image > img, #OpenShareView .rc-mobile-view-light .content-group-table-row .group-content-image > img, #GalleryPagesView .rc-mobile-view-light .checkout-group-content .group-content-image > img, #GalleryPagesView .rc-mobile-view-light .content-group-table-row .group-content-image > img {
  max-height: 50px;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}
#OpenShareView .project-open-share-content.project-edit-item, #GalleryPagesView .project-open-share-content.project-edit-item {
  flex-direction: column;
}
#OpenShareView .project-open-share-content .project-list-item, #GalleryPagesView .project-open-share-content .project-list-item {
  cursor: unset;
  padding-top: unset;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-image.group-content img, #OpenShareView .project-open-share-content .content-group-table-row .group-content-image.group-content img, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-image.group-content img, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-image.group-content img {
  max-height: 50px;
  width: auto;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-image.group-content.formLogo img, #OpenShareView .project-open-share-content .content-group-table-row .group-content-image.group-content.formLogo img, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-image.group-content.formLogo img, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-image.group-content.formLogo img {
  max-height: unset;
  width: 100%;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-button.group-content button.btn-action .btn-label, #OpenShareView .project-open-share-content .content-group-table-row .group-content-button.group-content button.btn-action .btn-label, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-button.group-content button.btn-action .btn-label, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-button.group-content button.btn-action .btn-label {
  text-align: center;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant, #OpenShareView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant {
  margin: 16px 0;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant button.btn-action, #OpenShareView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant button.btn-action, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-button.group-content.addParticipant button.btn-action, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-button.group-content.addParticipant button.btn-action {
  width: unset;
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 32px;
  height: 36px;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ol, #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ol, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ol, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ol {
  list-style: auto;
  margin: 8px 0 8px 32px;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ol li[data-list=bullet], #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ol li[data-list=bullet], #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ol li[data-list=bullet], #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ol li[data-list=bullet] {
  list-style: disc;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ul, #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ul, #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ul, #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ul {
  list-style: disc;
  margin: 8px 0 8px 32px;
}
#OpenShareView .project-open-share-content .checkout-group-content .group-content-label.group-content ul li[data-list=ordered], #OpenShareView .project-open-share-content .content-group-table-row .group-content-label.group-content ul li[data-list=ordered], #GalleryPagesView .project-open-share-content .checkout-group-content .group-content-label.group-content ul li[data-list=ordered], #GalleryPagesView .project-open-share-content .content-group-table-row .group-content-label.group-content ul li[data-list=ordered] {
  list-style: decimal;
}
#OpenShareView .project-open-share-content + div.project-open-share-view-submit button.btn-action, #GalleryPagesView .project-open-share-content + div.project-open-share-view-submit button.btn-action {
  margin-top: 16px;
}
#OpenShareView .checkout-content-form .group-content.group-content-label.group-important, #GalleryPagesView .checkout-content-form .group-content.group-content-label.group-important {
  align-items: flex-end;
}
#OpenShareView .checkout-content-form .group-content.group-content-label.group-important + a, #GalleryPagesView .checkout-content-form .group-content.group-content-label.group-important + a {
  align-items: flex-end;
  display: flex;
  height: 100%;
}
#OpenShareView .checkout-content-form .group-content-horizontal-group, #GalleryPagesView .checkout-content-form .group-content-horizontal-group {
  margin-bottom: 0;
}
#OpenShareView .checkout-content-form .group-content-horizontal-group.rc-mobile-component > div, #GalleryPagesView .checkout-content-form .group-content-horizontal-group.rc-mobile-component > div {
  width: 100%;
  flex: 0 0 100%;
}
#OpenShareView .checkout-content-form .group-content-checkbox.group-content, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content {
  min-height: 36px;
}
#OpenShareView .checkout-content-form .group-content-checkbox.group-content .group-content-checkbox-infonode .rc-component.rc-checkbox, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content .group-content-checkbox-infonode .rc-component.rc-checkbox {
  align-items: center;
}
#OpenShareView .checkout-content-form .group-content-checkbox.group-content.checkParticipant, #OpenShareView .checkout-content-form .group-content-checkbox.group-content.gdpr, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content.checkParticipant, #GalleryPagesView .checkout-content-form .group-content-checkbox.group-content.gdpr {
  margin-bottom: 8px;
}
#OpenShareView .photojob-register-list-of-participants, #GalleryPagesView .photojob-register-list-of-participants {
  margin-bottom: 8px;
}
#OpenShareView .photojob-register-list-of-participants .checkout-group-content, #GalleryPagesView .photojob-register-list-of-participants .checkout-group-content {
  gap: unset;
}
#OpenShareView .photojob-register-list-of-participants .group-content-label.group-important, #GalleryPagesView .photojob-register-list-of-participants .group-content-label.group-important {
  height: 36px;
  min-height: unset;
  margin-bottom: 0;
  align-items: center;
  padding-bottom: unset;
}
#OpenShareView .photojob-register-list-of-participants .group-content-label.group-important + a, #GalleryPagesView .photojob-register-list-of-participants .group-content-label.group-important + a {
  align-items: center;
}
#OpenShareView .photojob-register-list-of-participants .group-content.group-content-horizontal-group, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-horizontal-group {
  row-gap: 16px;
  padding: 16px 0;
}
#OpenShareView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-input, #OpenShareView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-drop-down, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-input, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-horizontal-group .group-content-drop-down {
  margin-bottom: unset;
}
#OpenShareView .photojob-register-list-of-participants .group-content.group-content-checkbox, #GalleryPagesView .photojob-register-list-of-participants .group-content.group-content-checkbox {
  margin-bottom: unset;
  min-height: 36px;
}

.photojob-registration-page #OpenShareView .project-open-share-content > .checkout-group-content:not(.project-open-share-flow-content) > div:last-child {
  margin-top: 16px;
}

.collection-share-body .rc-dialog .configurator-list-item-footer .configurator-list-item-orderbutton button, .collection-share-body main .configurator-list-item-footer .configurator-list-item-orderbutton button {
  width: 100%;
}

.project-open-share-root, .project-open-share-content, .collection-share-body .rc-dialog, body.rc-dialog-open .rc-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-open-share-root, .project-open-share-content, .collection-share-body .rc-dialog {
  /*.checkout-group-content.project-open-share-flow-content {
  		gap: unset;
  }*/
  /*button {
  		width: 100%;
  		height: 44px;
  		line-height: 22px;
  		font-size: 16px;
  }*/
}
.project-open-share-root button, .project-open-share-content button, .collection-share-body .rc-dialog button {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 18px;
  align-items: center;
}
.project-open-share-root .checkout-group-content, .project-open-share-root .content-group-table-row, .project-open-share-content .checkout-group-content, .project-open-share-content .content-group-table-row, .collection-share-body .rc-dialog .checkout-group-content, .collection-share-body .rc-dialog .content-group-table-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-open-share-root .checkout-group-content > div.group-content, .project-open-share-root .content-group-table-row > div.group-content, .project-open-share-content .checkout-group-content > div.group-content, .project-open-share-content .content-group-table-row > div.group-content, .collection-share-body .rc-dialog .checkout-group-content > div.group-content, .collection-share-body .rc-dialog .content-group-table-row > div.group-content {
  margin-bottom: unset;
}
.project-open-share-root .checkout-group-content .group-content-image img, .project-open-share-root .content-group-table-row .group-content-image img, .project-open-share-content .checkout-group-content .group-content-image img, .project-open-share-content .content-group-table-row .group-content-image img, .collection-share-body .rc-dialog .checkout-group-content .group-content-image img, .collection-share-body .rc-dialog .content-group-table-row .group-content-image img {
  max-height: 60px;
  width: auto;
}
.project-open-share-root .checkout-group-content .group-content-label, .project-open-share-root .content-group-table-row .group-content-label, .project-open-share-content .checkout-group-content .group-content-label, .project-open-share-content .content-group-table-row .group-content-label, .collection-share-body .rc-dialog .checkout-group-content .group-content-label, .collection-share-body .rc-dialog .content-group-table-row .group-content-label {
  color: #2C2C2C;
  font-size: 16px;
  line-height: 22px;
  min-height: unset;
  padding-bottom: 4px;
}
.project-open-share-root .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-root .checkout-group-content .group-content-label.group-important, .project-open-share-root .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-root .content-group-table-row .group-content-label.group-important, .project-open-share-content .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-content .checkout-group-content .group-content-label.group-important, .project-open-share-content .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-content .content-group-table-row .group-content-label.group-important, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.group-important, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.group-important {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 22px;
}
.project-open-share-root .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-root .checkout-group-content .group-content-label.label-heading-bold.rc-mobile-component, .project-open-share-root .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-root .content-group-table-row .group-content-label.label-heading-bold.rc-mobile-component, .project-open-share-content .checkout-group-content .group-content-label.label-heading-bold, .project-open-share-content .checkout-group-content .group-content-label.label-heading-bold.rc-mobile-component, .project-open-share-content .content-group-table-row .group-content-label.label-heading-bold, .project-open-share-content .content-group-table-row .group-content-label.label-heading-bold.rc-mobile-component, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .checkout-group-content .group-content-label.label-heading-bold.rc-mobile-component, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.label-heading-bold, .collection-share-body .rc-dialog .content-group-table-row .group-content-label.label-heading-bold.rc-mobile-component {
  min-height: unset;
  font-size: 21px;
  line-height: 27px;
}
.project-open-share-root .checkout-group-content .checkout-content-input-fields-group, .project-open-share-root .content-group-table-row .checkout-content-input-fields-group, .project-open-share-content .checkout-group-content .checkout-content-input-fields-group, .project-open-share-content .content-group-table-row .checkout-content-input-fields-group, .collection-share-body .rc-dialog .checkout-group-content .checkout-content-input-fields-group, .collection-share-body .rc-dialog .content-group-table-row .checkout-content-input-fields-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
  margin-bottom: 8px;
}
.project-open-share-root .checkout-group-content .checkout-content-input-fields-group > .group-content, .project-open-share-root .content-group-table-row .checkout-content-input-fields-group > .group-content, .project-open-share-content .checkout-group-content .checkout-content-input-fields-group > .group-content, .project-open-share-content .content-group-table-row .checkout-content-input-fields-group > .group-content, .collection-share-body .rc-dialog .checkout-group-content .checkout-content-input-fields-group > .group-content, .collection-share-body .rc-dialog .content-group-table-row .checkout-content-input-fields-group > .group-content {
  margin-bottom: unset;
}
.project-open-share-root .checkout-group-content .group-content-checkbox, .project-open-share-root .content-group-table-row .group-content-checkbox, .project-open-share-content .checkout-group-content .group-content-checkbox, .project-open-share-content .content-group-table-row .group-content-checkbox, .collection-share-body .rc-dialog .checkout-group-content .group-content-checkbox, .collection-share-body .rc-dialog .content-group-table-row .group-content-checkbox {
  line-height: 16px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select label:not(.no-selection), .project-open-share-root .content-group-table-row .rc-component.rc-select label:not(.no-selection), .project-open-share-content .checkout-group-content .rc-component.rc-select label:not(.no-selection), .project-open-share-content .content-group-table-row .rc-component.rc-select label:not(.no-selection), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select label:not(.no-selection), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select label:not(.no-selection) {
  color: #525252;
  font-size: 12px;
  top: -8px;
  left: 16px;
  background-color: #fff;
  padding: 0 4px;
  line-height: 14px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select label, .project-open-share-root .content-group-table-row .rc-component.rc-select label, .project-open-share-content .checkout-group-content .rc-component.rc-select label, .project-open-share-content .content-group-table-row .rc-component.rc-select label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select label {
  left: 16px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper {
  height: 100%;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option {
  border-bottom: unset;
  height: 100%;
  align-items: center;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .selected-option .selected-option-label {
  font-size: 16px;
  color: #2C2C2C;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list {
  padding: 8px;
  border-radius: 16px;
  box-sizing: border-box;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]) {
  min-height: 48px;
  padding: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  margin-bottom: unset;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):last-child {
  border-bottom: unset;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(odd), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):nth-child(even) {
  background-color: #ffffff;
}
.project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-root .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-root .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-content .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .project-open-share-content .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]).focusin, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .select-options-wrapper .select-options-list .select-options-item:not([class^=level]):hover {
  background-color: #3669c4;
  color: white;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input, .project-open-share-root .checkout-group-content .rc-component.rc-select, .project-open-share-root .content-group-table-row .rc-component.rc-input, .project-open-share-root .content-group-table-row .rc-component.rc-select, .project-open-share-content .checkout-group-content .rc-component.rc-input, .project-open-share-content .checkout-group-content .rc-component.rc-select, .project-open-share-content .content-group-table-row .rc-component.rc-input, .project-open-share-content .content-group-table-row .rc-component.rc-select, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select {
  background-color: white;
  height: 48px;
  padding: 8px 8px;
  border-radius: 14px;
  border: 1px solid #525252;
  align-items: center;
  box-sizing: border-box;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input.focus, .project-open-share-root .checkout-group-content .rc-component.rc-select.focus, .project-open-share-root .content-group-table-row .rc-component.rc-input.focus, .project-open-share-root .content-group-table-row .rc-component.rc-select.focus, .project-open-share-content .checkout-group-content .rc-component.rc-input.focus, .project-open-share-content .checkout-group-content .rc-component.rc-select.focus, .project-open-share-content .content-group-table-row .rc-component.rc-input.focus, .project-open-share-content .content-group-table-row .rc-component.rc-select.focus, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input.focus, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select.focus, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input.focus, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select.focus {
  border-color: #3776B2;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-label, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-label, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-label, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-label, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-label, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-label, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-label, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-label, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-label, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-label {
  color: #525252;
  font-size: 12px;
  top: -8px;
  left: 16px;
  background-color: white;
  padding: 0 4px;
  line-height: 14px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-label.empty-input, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-label.empty-input, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-label.empty-input, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-label.empty-input, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-label.empty-input, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-label.empty-input, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-label.empty-input, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-label.empty-input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-label.empty-input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-label.empty-input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-label.empty-input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-label.empty-input {
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 18px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-input-wrapper, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-input-wrapper, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-input-wrapper, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-input-wrapper, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-input-wrapper, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-input-wrapper, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-input-wrapper, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-input-wrapper, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-input-wrapper, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-input-wrapper, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-input-wrapper, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-input-wrapper {
  padding-left: 2px;
}
.project-open-share-root .checkout-group-content .rc-component.rc-input .rc-input-wrapper input, .project-open-share-root .checkout-group-content .rc-component.rc-select .rc-input-wrapper input, .project-open-share-root .content-group-table-row .rc-component.rc-input .rc-input-wrapper input, .project-open-share-root .content-group-table-row .rc-component.rc-select .rc-input-wrapper input, .project-open-share-content .checkout-group-content .rc-component.rc-input .rc-input-wrapper input, .project-open-share-content .checkout-group-content .rc-component.rc-select .rc-input-wrapper input, .project-open-share-content .content-group-table-row .rc-component.rc-input .rc-input-wrapper input, .project-open-share-content .content-group-table-row .rc-component.rc-select .rc-input-wrapper input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-input .rc-input-wrapper input, .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .rc-input-wrapper input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-input .rc-input-wrapper input, .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .rc-input-wrapper input {
  font-size: 16px;
  color: #2C2C2C;
}
.project-open-share-root .group-content-button button.btn-action, .project-open-share-content .group-content-button button.btn-action, .collection-share-body .rc-dialog .group-content-button button.btn-action {
  display: flex;
  justify-content: center;
}
.project-open-share-root .project-open-share-view, .project-open-share-content .project-open-share-view, .collection-share-body .rc-dialog .project-open-share-view {
  max-width: 750px;
  min-width: 320px;
  background-color: white;
  height: auto;
  box-sizing: border-box;
  padding: 16px 16px 24px 16px;
  position: relative;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  border-radius: 14px;
  margin: 16px auto;
}
.project-open-share-root .project-open-share-view.project-open-share-mobile-view, .project-open-share-content .project-open-share-view.project-open-share-mobile-view, .collection-share-body .rc-dialog .project-open-share-view.project-open-share-mobile-view {
  box-shadow: unset;
}
.project-open-share-root .project-open-share-view.collection-share-password-view form, .project-open-share-content .project-open-share-view.collection-share-password-view form, .collection-share-body .rc-dialog .project-open-share-view.collection-share-password-view form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.project-open-share-root .project-open-share-view.collection-share-password-view.phone-view, .project-open-share-content .project-open-share-view.collection-share-password-view.phone-view, .collection-share-body .rc-dialog .project-open-share-view.collection-share-password-view.phone-view {
  box-shadow: unset;
}
.project-open-share-root .project-open-share-view .project-edit-item, .project-open-share-content .project-open-share-view .project-edit-item, .collection-share-body .rc-dialog .project-open-share-view .project-edit-item {
  margin: 0;
}

.collection-share-body .rc-dialog button {
  width: unset;
}
.collection-share-body .rc-dialog .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body button {
  height: 36px;
}
.collection-share-body .rc-dialog .rc-context-menu.rc-context-menu-v2 .context-menu .context-menu-body .project-preview-author-hint-wrapper {
  height: 36px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}

#bulkOrderer {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#bulkOrdererSelectionDialog {
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  width: 91.5%;
  /*height: 100%;*/
  height: 90vh;
  margin: 0 auto;
}
#bulkOrdererSelectionDialog .rc-multi-accept-input form {
  flex-wrap: nowrap;
}
@media (max-width: 900px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-height: 600px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}

/*#BulkOrdererMobile {
    #WebshopClient {
        display: inherit;
    }
}*/
/*.bulk-orderer-page-dialog */
#bulkOrdererSelectionDialog {
  background-color: #e7e7e7;
}

.image-pool-footer-button-left {
  padding-left: 0;
}

.bulk-orderer-header {
  padding: 8px;
  display: flex;
  flex: 0 0 45px;
  justify-content: space-between;
}

.bulk-orderer-edit-tool-bar {
  display: flex;
}
.bulk-orderer-edit-tool-bar .rc-checkbox {
  max-height: 36px;
  padding-right: 16px;
}
.bulk-orderer-edit-tool-bar .btn-icon {
  padding-right: 16px;
}
.bulk-orderer-edit-tool-bar .btn-icon .sgw-icon {
  margin-right: unset;
}

.bulk-orderer-header .image-pool-sidebar .image-pool-sidebar-header {
  padding: 0;
}

.bulk-orderer-header .image-pool-sidebar {
  flex: 0 0 243px;
  position: relative;
}

.bulk-orderer-body {
  flex: 1;
  padding: 4px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.bulk-orderer-body.redesign {
  padding: unset;
  background-color: #E7E7E7;
}
.bulk-orderer-body .mobile-selection-button {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0;
}
.bulk-orderer-body .mobile-selection-button button {
  padding-right: 4px;
  padding-left: 0;
}
.bulk-orderer-body .mobile-selection-button button .btn-label {
  font-size: 14px;
  color: #3669c4;
}

.rc-mobile-view > main > div.bulk-orderer-body {
  justify-content: unset;
  height: 100%;
  padding-bottom: 76px;
}

.bulk-orderer-body .bulk-orderer-article-list {
  margin-bottom: 16px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header {
  display: flex;
  font-size: 18px;
  align-items: center;
  padding: 0 12px 0 4px;
  margin-bottom: 4px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin-right: 8px;
}
.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-top: -2px;
  margin-left: 4px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-header hr {
  margin: 0;
  border: 0;
  flex: 1;
  padding: 0;
  height: 1px;
  background: #cccccc;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-body {
  /*-webkit-transition: max-height 200ms ease-in-out;*/
  /*-moz-transition: max-height 200ms ease-in-out;*/
  /*-ms-transition: max-height 200ms ease-in-out;*/
  /*-o-transition: max-height 200ms ease-in-out;*/
  /*transition: max-height 200ms ease-in-out;*/
  max-height: 100%;
  overflow: hidden;
}

.bulk-orderer-body .bulk-orderer-article-list .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  max-height: 0;
}

.bulk-orderer-footer {
  background-color: #e7e7e7;
}

.image-article-item .rc-input {
  height: 25px;
  min-width: unset;
}
.image-article-item .rc-input.mobile-numeric {
  width: 100%;
  height: 44px;
}

.image-article-item .rc-input input {
  width: 25px;
}

.global-quantity .rc-input {
  height: 25px;
  min-width: unset;
}

.global-quantity .rc-input input {
  width: 35px;
}

.image-article-item .rc-input .btn-simple.btn-icon:hover, .global-quantity .rc-input .btn-simple.btn-icon:hover {
  background-color: #d8d8d8;
  border-radius: 6px;
}

.image-article-item .rc-input input, .global-quantity .rc-input input {
  padding: 2px 0 2px 4px;
  font-family: "source_sans_pro";
  font-size: 14px;
}

.image-article-item .rc-input .numeric-buttons, .global-quantity .rc-input .numeric-buttons {
  height: 24px;
  width: 50%;
}

.image-article-item .rc-input .numeric-buttons > *, .global-quantity .rc-input .numeric-buttons > * {
  height: 50%;
  width: 100%;
}
.image-article-item .rc-input .numeric-buttons > * .sgw-icon, .global-quantity .rc-input .numeric-buttons > * .sgw-icon {
  width: 14px;
  height: 12px;
  overflow: hidden;
}

.image-article-item .rc-input .numeric-buttons > * .sgw-icon:before, .global-quantity .rc-input .numeric-buttons > * .sgw-icon:before {
  width: unset;
  height: unset;
  font-size: 18px;
  line-height: 18px;
}

@media (max-width: 900px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
#bulkOrdererSelectionDialog {
  background-color: #e7e7e7;
  display: flex;
  flex-direction: row;
  padding: 16px;
  box-sizing: border-box;
}
#bulkOrdererSelectionDialog .configurator-list-column {
  flex: 0 0 200px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 8px;
  padding-top: 8px;
}
#bulkOrdererSelectionDialog .configurator-list-column .configurator-list .content-card {
  margin-bottom: 8px;
}
#bulkOrdererSelectionDialog .configurator-list .content-card-image .image-tile {
  border: unset;
}
#bulkOrdererSelectionDialog .configurator-list .content-card-image .image-tile.selected:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #3669c4;
}
#bulkOrdererSelectionDialog .configurator-list .content-card-image .image-tile img {
  max-width: unset;
  height: 100%;
  width: calc(100% + 1px);
}

.dialog-content-column {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-sidebar {
  background: #FFFFFF;
  padding: 8px 8px 8px 8px;
  flex: 0 0 446px;
  max-width: 40%;
  overflow-y: auto;
}
#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-sidebar .details {
  padding-left: 16px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

#BulkOrdererMobileSelectionDialog .details {
  margin: 8px 8px 0 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: #FFFFFF;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

#bulkOrdererSelectionDialog .bulk-orderer-image-editor {
  position: relative;
}

.dialog-v2-body > div.bulk-orderer-configurator-content > div {
  background: #FFFFFF;
  padding: 4px 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
}

#bulkOrdererSelectionDialog .edit-toolbar-wrapper {
  padding: 4px;
}
#bulkOrdererSelectionDialog .edit-toolbar-wrapper.edit-toolbar-centered {
  font-size: 14px;
}

div.bulk-orderer-configurator-content > div.image-article-list-wrapper,
div.bulk-orderer-configurator-content > div.projects-list-items-wrapper {
  flex: 1;
  margin-bottom: 8px;
  display: block;
  overflow: hidden;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content .dialog-v2-bottom-edit-toolbar {
  margin-bottom: 8px;
  max-height: unset;
  padding: 0;
  flex: unset;
  flex-shrink: 1;
  flex-grow: 0;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content .dialog-v2-bottom-edit-toolbar > div {
  width: 100%;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.bulk-orderer-image-editor {
  flex: 1;
  display: flex;
  position: relative;
  margin-bottom: 8px;
  flex-direction: column;
  padding: 0;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.image-edit-cropper {
  flex: 1;
  position: relative;
  margin-top: 8px;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content .bulk-orderer-image-editor-footer {
  text-align: center;
  padding: 8px 0;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.bulk-orderer-image-editor .image-editor-quality {
  text-align: center;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content div.bulk-orderer-image-editor .image-editor-quality:before {
  top: -1px;
}

#bulkOrdererSelectionDialog .edit-toolbar-wrapper .btn-toolbar .sgw-icon:before {
  top: 4px;
}

.image-article-list {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 100%;
}
.image-article-list .image-article-item {
  margin-bottom: 16px;
  position: relative;
  max-width: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.image-article-list .image-article-item.redesign.tablet-portrait {
  max-width: 140px;
}
.image-article-list .image-article-item.redesign.tablet-portrait .image-article-image {
  max-width: 140px;
}
.image-article-list .image-article-item .image-article-quality-warning {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d7032c;
}
.image-article-list .image-article-item .image-file-name {
  flex: 1;
}

.image-article-list .image-article-item .image-article-quality-warning {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #d7032c;
}

.image-article-list .image-article-item .image-article-enhanced {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  z-index: 1;
}

.image-article-list .image-article-item .image-article-enhanced:before {
  color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-article-list .image-article-item div.image-article-image {
  position: relative;
  margin-bottom: 4px;
  height: 96px;
  max-width: 150px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid transparent;
  box-sizing: border-box;
  border-radius: 6px;
}
.image-article-list .image-article-item .image-article-image-quality {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
}
.image-article-list .image-article-item .image-article-image-quality .image-article-svg-tooltip {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  color: #ffffff;
  background-color: #6e6e6e;
  z-index: 2;
  font-size: 14px;
  padding: 4px 8px;
}
.image-article-list .image-article-item .image-article-image-quality .image-article-svg-tooltip div {
  white-space: nowrap;
}
.image-article-list .image-article-item .image-article-image-quality .image-article-svg-tooltip:after {
  content: " ";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #6e6e6e;
  top: -4px;
  left: 4px;
  position: absolute;
}
.image-article-list .image-article-item .image-article-image-quality:hover .image-article-svg-tooltip {
  display: block;
}
.image-article-list .image-article-item .image-article-image-quality .rc-icon.sgw-icon.magic_ward {
  width: 16px;
  height: 16px;
  padding-left: unset;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.image-article-list .image-article-item .image-article-image-quality .rc-icon.sgw-icon.magic_ward:hover {
  border-color: white;
}
.image-article-list .image-article-item .image-article-image-quality .rc-icon.sgw-icon.magic_ward:before {
  width: 16px;
  height: 16px;
  transform: unset;
  left: -2px;
  top: -2px;
  color: white;
  line-height: unset;
}
.image-article-list .image-article-item > button {
  display: none;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 22px;
  height: 22px;
  background: #FFFFFF;
}
.image-article-list .image-article-item:hover > button {
  display: inline-flex;
}

.image-article-list .image-article-item div.image-article-image > svg {
  max-width: 100%;
  max-height: 100%;
}

.image-article-list .image-article-item.aspect-ratio-warning div.image-article-image,
.image-article-list .image-article-item.invalid-image div.image-article-image {
  border-color: #d7032c;
}

.edit .image-article-list .image-article-item div.image-article-image {
  border-color: #EFEFEF;
}

.image-article-list .image-article-item.selected div.image-article-image {
  border-color: #3669C4;
}

.image-article-list .image-article-item .image-file-name {
  display: block;
  text-align: center;
  margin-bottom: 4px;
  font-size: 12px;
  word-break: break-all;
  padding: 0 4px;
  box-sizing: border-box;
}

.image-article-list .image-article-item .image-article-info {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /*padding: 0 8px;*/
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input .rc-input-wrapper {
  padding-left: 0;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input label.rc-label {
  width: 100%;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input input {
  position: absolute;
  bottom: 0;
  height: 80%;
  font-size: 16px;
  width: 100%;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input .rc-input-wrapper.input-without-label {
  align-items: center;
}
.image-article-list .image-article-item .image-article-info .rc-component.rc-input .rc-input-wrapper.input-without-label input {
  position: relative;
  inset: unset;
}

.image-article-list .image-article-item .image-article-info > span {
  margin-left: 4px;
}

.image-article-list .image-article-item .image-article-info .numeric-input-with-arrows {
  flex: 0 0 auto;
  width: auto;
}

.image-article-list .image-article-item .image-article-info .numeric-input-with-arrows-field > input {
  max-width: 21px;
}

#bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-content > div.bulk-orderer-configurator-content-bottom {
  padding: 8px;
}

.bulk-orderer-configurator-content .global-quantity {
  margin-right: 32px;
}

.scale-price-progressbar {
  display: flex;
  flex-wrap: wrap;
  overflow-x: auto;
}

.scale-price-progressbar > div {
  margin-right: 8px;
  margin-bottom: 8px;
}

.scale-price-progressbar .sliding-scale-prices-list {
  display: flex;
  text-align: center;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 44px;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item.selected {
  font-weight: bold;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-item-label {
  padding: 0 8px;
  position: relative;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-item-label span {
  white-space: nowrap;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-item-label .sliding-scale-prices-item-marker {
  position: absolute;
  width: 4px;
  height: 8px;
  background: #CCCCCC;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item.selected .sliding-scale-prices-item-label .sliding-scale-prices-item-marker {
  background: #3669C4;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-progress {
  width: 100%;
  background: #CCCCCC;
  height: 4px;
  position: absolute;
  margin-top: 4px;
  left: 50%;
  bottom: 0;
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item .sliding-scale-prices-progress .progress-percentage {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #3669C4;
  z-index: 2;
}

/*.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:first-child .sliding-scale-prices-progress,*/
/*.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:last-child .sliding-scale-prices-progress {*/
/*width: 50%;*/
/*}*/
.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:first-child .sliding-scale-prices-progress {
  /*left: calc(50% - 1px);*/
}

.scale-price-progressbar .sliding-scale-prices-list .sliding-scale-prices-item:last-child .sliding-scale-prices-progress {
  /*align-self: flex-end;*/
  width: 0;
  height: 0;
  margin: 0;
  left: 0;
}

#bulkOrdererSelectionDialog .dialog-v2-footer > div {
  padding: unset;
  padding-top: 8px;
}

/*@media (max-width: 1396px) {
    #bulkOrdererSelectionDialog .edit-toolbar-wrapper.edit-toolbar-centered {
        flex-wrap: wrap-reverse;
    }
}*/
@media (max-width: 1024px) {
  #bulkOrdererSelectionDialog .dialog-v2-body > div.bulk-orderer-configurator-sidebar {
    flex: 0 0 240px;
  }
}
.collection-bulkorderer-price-info-wrapper {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.collection-bulkorderer-price-info-wrapper > div .price {
  font-size: 16px;
  text-align: right;
  font-weight: bold;
}
.collection-bulkorderer-price-info-wrapper > div .price-info {
  color: #333333;
  font-size: 12px;
}

.bottom, .bulk-orderer-footer {
  padding: 8px;
  background: #FFFFFF;
  border-top: 2px solid #DCDCDC;
}

.designer-footer {
  position: relative;
  display: flex;
}
.designer-footer > div {
  overflow: hidden;
}
@media (max-width: 800px) {
  .designer-footer .btn-simple {
    font-size: 14px;
  }
}

.designer-footer-left .btn-simple {
  width: 100%;
  /*&.preview-designer-footer-button {
      width: unset;
  }*/
}
.designer-footer-left .btn-simple div:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1399px) {
  .designer-footer-left {
    flex: 0 0 230px;
  }
  .designer-footer-left .btn-simple.btn-icon {
    padding: 8px 0;
  }
  .designer-footer-left .btn-simple.btn-icon .sgw-icon {
    margin-right: 0;
  }
}
@media (max-width: 800px) {
  .designer-footer-left {
    flex: 0 0 48px;
  }
  .designer-footer-left .btn-simple.btn-icon {
    padding: 8px 0;
  }
  .designer-footer-left .btn-simple.btn-icon .sgw-icon {
    margin-right: 0;
  }
  .designer-footer-left .btn-simple div:last-child {
    display: none;
  }
}

.designer-footer-center {
  flex: 1;
  margin: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.designer-footer-center .designer-footer-article-desc {
  flex: 1;
  overflow: hidden;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.designer-footer-center .designer-footer-article-desc .description {
  font-size: 14px;
}
.designer-footer-center .designer-footer-article-desc .description b, .designer-footer-center .designer-footer-article-desc .values {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
@media (max-width: 800px) {
  .designer-footer-center {
    justify-content: flex-end;
  }
  .designer-footer-center .designer-footer-article-desc {
    display: none;
  }
}

.designer-footer-price-info-wrapper {
  text-align: right;
  padding-right: 8px;
}
.designer-footer-price-info-wrapper > .designer-footer-price-info-wrapper {
  padding-right: 0;
}
.designer-footer-price-info-wrapper.price-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 100%;
}
.designer-footer-price-info-wrapper .designer-footer-price-info {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
}
.designer-footer-price-info-wrapper .designer-footer-price-info.valid-to {
  color: #d9052f;
  margin-left: 8px;
}
.designer-footer-price-info-wrapper .designer-footer-price-info > * {
  white-space: nowrap;
}
.designer-footer-price-info-wrapper .designer-footer-price-info .price-original {
  text-decoration: line-through;
  margin-right: 4px;
  margin-bottom: 1px;
  color: #868686;
}
.designer-footer-price-info-wrapper .terms-info, .designer-footer-price-info-wrapper .terms-info a {
  color: #333333;
  font-size: 12px;
}
.designer-footer-price-info-wrapper .terms-info a:hover {
  color: #3669C4;
}

.designer-footer-right {
  max-width: 340px;
  display: flex;
  justify-content: center;
}
.designer-footer-right .btn-submit {
  display: flex;
  padding: 8px 24px 8px 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.designer-footer-right .btn-submit span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.designer-footer-right .btn-submit .shopping_cart {
  position: relative;
  width: 21px;
  height: 21px;
  padding: 0;
  margin-right: 8px;
}
.designer-footer-right .btn-submit .shopping_cart:before, .designer-footer-right .btn-submit .shopping_cart:before:hover {
  color: #FFFFFF;
  top: 0;
  left: 0;
}
@media (max-width: 1399px) {
  .designer-footer-right {
    flex: none;
    min-width: unset;
  }
}

.dialog-window {
  z-index: 10002;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  filter: none;
  -webkit-filter: none;
  -ms-filter: none;
}
.dialog-window:after {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background-color: #353840;
  content: " ";
  pointer-events: none;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}
.dialog-window > div {
  width: 90%;
  height: 90%;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  box-sizing: border-box;
}
@media (max-width: 1100px) and (max-height: 760px) {
  .dialog-window {
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
  }
}
@media (max-width: 1035px) {
  .dialog-window {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    height: 100%;
    min-width: 620px;
  }
  .dialog-window > div {
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin: auto;
  }
}
@media (max-width: 500px) {
  .dialog-window {
    min-width: unset;
  }
}
@media (max-height: 800px) {
  .dialog-window {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 12px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    min-width: 620px;
  }
  .dialog-window > div {
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin: auto;
  }
}

/** Dialog v2 reset **/
.dialog-v2 {
  font-size: 14px;
  line-height: 18px;
  max-width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  /*min-width: 375px;*/
  min-height: auto;
}
.dialog-v2 > div {
  background: #FFFFFF;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 300px;
}

.dialog-v2-mobile-menu {
  flex: 0 0 48px;
}

.dialog-v2-headline {
  flex: 0 0 48px;
}

.dialog-v2-header > div {
  padding: 16px;
}

#imagePoolDialog .dialog-v2-header > div {
  padding: unset;
}

.dialog-v2-body {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.dialog-v2-body > div {
  box-sizing: border-box;
  flex: auto;
}
.dialog-v2-body > .dialog-v2-bottom-edit-toolbar {
  flex: 0;
}
.dialog-v2-body .image-pool-browser {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  flex: auto;
  box-sizing: border-box;
}

.dialog-v2-footer .button-action-back .btn-simple, .rc-dialog-content .button-action-back .btn-simple {
  padding-left: 0;
}
.dialog-v2-footer .button-action-back .btn-simple:hover, .rc-dialog-content .button-action-back .btn-simple:hover {
  text-decoration: underline;
}

.dialog-v2-footer > div {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
}
.dialog-v2-footer > div > div {
  margin-right: 16px;
}
.dialog-v2-footer > div > div:last-child {
  margin-right: 0;
}
.dialog-v2-footer .image-selection-hint {
  text-align: center;
}

.dialog-v2-bottom-edit-toolbar {
  flex: 0;
  background: #3669C4;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  color: #ffffff;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.dialog-v2-bottom-edit-toolbar .btn-simple:hover {
  text-decoration: underline;
}
.dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:before, .dialog-v2-bottom-edit-toolbar .btn-simple .sgw-icon:hover:before {
  color: #FFFFFF;
}
.dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: center;
  align-items: center;
}
@media (max-width: 1035px) {
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-height: 800px) {
  .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar {
    flex: 0 0 auto;
  }
}
@media (max-width: 580px) {
  .dialog-v2-bottom-edit-toolbar > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

.edit .dialog-v2-bottom-edit-toolbar {
  max-height: 100%;
  transition: max-height 0.3s ease-in;
}

.rc-dialog.rc-dialog-bg-shadow > #LoginView {
  background-color: transparent;
}

.rc-dialog.redesign-tablet:not(.select-options-dialog-redesign) .rc-dialog-wrapper {
  justify-content: center;
}
.rc-dialog.redesign-tablet:not(.select-options-dialog-redesign) .rc-dialog-wrapper .rc-dialog-content {
  width: unset;
}

.desktop-presentation-label {
  z-index: 1;
  color: white;
  display: flex;
}
.desktop-presentation-label .rc-icon:before {
  color: white;
}

.desktop-presentation-feedback-and-label {
  z-index: 1;
  color: #2C2C2C;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  /*    .desktop-presentation-label {
          z-index: 1;
          color: white;
          display: flex;
          justify-self: flex-end;

          .rc-icon:before {
              color: white;
          }
      }*/
}
.desktop-presentation-feedback-and-label .rc-icon:before {
  color: #2C2C2C;
}
.desktop-presentation-feedback-and-label .desktop-presentation-feedback {
  color: #2C2C2C;
  display: flex;
  justify-self: flex-start;
}
.desktop-presentation-feedback-and-label .desktop-presentation-img-label {
  color: #2C2C2C;
  display: flex;
  justify-self: flex-end;
}

.dialog-floated-button {
  z-index: 1;
}
.dialog-floated-button.navigation-button {
  position: fixed;
  width: 32px;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.dialog-floated-button.navigation-button .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.dialog-floated-button.navigation-button.previous {
  left: 16px;
}
@media screen and (min-width: 1600px) {
  .dialog-floated-button.navigation-button.previous {
    left: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-floated-button.navigation-button.previous {
    left: 48px;
  }
}
.dialog-floated-button.navigation-button.next {
  right: 16px;
}
@media screen and (min-width: 1600px) {
  .dialog-floated-button.navigation-button.next {
    right: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-floated-button.navigation-button.next {
    right: 48px;
  }
}
.dialog-floated-button.close {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 1;
}
@media screen and (min-width: 1600px) {
  .dialog-floated-button.close {
    left: 32px;
    top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-floated-button.close {
    left: 48px;
    top: 64px;
  }
}
.dialog-floated-button.close .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.dialog-floated-button.close .rc-icon.sgw-icon:hover:before {
  color: #ffffff;
}
.dialog-floated-button.right-corner-button {
  position: absolute;
  right: 0;
  top: 100%;
}
.dialog-floated-button.right-corner-button.desktop-view {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
  left: unset;
  top: unset;
}
.dialog-floated-button.right-corner-button.desktop-view .rc-label-component {
  display: flex;
  color: #FFFFFF;
}
.dialog-floated-button.right-corner-button.desktop-view.feedback {
  align-items: unset;
}
.dialog-floated-button.right-corner-button.mobile-centered {
  position: relative;
  right: unset;
  top: unset;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.dialog-floated-button.right-corner-button.mobile-centered .rc-label-component {
  display: flex;
  justify-content: center;
}
.dialog-floated-button.right-corner-button.mobile-centered.margin-below {
  margin-bottom: 16px;
}
.dialog-floated-button.left-corner-button {
  position: absolute;
  left: 0;
  top: 100%;
}
.dialog-floated-button.left-corner-button.mobile-centered {
  position: relative;
  right: unset;
  top: unset;
  width: 100%;
  display: flex;
  justify-content: center;
}

#CollectionShareOrder .dialog-floated-button.close, #CollectionShareProductSetConfiguration .dialog-floated-button.close {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 1;
}
@media screen and (min-width: 1600px) {
  #CollectionShareOrder .dialog-floated-button.close, #CollectionShareProductSetConfiguration .dialog-floated-button.close {
    left: 32px;
    top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  #CollectionShareOrder .dialog-floated-button.close, #CollectionShareProductSetConfiguration .dialog-floated-button.close {
    left: 48px;
    top: 32px;
  }
}
#CollectionShareOrder .dialog-floated-button.close .rc-icon.sgw-icon:before, #CollectionShareProductSetConfiguration .dialog-floated-button.close .rc-icon.sgw-icon:before {
  color: #ffffff;
}
#CollectionShareOrder .dialog-floated-button.close .rc-icon.sgw-icon:hover:before, #CollectionShareProductSetConfiguration .dialog-floated-button.close .rc-icon.sgw-icon:hover:before {
  color: #ffffff;
}

.rc-mobile-view.dark-mode .rc-label-component.rc-mobile-component {
  color: #FFFFFF;
}
.rc-mobile-view.dark-mode .dialog-floated-button.btn-simple:focus .sgw-icon:before {
  color: #ffffff;
}
.rc-mobile-view.dark-mode .dialog-floated-button .rc-icon, .rc-mobile-view.dark-mode .dialog-floated-button .rc-icon:before, .rc-mobile-view.dark-mode .dialog-floated-button .btn-label {
  color: #ffffff;
}

.mobile-feedback {
  position: relative;
}

.dialog-buttons-right-top {
  position: fixed;
  right: 16px;
  top: 16px;
  display: flex;
  z-index: 1;
  gap: 8px;
}
@media screen and (min-width: 1600px) {
  .dialog-buttons-right-top {
    right: 32px;
    top: 32px;
  }
}
@media screen and (min-width: 1920px) {
  .dialog-buttons-right-top {
    right: 64px;
    top: 64px;
  }
}
.dialog-buttons-right-top button.btn-simple:focus .sgw-icon:before {
  color: #ffffff;
}
.dialog-buttons-right-top button .rc-icon:before, .dialog-buttons-right-top button .rc-icon:hover:before {
  color: #ffffff;
}
.dialog-buttons-right-top .context-menu-body button.btn-simple:focus .sgw-icon:before {
  color: #6e6e6e;
}
.dialog-buttons-right-top .context-menu-body button .rc-icon:before, .dialog-buttons-right-top .context-menu-body button .rc-icon:hover:before {
  color: #6e6e6e;
}

#CollectionShareOrder .dialog-buttons-right-top {
  right: 64px;
  top: 32px;
}
@media screen and (min-width: 1600px) {
  #CollectionShareOrder .dialog-buttons-right-top {
    right: 32px;
  }
}
@media screen and (min-width: 1920px) {
  #CollectionShareOrder .dialog-buttons-right-top {
    right: 48px;
  }
}

.collection-share-body {
  /*button {
  		&.btn-simple.btn-icon:focus:not(.image-list-item-article-card-buy-button):not(.btn-white) {
  				.btn-label {
  						color: #3669c4;
  				}

  		}
  }*/
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content {
  max-width: 446px;
  border-radius: 14px;
  gap: 10px;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-title {
  margin: unset;
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-content {
  margin: unset;
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-footer {
  margin-top: 10px;
}
.collection-share-body .collection-share-registration-info-confirm .rc-dialog-content .rc-confirm-footer button {
  width: 100%;
  height: 48px;
  padding: 9px 32px;
  border-radius: 32px;
}
.collection-share-body .collection-share-registration-info-confirm.rc-mobile-view .rc-dialog-content {
  max-width: unset;
  width: calc(100% - 32px);
}
.collection-share-body .sgw-icon:before, .collection-share-body .checkbox:before, .collection-share-body .sgw-upload-stage:before {
  font-family: "icomoon";
}
.collection-share-body.rc-mobile-view .footer-legal-links .rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0;
}
.collection-share-body.rc-mobile-view .rc-mobile-component {
  /*&.rc-label-component {
  		min-height: 36px;
  		line-height: inherit;

  		&.label-heading {
  				font-size: 18px;
  		}

  		&.label-heading-bold {
  				font-size: 18px;
  				font-weight: bold;
  		}
  }*/
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple {
  font-size: 14px;
  min-height: inherit;
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0 16px 0 16px;
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-simple .sgw-icon:before {
  font-size: 21px;
}
.collection-share-body.rc-mobile-view .rc-mobile-component.btn-icon.btn-icon-only {
  width: 36px;
}
.collection-share-body.rc-mobile-view .back-button .rc-mobile-component.btn-simple {
  padding-left: 0;
}
.collection-share-body.rc-mobile-view header {
  box-shadow: unset;
  border-bottom: unset;
  flex-basis: 52px;
}
.collection-share-body.rc-mobile-view header .back-button:not(.align-right), .collection-share-body.rc-mobile-view header .close-button:not(.align-right) {
  left: 8px;
}
.collection-share-body.rc-mobile-view footer {
  align-items: unset;
  padding: 16px;
}
.collection-share-body.rc-mobile-view footer .footer-submit-button {
  margin-top: unset;
}
.collection-share-body.rc-mobile-view footer button.btn-submit.rc-mobile-component {
  border-radius: 21px;
  height: 42px;
  min-height: 42px;
}

.collection-share-body.rc-mobile-view {
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.collection-share-body.rc-mobile-view .collection-share-view.buy-all-images-view > div {
  padding: 32px;
}

.collection-share-view {
  width: 100%;
  background-color: #efefef;
  overflow-y: auto;
  scroll-behavior: smooth;
  /*#OpenShareView {
  			.project-open-share-root.project-registration-form {
  					display: flex;
  					justify-content: center;
  					align-items: center;
  					background-color: unset;
  					height: auto;
  					margin: 32px 0;

  					.project-open-share-view {
  							max-width: 414px;
  							min-width: 320px;
  							background-color: white;
  							height: auto;
  							padding: 16px;
  							position: relative;
  							box-shadow: 0 0 16px #00000029;

  							.project-edit-item {
  									margin: 0;
  							}

  							.project-open-share-content {
  									margin-bottom: 16px;

  									.project-list-item {
  											cursor: unset;
  											padding-top: unset;
  									}

  									.checkout-group-content {
  											.group-content-image.group-content {
  													img {
  															max-height: 50px;
  															width: auto;
  													}
  											}

  											.group-content-button.group-content {
  													button.btn-action {
  															.btn-label {
  																	text-align: center;
  															}
  													}
  											}
  									}
  							}

  							.group-content {
  									margin-bottom: 8px;
  							}

  							button {
  									width: 100%;
  									height: 44px;
  									line-height: 22px;
  									font-size: 16px;
  							}

  							.forgot-password-link {
  									button {
  											color: #3669c4;
  											font-weight: bold;

  											&:hover {
  													color: #2153ad;
  													text-decoration: underline;
  											}
  									}
  							}
  					}

  			}
  	}
  */
}
.collection-share-view .collection-share-view-body {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 832px) {
  .collection-share-view .collection-share-view-body .web-tables-module {
    max-width: 1600px;
  }
}
.collection-share-view.collection-share-pages-view {
  background-color: white;
}
.collection-share-view .checkout-group-content .group-content, .collection-share-view .content-group-table-row .group-content {
  margin-bottom: unset;
}
.collection-share-view.buy-all-images-view {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.collection-share-view.buy-all-images-view > div {
  max-width: 446px;
  min-width: 320px;
  background-color: white;
  border-radius: 16px;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}
.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content {
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content p:last-child {
  margin-bottom: unset;
}
.collection-share-view.buy-all-images-view > div .content-group-table-row .group-content-label.group-content.group-important {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 10px;
}
.collection-share-view.buy-all-images-view + .collection-share-view-footer {
  background-color: transparent;
}
.collection-share-view .collection-share-breadcrumb {
  padding: 24px 16px 0;
  background-color: transparent;
}
.collection-share-view .collection-share-breadcrumb .profile-page-url {
  position: absolute;
  right: 0;
}
.collection-share-view .collection-share-breadcrumb .profile-page-url button {
  height: auto;
}
.collection-share-view .collection-share-breadcrumb-to-parent {
  padding: 24px 0;
  margin-bottom: 0;
  background-color: transparent;
  align-items: center;
  gap: 6px;
}
.collection-share-view .collection-share-breadcrumb-to-parent .rc-icon.sgw-icon.arrow_left_line2 {
  width: 20px;
  height: 20px;
  padding-left: unset;
}
.collection-share-view .collection-share-breadcrumb-to-parent .rc-icon.sgw-icon.arrow_left_line2:before {
  position: relative;
  inset: unset;
  transform: unset;
  color: #2C2C2C;
  font-size: 18px;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next {
  padding-right: 0;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next:after {
  display: none;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next a {
  height: unset;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  color: #2C2C2C;
  text-decoration: none;
}
.collection-share-view .collection-share-breadcrumb-to-parent .sgw-icon.next a:after {
  display: none;
}
.collection-share-view .collection-share-breadcrumb-to-parent + .collection-share-title {
  color: #2C2C2C;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 0;
  text-align: center;
}
.collection-share-view .collection-share-view-body.form-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.collection-share-view.mobile-view {
  overflow-y: unset;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.collection-share-view.mobile-view.phone-view .collection-share-view.buy-all-images-view > div.download-image-dialog-content {
  max-width: calc(100vw - 32px);
}
.collection-share-view.mobile-view .collection-share-breadcrumb button.btn-icon .sgw-icon:before {
  line-height: 25px;
}
.collection-share-view.mobile-view .collection-share-breadcrumb-to-parent .sgw-icon.next a {
  font-size: 14px;
}
.collection-share-view.mobile-view .collection-share-breadcrumb-to-parent + .collection-share-title {
  font-size: 22px;
  line-height: 28px;
}
.collection-share-view.mobile-view .collection-share-view-body {
  flex: 1;
}
.collection-share-view.mobile-view .collection-share-view-footer {
  height: unset;
}
.collection-share-view .collection-share-view-header {
  background-color: #ffffff;
  display: flex;
  height: 76px;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 20;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tabs button {
  padding-left: 8px;
  padding-right: 8px;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tabs .active-tab {
  font-weight: bold;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-left: 8px;
  display: flex;
  align-items: center;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-logo img {
  margin-left: 8px;
  max-height: 60px;
  cursor: pointer;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol {
  height: 44px;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab {
  height: 100%;
  display: flex;
  align-items: flex-start;
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  padding: 4px 0 0;
  margin-left: 8px;
  margin-right: 8px;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  font-weight: unset;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
  border-bottom-color: #3669c4;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-buttons {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-buttons .rc-component.rc-badge {
  height: fit-content;
}
.collection-share-view .collection-share-view-header .collection-share-view-header-buttons-shopping-cart {
  display: inline-flex;
  position: relative;
}
.collection-share-view .collection-share-header-centered-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 0 16px;
}
.collection-share-view.mobile-view {
  /*#OpenShareView {
  		margin-top: 60px;
  }*/
}
.collection-share-view.mobile-view .collection-share-view-header {
  height: 48px;
}
.collection-share-view.mobile-view .collection-share-view-header.mobile-options-header {
  background-color: #3669c4;
}
.collection-share-view.mobile-view .collection-share-view-header.mobile-options-header button .sgw-icon:before, .collection-share-view.mobile-view .collection-share-view-header.mobile-options-header button .btn-label {
  color: #ffffff;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo img {
  max-height: 40px;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo button.rc-mobile-component {
  padding: 0;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-logo button.rc-mobile-component .rc-icon.sgw-icon {
  margin-right: 0;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-buttons {
  padding-bottom: unset;
}
.collection-share-view.mobile-view .collection-share-view-header .collection-share-view-header-buttons .rc-component.rc-badge > button.btn-icon.btn-icon-only + .badge-count {
  left: 8px;
  top: 16px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 3;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  display: none;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu.menu-is-opened {
  display: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .collection-list-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  min-height: 36px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .collection-list-header + .content-card.collection-item {
  padding-top: 8px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item {
  flex-direction: unset;
  max-width: unset;
  padding: 12px 0;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-image {
  width: 64px;
  height: 44px;
  flex: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-image .image-tile {
  border: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title {
  flex: 1;
  justify-content: left;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title .group-content-label {
  padding: 0 8px;
  font-weight: normal;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer {
  border-top: unset;
  padding: 24px 0 0;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-legal-links {
  margin-top: unset;
  gap: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-social-media {
  padding: 32px 0;
  flex-direction: column;
  margin-bottom: unset;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .project-preview-author-hint {
  color: #2c2c2c;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button {
  height: 36px;
  font-size: 14px;
  max-height: unset;
  color: #2c2c2c;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 8px;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .footer-social-medial-buttons-wrapper {
  display: flex;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .footer-social-media-icon-button {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .project-preview-author-hint {
  height: 36px;
  display: flex;
  align-items: center;
}
.collection-share-view.mobile-view .collection-share-view-mobile-menu .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}
.collection-share-view.mobile-view .breadcrumb {
  box-sizing: border-box;
  align-items: center;
}
.collection-share-view.mobile-view .breadcrumb.with-profile-image-above {
  margin-top: 42px;
}
.collection-share-view.mobile-view .breadcrumb strong {
  font-size: 18px;
  display: flex;
  align-items: center;
  white-space: normal;
  height: auto;
  text-align: center;
  line-height: 21px;
}
.collection-share-view .table-content-wrapper {
  height: calc(100vh - 100px - 76px);
  display: flex;
  min-height: 80vh;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-image {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.header {
  font-size: 21px;
  line-height: 27px;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info {
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view .table-content-wrapper.collection-share-no-data .no-data-content .content-group-table-row .group-content.group-content-label.info p {
  margin: 0;
}
.collection-share-view .collection-share-view-banner-wrapper {
  position: relative;
  min-height: 45px;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner {
  padding-top: 16px;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner.with-avatar {
  height: 90px;
  margin-bottom: unset;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner .rc-avatar {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  top: 16px;
  transform: translateX(-50%);
  background-color: #ffffff;
}
.collection-share-view .collection-share-view-banner-wrapper.without-banner .rc-avatar span {
  font-size: 36px;
}
.collection-share-view .collection-share-view-banner-wrapper.with-avatar {
  margin-bottom: 45px;
}
.collection-share-view .collection-share-view-banner-wrapper .rc-avatar {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background-color: #ffffff;
}
.collection-share-view .collection-share-view-banner-wrapper .rc-avatar span {
  font-size: 36px;
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner {
  height: 444px;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 35vh;
  display: flex;
  background-position: center;
  background-size: cover;
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-wrapper .collection-share-view-banner img {
  position: absolute;
  min-width: 1000%;
  min-height: 1000%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
}
.collection-share-view .collection-share-view-banner-cover-wrapper {
  width: 100%;
  height: calc(100vh - 76px - 160px);
  display: flex;
  position: relative;
  flex-direction: column;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner {
  width: 100%;
  height: 100%;
  max-height: unset;
  overflow: hidden;
  position: relative;
  display: flex;
  flex: 1;
  background-position: center;
  background-size: cover;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner img {
  position: absolute;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-title {
  position: absolute;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 64px;
  z-index: 1;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button {
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  justify-content: center;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only {
  padding: unset;
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only .rc-icon {
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button button.btn-icon.btn-icon-only .rc-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #2C2C2C;
}
.collection-share-view .collection-share-view-banner-art-wrapper {
  width: 100%;
  height: calc(100vh - 76px);
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  background-color: #EFEFEF;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-title {
  padding-top: 64px;
  padding-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 32px;
  color: #2C2C2C;
  width: 100%;
  text-align: center;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner {
  flex: 1;
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner svg {
    height: 100%;
    width: auto;
  }
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-view-banner img {
  max-height: 100%;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button {
  padding-top: 64px;
  padding-bottom: 48px;
  align-items: center;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only {
  padding: unset;
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only .rc-icon {
  height: 32px;
  width: 32px;
}
.collection-share-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.btn-icon.btn-icon-only .rc-icon:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
  color: #2C2C2C;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper {
  padding: 0 24px;
  box-sizing: border-box;
  height: calc(100vh - 48px);
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper.ios-mobile-device {
  padding: 0 16px 48px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-view-banner {
  align-items: center;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-view-banner img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-title {
  font-size: 22px;
  line-height: 28px;
  padding-top: 48px;
  padding-bottom: 32px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button {
  padding-top: 48px;
  padding-bottom: 48px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only {
  padding: unset;
  height: 24px;
  width: 24px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only .rc-icon {
  height: 24px;
  width: 24px;
}
.collection-share-view.mobile-view .collection-share-view-banner-art-wrapper .collection-share-banner-art-button button.rc-mobile-component.btn-icon.btn-icon-only .rc-icon:before {
  height: 24px;
  width: 24px;
  line-height: 24px;
  font-size: 24px;
}
.collection-share-view.mobile-view .collection-share-view-banner-wrapper .collection-share-view-banner {
  height: 315px;
  max-height: 20vh;
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper {
  height: calc(100vh - 48px - 128px);
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-view-banner {
  max-height: unset;
  height: 100%;
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-title {
  font-size: 22px;
  line-height: 28px;
  bottom: 50%;
  transform: translateY(50%);
}
.collection-share-view.mobile-view .collection-share-view-banner-cover-wrapper .collection-share-banner-cover-button {
  padding-top: 48px;
  padding-bottom: 48px;
}
.collection-share-view .collection-share-view-banner-wrapper + .collection-share-details {
  margin-top: 8px;
}
.collection-share-view .collection-share-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px 16px;
}
.collection-share-view .collection-share-details .checkout-group-content, .collection-share-view .collection-share-details .content-group-table-row {
  display: flex;
  justify-content: center;
}
.collection-share-view .collection-share-details .group-content.group-content-label {
  max-width: 800px;
  flex: auto;
  justify-content: center;
  text-align: center;
  line-height: 21px;
  padding-bottom: 8px;
}
.collection-share-view .collection-share-details .group-content.group-content-label ol {
  list-style-position: inside;
  margin-left: inherit;
  /*li {


  	&[data-list="bullet"] {
  		list-style-type: disc;
  	}
  }*/
}
.collection-share-view .collection-share-details .group-content.group-content-label ul {
  list-style-position: inside;
  margin-left: inherit;
  /*li {


  	&[data-list="ordered"] {
  		list-style-type: decimal;
  	}
  }*/
}
.collection-share-view .collection-share-details .group-content.group-content-label em {
  font-style: italic;
}
.collection-share-view .collection-share-details .group-content.group-content-label p {
  margin-top: 4px;
}
.collection-share-view .collection-share-details .group-content.group-content-label p:last-child {
  margin-bottom: unset;
}
.collection-share-view .collection-share-view-upload-images {
  padding: 0 8px 16px 8px;
  display: flex;
  justify-content: left;
}
.collection-share-view .collection-share-view-visit-on-wallart {
  padding: 0 16px;
  display: flex;
  justify-content: center;
}
.collection-share-view.mobile-view .collection-share-view-upload-images {
  justify-content: space-between;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .mobile-images-view-mode .btn-darker .rc-icon:before {
  color: #3669c4;
}
.collection-share-view.mobile-view .collection-share-view-visit-on-wallart {
  justify-content: flex-end;
}
.collection-share-view.mobile-view .collection-share-view-upload-images {
  display: flex;
  height: 36px;
  align-items: center;
  padding: 0 16px 16px;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .mobile-images-view-mode {
  display: flex;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .control-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.collection-share-view.mobile-view .collection-share-view-upload-images .control-wrapper button.rc-mobile-component.btn-simple {
  padding: 0;
}
.collection-share-view.mobile-view .collection-share-view-upload-images a, .collection-share-view.mobile-view .collection-share-view-upload-images a:visited, .collection-share-view.mobile-view .collection-share-view-upload-images a:active {
  color: #3669c4;
  text-decoration: none;
}
.collection-share-view.mobile-view .collection-share-view-upload-images a.select-all-link-disabled, .collection-share-view.mobile-view .collection-share-view-upload-images a:visited.select-all-link-disabled, .collection-share-view.mobile-view .collection-share-view-upload-images a:active.select-all-link-disabled {
  pointer-events: none;
  color: #6e6e6e;
  cursor: default;
}
.collection-share-view.mobile-view .collection-share-view-visit-on-wallart {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.collection-share-view.mobile-view .collection-share-view-visit-on-wallart a, .collection-share-view.mobile-view .collection-share-view-visit-on-wallart a:visited, .collection-share-view.mobile-view .collection-share-view-visit-on-wallart a:active {
  color: #3669c4;
  text-decoration: none;
}
.collection-share-view .collection-share-view-projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;*/
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list {
  width: 100%;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item {
  flex: 0 0 calc(33% - 4px);
  width: unset;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-image {
  padding: 16px;
  min-height: calc(33vw - 20px);
  max-height: calc(33vw - 20px);
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels {
  padding: 0;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels .group-content-label.group-content.rc-mobile-component {
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view.mobile-view .collection-share-data-section .collection-share-data-section-list .collection-item.content-card {
  max-width: calc(33% - 4px);
  height: calc(33vw - 4px);
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list {
  justify-content: unset;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-item.content-card {
  width: 100%;
  max-width: unset;
  height: 334px;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item {
  flex: 0 0 calc(50% - 20px);
  width: unset;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-image {
  padding: 16px;
  min-height: calc(50vw - 20px);
  max-height: calc(50vw - 20px);
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels {
  padding: 0;
}
.collection-share-view.mobile-view.phone-view .collection-share-data-section .collection-share-data-section-list .collection-share-view-projects-item .collection-share-view-projects-item-labels .group-content-label.group-content.rc-mobile-component {
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 334px;
  box-sizing: border-box;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
}
@media (max-width: 768px) {
  .collection-share-view .collection-share-view-subcollections .collection-item.content-card {
    width: 358px;
  }
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-image {
  background-color: #bcdef7;
  cursor: pointer;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-image .image-tile {
  border: unset;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-title {
  cursor: pointer;
  padding-left: 16px;
}
.collection-share-view .collection-share-view-subcollections .collection-item.content-card .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list {
  gap: 16px;
  padding: unset;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item {
  display: flex;
  max-height: 80px;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  flex-direction: row;
  margin: unset;
  width: 100%;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item .content-card-image {
  max-width: 107px;
  min-width: 107px;
  height: 100%;
  flex: unset;
}
.collection-share-view .collection-share-view-subcollections.mobile-view .collection-share-data-section-list .collection-item .content-card-title {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  padding: 4px 16px;
}
.collection-share-view .collection-share-view-buttons-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px 24px;
  /*button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  		border: 1px solid #525252;
  		padding: 16px 16px;
  		line-height: 18px;
  		max-height: 58px;
  		height: unset;
  		font-weight: 600;

  		.btn-label {
  				color: #525252;
  				font-size: 14px;
  				line-height: 18px;
  		}

  		.rc-icon.sgw-icon {
  				:before {
  						color: #525252;
  				}
  		}
  }*/
}
.collection-share-view .collection-share-view-buttons-row button {
  /*border: 1px solid #525252;
  padding: 16px 24px;

  font-weight: 600;*/
  padding: 5px 24px 5px 16px;
  max-height: unset;
  height: unset;
}
.collection-share-view .collection-share-view-buttons-row button .btn-label {
  color: #525252;
  font-size: 14px;
  line-height: 18px;
}
.collection-share-view .collection-share-view-buttons-row button .rc-icon.sgw-icon:before {
  color: #525252;
}
.collection-share-view .collection-share-view-buttons-row.phone-view {
  flex-direction: column;
}
.collection-share-view .collection-share-view-buttons-row.phone-view button {
  height: unset;
  padding: 5px 0 !important;
  width: 100%;
  justify-content: center;
}
.collection-share-view .collection-share-data-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 16px;
}
.collection-share-view .collection-share-data-section .collection-share-data-section-title .group-content-label {
  line-height: 18px;
  margin-bottom: 8px;
  min-height: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #2C2C2C;
}
.collection-share-view .collection-share-data-section .collection-share-data-section-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 16px;
  gap: 16px 8px;
}
.collection-share-view .collection-share-data-section.image-list-type-articlecards .collection-share-data-section-list .collection-item.content-card {
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
  border-radius: 8px;
  overflow: hidden;
}
.collection-share-view .collection-share-data-section.image-list-type-articlecards .collection-share-data-section-list .collection-item.content-card .content-card-title {
  padding: 8px 16px;
  font-weight: normal;
}
.collection-share-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list {
  gap: 16px 20px;
}
.collection-share-view.mobile-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list {
  gap: 16px 8px;
}
.collection-share-view.mobile-view .collection-share-data-section.collection-share-view-projects .collection-share-data-section-list.justify-center {
  justify-content: center;
}
.collection-share-view .collection-share-view-artists-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card {
  width: 394px;
  max-width: 100%;
  min-width: unset;
  flex-shrink: 0;
  /*width: auto;
  max-width: 446px;
  min-width: 358px;
  flex: 1;*/
  height: 334px;
  box-sizing: border-box;
  margin: 8px;
}
@media (max-width: 768px) {
  .collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card {
    width: 358px;
  }
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image {
  background-color: #bcdef7;
  cursor: pointer;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image .image-tile {
  border: unset;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-image .image-tile svg {
  height: 100%;
  width: auto;
  transform: translateX(-50%);
  margin-left: 50%;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title {
  cursor: pointer;
  padding-left: 16px;
  min-height: 60px;
  justify-content: unset;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .group-content-avatar {
  margin-right: 8px;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .collection-artists-title .collection-artists-name {
  font-weight: normal;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-share-view .collection-share-view-artists-list .collection-artists-item.content-card .content-card-title .collection-artists-title .collection-artists-country {
  font-size: 12px;
  font-weight: normal;
  color: #333333;
}
.collection-share-view.mobile-view .collection-share-view-subcollections {
  padding-left: 16px;
  padding-right: 16px;
}
.collection-share-view.mobile-view .collection-share-view-artists-list {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 0;
}
.collection-share-view.mobile-view .collection-share-view-artists-list .collection-artists-item.content-card {
  margin: 16px;
  box-shadow: 0 0 8px 4px #CCCCCC;
}
.collection-share-view .collection-share-view-images-list-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  /*&.mobile-images-list-wrapper {
  		margin-left: -2px;
  		margin-right: -2px;
  }*/
}
.collection-share-view .collection-share-view-images-list-wrapper .rc-floating-button {
  z-index: 2;
}
.collection-share-view .collection-share-view-images-list {
  position: relative;
  display: flex;
}
.collection-share-view .collection-share-view-images-list .image-list-item img {
  -webkit-touch-callout: none;
}
.collection-share-view .collection-share-view-images-list .collection-share-view-images-list-loader {
  position: absolute;
  bottom: 0;
}
.collection-share-view .collection-share-view-images-list .image-list-item {
  box-sizing: border-box;
  padding: 2px;
  /*
  						.feedback-item {
  		position: absolute;
  		padding: unset;
  		left: 10px;
  		top: 10px;
  }
   */
  /*@media (pointer: fine) {
  	&:hover {
  		.on-wishlist-item {
  			display: none;
  		}

  		.feedback-icon {
  			display: none;
  		}
  	}
  }*/
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item {
  position: absolute;
  left: 0;
  bottom: 8px;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item button {
  color: white;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-wishlist-item button .rc-icon:before {
  color: white;
}
.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download {
  position: absolute;
  top: 16px;
  left: 16px;
}
.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download button {
  display: unset;
  background-color: #efefef;
  width: 36px;
  height: 36px;
  padding: unset;
}
.collection-share-view .collection-share-view-images-list .image-list-item .wishlist-download button .download {
  margin: unset;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-cart-item {
  position: absolute;
  padding: unset;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #6c9d0d;
  background: #6c9d0d;
}
.collection-share-view .collection-share-view-images-list .image-list-item .on-cart-item:before {
  color: white;
}
.collection-share-view .collection-share-view-images-list .image-list-item .feedback-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item .on-wishlist-item {
  bottom: 4px;
  left: 8px;
}
.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item .on-wishlist-item button {
  height: 26px;
  padding: 0;
}
.collection-share-view .collection-share-view-images-list .image-list-item.mobile-image-list-item.selected .on-wishlist-item {
  display: none;
}
.collection-share-view .collection-share-view-images-list .image-list-item > div:first-child {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  cursor: pointer;
  background-color: transparent;
  align-items: center;
}
.collection-share-view .collection-share-view-images-list .image-list-item div.image-selected-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.collection-share-view .collection-share-view-images-list .image-list-item div.image-selected-border:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 4px solid transparent;
}
.collection-share-view .collection-share-view-images-list .image-list-item .image-check {
  position: absolute;
  padding: unset;
  right: 8px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
.collection-share-view .collection-share-view-images-list .image-list-item .image-check:before {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
}
.collection-share-view .collection-share-view-images-list .image-list-item .image-check.position-left {
  right: unset;
  left: 8px;
}
.collection-share-view .collection-share-view-images-list .image-list-item.selected div.image-selected-border:after {
  border-color: #3669c4;
}
.collection-share-view .collection-share-view-images-list .image-list-item.selected .image-check {
  background: #3669c4;
}
.collection-share-view .collection-share-view-images-list .image-list-item.selected .image-check:before {
  color: #ffffff;
}
.collection-share-view .collection-share-view-images-list .image-list-item.not-selected div.image-selected-border:after {
  border-color: #ffffff;
}
.collection-share-view .collection-share-view-images-list .image-list-item.not-selected .image-check {
  background: #ffffff;
  border-color: #CCCCCC;
}
.collection-share-view .collection-share-view-images-list .image-list-item.not-selected .image-check:before {
  color: #CCCCCC;
}
.collection-share-view .collection-share-view-images-list .image-list-item .rc-image-overlay {
  display: none;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: 1;
}
.collection-share-view .collection-share-view-images-list .image-list-item .rc-image-overlay.position-top {
  padding: 0 16px;
  box-sizing: border-box;
  bottom: unset;
  top: 0;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay {
  display: inherit;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top {
  display: flex;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top .rc-label-component {
  flex: 1;
}
.collection-share-view .collection-share-view-images-list .image-list-item:not(.mobile-image-list-item):hover .rc-image-overlay.position-top button {
  padding: 0;
  padding-left: 16px;
}
.collection-share-view .collection-share-view-images-list.mobile-images-list {
  padding-left: 8px;
  box-sizing: border-box;
}
.collection-share-view .collection-share-view-images-list.mobile-images-list .image-list-item {
  padding-bottom: 8px;
}
.collection-share-view .collection-share-view-images-list.mobile-images-list.image-list-type-squares .image-list-item {
  padding: 2px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares {
  display: flex;
  flex-wrap: wrap;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item > div {
  overflow: hidden;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.landscape img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.portrait img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item.square img {
  width: 100%;
  height: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-squares .image-list-item .rc-image-overlay:not(.position-top) {
  bottom: 0;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
  padding: 0 32px;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards {
    padding: 0 16px;
  }
}
@media (max-width: 600px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards {
    padding: 0 8px;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
  padding: 32px;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
    padding: 16px 24px;
  }
}
@media (max-width: 600px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item {
    padding: 8px 8px;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item > div {
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper {
  background-color: transparent;
  box-sizing: border-box;
  width: max-content;
  height: max-content;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 500px) {
  .collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper {
    box-shadow: unset;
    display: flex;
    justify-content: center;
    width: unset;
  }
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper .image-list-item-delete {
  position: absolute;
  top: 16px;
  right: 16px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer {
  background-color: transparent;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer .rc-label-component.rc-mobile-component {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer button.btn-simple.rc-mobile-component {
  padding: 0 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-list-item-footer button.btn-simple.rc-mobile-component .sgw-icon {
  margin-right: 0;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.landscape .image-wrapper {
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.portrait .image-wrapper {
  height: 100%;
  max-height: 400px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards .image-list-item.square .image-wrapper {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards.mobile-images-list .image-list-item > div {
  justify-content: flex-end;
}
.collection-share-view .collection-share-view-images-list.image-list-type-artboards.mobile-images-list .image-list-item .image-wrapper img {
  box-shadow: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item .image-wrapper {
  position: relative;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item div.image-selected-border:after {
  bottom: 4px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item img {
  width: 100%;
  height: 100%;
  /*
  &.portrait {
  		height: 100%;
  		width: auto;
  }*/
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item img.landscape {
  width: 100%;
  height: auto;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item div.image-selected-border:after {
  bottom: 4px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-masonry .image-list-item .image-check {
  bottom: 12px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 16px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer {
  padding: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer button .btn-label {
  display: none;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list-2-cols .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component {
  padding: 0 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item {
  padding: 0 16px 16px;
  /*padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;*/
  justify-content: center;
  background-color: transparent;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div {
  background-color: #FFFFFF;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  width: fit-content;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div .rc-image-overlay.position-top {
  border-radius: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item div.image-selected-border:after {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop {
  height: fit-content;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-no-footer {
  height: auto;
  box-shadow: none;
  background-color: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-dark {
  height: fit-content;
  box-shadow: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .wrapper-container-article-desktop-no-footer-dark {
  height: auto;
  box-shadow: unset;
  background-color: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper {
  position: relative;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper-no-footer {
  position: relative;
  height: fit-content;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper-no-footer img {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.75);
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  /*
  &.portrait {
  		height: 100%;
  		width: auto;
  }*/
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item img.landscape {
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer {
  display: flex;
  width: 100%;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons {
  display: flex;
  justify-content: center;
  column-gap: 8px;
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button {
  align-self: center;
  color: #6E6E6E;
  width: 36px;
  padding: 0 16px;
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button .rc-icon:before {
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button {
  align-self: center;
  color: #6E6E6E;
  width: 36px;
  padding: 0 16px;
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button .rc-icon:before {
  background-color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons button {
  align-self: center;
  color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-footer-right-buttons button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button {
  background: #6C9D0D;
  color: #FFFFFF;
  border-radius: 18px;
  height: 36px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button {
  align-self: center;
  color: white;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer .image-list-item-article-card-buy-button .rc-icon:before {
  color: white;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component .sgw-icon {
  margin-right: 0;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-list-item-article-card-footer button.btn-simple.rc-mobile-component .rc-icon:before {
  font-size: 21px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list.image-list-type-article-cards .image-list-item {
  padding: 0 8px 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div {
  width: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper {
  width: 100%;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper-no-footer {
  position: relative;
  width: 100%;
  height: unset;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper-no-footer > img {
  box-shadow: unset;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.collection-share-view .collection-share-view-images-list.image-list-type-article-cards.mobile-images-list .image-list-item > div .image-wrapper img {
  box-shadow: unset;
}
.collection-share-view .paging-footer {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.collection-share-view .paging-footer > div {
  flex: 0 0 auto;
}
.collection-share-view .paging-footer .btn-simple.btn-hidden {
  visibility: hidden;
}
.collection-share-view .paging-footer .paging-footer-input {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  padding-left: 16px;
  box-sizing: border-box;
}
.collection-share-view .paging-footer .paging-footer-input .rc-select {
  min-width: 200px;
  margin-left: 16px;
}
.collection-share-view .paging-footer .paging-footer-input .rc-select.rc-mobile-component {
  margin-left: unset;
}
.collection-share-view .paging-footer .paging-footer-input .rc-label-component {
  margin-right: 8px;
}
.collection-share-view .paging-footer .paging-footer-input .rc-input {
  min-width: unset;
  width: 50px;
  margin-right: 8px;
}
.collection-share-view .paging-footer .paging-footer-input .rc-input .numeric-buttons {
  display: none;
}
.collection-share-view .collection-share-view-footer {
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 32px 64px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.collection-share-view .collection-share-view-footer > div {
  flex: 1 0 auto;
}
.collection-share-view .collection-share-view-footer .footer-social-media {
  display: flex;
  flex-direction: row;
}
.collection-share-view .collection-share-view-footer .footer-social-media > div.footer-social-media-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.collection-share-view .collection-share-view-footer .footer-social-media .footer-social-medial-buttons-wrapper {
  display: flex;
}
.collection-share-view .collection-share-view-footer .footer-social-media .footer-social-media-icon-button {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}
.collection-share-view .collection-share-view-footer .footer-social-media .project-preview-author-hint {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  padding-left: 0;
}
.collection-share-view .collection-share-view-footer .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}
.collection-share-view .collection-share-view-footer.mobile-footer {
  flex-direction: column;
  height: unset;
  padding: 32px 16px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media {
  justify-content: unset;
  margin-bottom: 8px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media {
  padding: 0;
  margin-bottom: 16px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media .project-preview-author-hint {
  font-size: 12px;
  display: block;
  height: unset;
  min-height: 24px;
  padding: 8px 0 0;
  margin-top: 8px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-social-media .project-preview-author-hint a {
  margin-left: 4px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links {
  align-items: unset;
  gap: 4px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links .project-preview-author-hint {
  padding: 0;
  height: 24px;
  max-height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.collection-share-view .collection-share-view-footer .footer-legal-links {
  display: flex;
  gap: 32px;
  justify-content: flex-end;
}
.collection-share-view .collection-share-view-footer .footer-legal-links button {
  padding: 0;
  height: 24px;
  max-height: 24px;
  font-size: 12px;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links {
  flex-wrap: wrap;
  flex-direction: column;
}
.collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button, .collection-share-view .collection-share-view-footer.mobile-footer .footer-legal-links button.btn-redesign {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: left;
  max-height: 24px;
  font-size: 12px;
  border: unset;
  justify-content: unset;
  text-transform: unset;
  background-color: unset;
  color: inherit;
}
.collection-share-view .rc-image-overlay {
  position: absolute;
}
.collection-share-view .rc-image-overlay button {
  color: white;
}
.collection-share-view .rc-image-overlay button .rc-icon:before {
  color: white;
}
.collection-share-view .rc-image-overlay .right-corner-button {
  position: absolute;
  right: 0;
}
.collection-share-view .rc-image-overlay .left-corner-button {
  position: absolute;
  left: 0;
}
.collection-share-view .rc-image-overlay .left-corner-button button.btn-icon {
  padding: 0 4px;
}
.collection-share-view .rc-image-overlay .left-corner-button button.btn-icon:first-child {
  padding-left: 16px;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay {
  /*&:not(.artboards-overlay):not(.artboards-title-overlay) {
  		bottom: -44px !important;
  }*/
  /*button {
  		color: #000000;

  		.rc-icon:before {
  				color: #000000;
  		}
  }*/
}
.collection-share-view .image-list-type-artboards .rc-image-overlay.artboards-title-overlay {
  bottom: unset !important;
  top: 0;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay.artboards-overlay {
  bottom: 0;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay .left-corner-button .btn-icon {
  padding-left: 4px;
}
.collection-share-view .image-list-type-artboards .rc-image-overlay .right-corner-button .btn-icon {
  padding-right: 8px;
}
.collection-share-view.dark-theme {
  background-color: #2B2B2B;
  /* .rc-icon:before {
  		 color: $DarkThemeFontColor;
   }*/
}
.collection-share-view.dark-theme .collection-share-view-body {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-header {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tabs button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-header .collection-share-view-header-tab-control .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  border-bottom-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-buttons-row button, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  border-color: #FFFFFF;
  background-color: #000000;
}
.collection-share-view.dark-theme .collection-share-view-buttons-row button .btn-label, .collection-share-view.dark-theme .collection-share-view-buttons-row button .rc-icon.sgw-icon:before, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) .btn-label, .collection-share-view.dark-theme .collection-share-view-buttons-row button.rc-mobile-component.btn-simple:not(.btn-icon-only) .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-projects-item .collection-share-view-projects-item-image {
  background-color: #333333;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-list-header {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item {
  background-color: transparent;
  border-bottom-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-collections-list .content-card.collection-item .content-card-title .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .footer-legal-links {
  margin-top: unset;
  gap: unset;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer .project-preview-author-hint {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button, .collection-share-view.dark-theme .collection-share-view-mobile-menu .collection-share-view-footer.mobile-footer button.btn-redesign {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .project-preview-author-hint, .collection-share-view.dark-theme .own-page-website-url {
  font-size: 12px;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .project-preview-author-hint a, .collection-share-view.dark-theme .own-page-website-url a {
  color: #FFFFFF;
  margin-left: 4px;
}
.collection-share-view.dark-theme .profile-page-url button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections {
  /*&.image-list-type-articlecards {
  		.collection-share-data-section-list {
  				.collection-item.content-card {
  						box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  						background-color: transparent;

  						.content-card-image {
  								background-color: $DarkThemeCardTitleBackgroundColor;
  						}

  						.content-card-title {
  								background-color: #000000;
  								color: $DarkThemeFontColor;

  								.group-content-label {
  										color: $DarkThemeFontColor;
  								}


  						}
  				}
  		}
  }*/
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-image {
  background-color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-title {
  background-color: #333333;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-item.content-card .content-card-title .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
  background-color: transparent;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-image {
  background-color: #333333;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-title {
  background-color: #000000;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-subcollections .collection-share-data-section-list .collection-item.content-card .content-card-title .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .footer-legal-links {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-details .group-content-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .breadcrumb .rc-icon.sgw-icon:before, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb a, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent a {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb a:after, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent a:after {
  border-bottom-color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb .sgw-icon.next:after, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent .sgw-icon.next:after {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .breadcrumb strong, .collection-share-view.dark-theme .breadcrumb.collection-share-breadcrumb-to-parent strong {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-banner-art-wrapper, .collection-share-view.dark-theme .collection-share-view-banner-cover-wrapper {
  background-color: #1D1D1D;
}
.collection-share-view.dark-theme .collection-share-view-banner-art-wrapper button.btn-icon.btn-icon-only .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-banner-cover-wrapper button.btn-icon.btn-icon-only .rc-icon:before {
  color: #ffffff;
}
.collection-share-view.dark-theme .collection-share-title {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-footer {
  border-color: #6E6E6E;
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .right-corner-button button .btn-label, .collection-share-view.dark-theme .left-corner-button button .btn-label, .collection-share-view.dark-theme .collection-share-view-header-buttons button .btn-label, .collection-share-view.dark-theme .collection-share-view-header-logo button .btn-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .right-corner-button button .rc-icon:before, .collection-share-view.dark-theme .left-corner-button button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-header-buttons button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-header-logo button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-image-selection-footer {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-image-selection-footer button .btn-label {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-image-selection-footer button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .rc-label, .collection-share-view.dark-theme .content-group-table-row, .collection-share-view.dark-theme .rc-label-component {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .rc-label .group-content-label, .collection-share-view.dark-theme .content-group-table-row .group-content-label, .collection-share-view.dark-theme .rc-label-component .group-content-label {
  color: #FFFFFF !important;
}
.collection-share-view.dark-theme .rc-label .group-content-label.article, .collection-share-view.dark-theme .content-group-table-row .group-content-label.article, .collection-share-view.dark-theme .rc-label-component .group-content-label.article {
  color: #EFEFEF !important;
}
.collection-share-view.dark-theme .context-menu .context-menu-body .rc-label-component {
  color: #000000;
}
.collection-share-view.dark-theme .rc-input .rc-label {
  color: inherit;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button, .collection-share-view.dark-theme .collection-share-view-upload-images a, .collection-share-view.dark-theme .collection-share-view-upload-images a:active, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox {
  background-color: #2B2B2B;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:active .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:active:hover, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited:hover, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited:hover, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox:hover {
  background-color: #2B2B2B;
}
.collection-share-view.dark-theme .collection-share-view-upload-images button:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:active:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images a:visited:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-upload-images .rc-component.rc-checkbox:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart button:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:active:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart a:visited:hover .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-visit-on-wallart .rc-component.rc-checkbox:hover .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .image-list-item .image-wrapper img {
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .rc-image-overlay button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-artboards .rc-image-overlay button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer {
  background-color: #000000;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button, .collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button {
  background-color: transparent;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-left-buttons button .rc-icon:before, .collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item-article-card-footer .image-list-item-article-card-footer-centered-buttons button .rc-icon:before {
  background-color: transparent;
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item .image-wrapper img {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .image-list-item > div {
  background-color: #000000;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .rc-image-overlay button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-view-images-list.image-list-type-article-cards .rc-image-overlay button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-footer {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-footer button {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-footer button .rc-icon:before {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-article-card-footer {
  background-color: #FFFFFF;
}
.collection-share-view.dark-theme .image-list-item-article-card-footer button {
  background-color: #6C9D0D;
}
.collection-share-view.dark-theme .image-list-item-article-card-footer button .rc-icon:before {
  background-color: #6C9D0D;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input {
  background-color: #676767;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input:hover, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input.focus {
  border-color: #cccccc;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-input .rc-input-wrapper input {
  color: #ffffff;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select {
  background-color: #676767;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select:hover .selected-option {
  border-color: #CCCCCC;
}
.collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select label, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select .selected-option-label, .collection-share-view.dark-theme .paging-footer-input .rc-component.rc-select .selected-option .sgw-icon:before {
  color: #ffffff;
}
.collection-share-view.dark-theme .paging-footer-input .btn-simple.btn-icon-only {
  background-color: #676767;
}
.collection-share-view.dark-theme .paging-footer-input .btn-simple.btn-icon-only .rc-icon.sgw-icon:before {
  color: #ffffff;
}

.collection-share-view .collection-share-view-wishlist-content {
  display: flex;
  flex-direction: column;
}
.collection-share-view .collection-share-view-wishlist-content .table-content-wrapper {
  height: 100%;
  min-height: unset;
  flex: 1;
}

.collection-share-image-selection-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
  z-index: 1;
}
.collection-share-image-selection-footer.dialog-v2-footer {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}
.collection-share-image-selection-footer.dialog-v2-footer > div {
  padding: unset;
}
.collection-share-image-selection-footer .control-wrapper {
  display: flex;
}
.collection-share-image-selection-footer .control-wrapper button {
  min-height: 44px;
  padding-right: 8px;
}
.collection-share-image-selection-footer .collection-share-image-order-button {
  height: 44px;
  border-radius: 22px;
  justify-content: center;
  width: 446px;
}
.collection-share-image-selection-footer.mobile-view {
  flex-direction: column;
  padding-top: 8px;
  gap: 8px;
}
.collection-share-image-selection-footer.mobile-view .control-wrapper {
  width: 100%;
  justify-content: left;
  gap: 8px;
}
.collection-share-image-selection-footer.mobile-view .control-wrapper button.rc-mobile-component.btn-simple:not(.btn-icon-only) {
  padding: 0;
}
.collection-share-image-selection-footer.mobile-view .collection-share-image-order-button {
  max-width: 100%;
}

#ImagesPresentation .rc-dialog-wrapper.full-screen, #CollectionShareOrder .rc-dialog-wrapper.full-screen, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper.full-screen, #ShareImagesSelectionDialog .rc-dialog-wrapper.full-screen {
  flex: unset;
  max-height: calc(100vh - 96px);
  height: calc(100vh - 96px);
  width: calc(100vw - 96px);
  max-width: calc(100vw - 96px);
  border-radius: 6px;
  overflow: hidden;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: transparent;
  box-shadow: unset;
  max-height: 100%;
  height: 100%;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  padding: 8px;
  box-sizing: border-box;
  margin: unset;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close), #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control > div:not(.button-close) {
  display: flex;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button button {
  height: 36px;
  padding-left: 0;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  margin-bottom: unset;
  border-radius: unset;
  padding: unset;
  height: calc(100vh - 96px - 52px);
  background-color: white;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback {
  padding: 16px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-feedback {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-view.feedback .desktop-presentation-img-label .rc-icon:before {
  color: #2C2C2C;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top {
  top: 32px;
}
#ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ImagesPresentation .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > button.dialog-floated-button.close, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content > .dialog-buttons-right-top button.btn-simple {
  width: 32px;
  height: 32px;
}
@media (max-width: 1200px), (max-height: 800px) {
  #ImagesPresentation.rc-dialog .rc-dialog-wrapper.full-screen, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper.full-screen, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper.full-screen, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper.full-screen {
    max-height: unset;
    height: 100%;
    width: 100%;
  }
  #ImagesPresentation.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper.full-screen .dialog-scrollable-content {
    height: calc(100vh - 52px);
  }
}
#ImagesPresentation.rc-dialog .rc-dialog-wrapper, #CollectionShareOrder.rc-dialog .rc-dialog-wrapper, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper, #ShareImagesSelectionDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
  margin: 0 auto;
  /*@media (min-width: 500px) {
  		height: calc(100% - (16px * 2));
  }*/
  /*.rc-dialog-content {
  		max-height: 90%;
  		//max-width: calc(100% - 256px);
  		margin: 0 auto;
  		padding: 0;
  		width: unset;
  }*/
}
#ImagesPresentation.rc-dialog .rc-floating-button, #CollectionShareOrder.rc-dialog .rc-floating-button, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-floating-button, #ShareImagesSelectionDialog.rc-dialog .rc-floating-button {
  padding-bottom: 0;
}
#ImagesPresentation.rc-dialog .rc-floating-button .has-no-title, #CollectionShareOrder.rc-dialog .rc-floating-button .has-no-title, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-floating-button .has-no-title, #ShareImagesSelectionDialog.rc-dialog .rc-floating-button .has-no-title {
  margin-top: 16px;
}
#ImagesPresentation.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #CollectionShareOrder.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content, #ShareImagesSelectionDialog.rc-dialog.tablet-presentation .rc-dialog-wrapper .rc-dialog-content {
  max-height: 72%;
  background-color: transparent;
  box-shadow: none;
}
#ImagesPresentation.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #CollectionShareOrder.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper, #ShareImagesSelectionDialog.rc-dialog.tablet-presentation .rc-dialog-wrapper .image-wrapper {
  transform: translateY(-10%);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.4);
}
#ImagesPresentation.rc-dialog img, #CollectionShareOrder.rc-dialog img, #BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog img, #ShareImagesSelectionDialog.rc-dialog img {
  display: block;
  -webkit-touch-callout: none;
  flex: 0;
}
#ImagesPresentation.rc-dialog img {
  max-height: 100%;
  max-width: 100%;
}
#ImagesPresentation ul {
  display: flex;
  flex-wrap: nowrap;
}
#ImagesPresentation ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}
#ImagesPresentation ul.transition.is-swiping {
  transition: unset;
}
#ImagesPresentation ul li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
#ImagesPresentation ul li.collection-image-presentation-swipe-mobile-item {
  flex-direction: column;
}
#ImagesPresentation ul li.collection-image-presentation-swipe-mobile-item .rc-floating-button.ios-mobile-device {
  padding-bottom: 24px;
  position: relative;
}

#CollectionShareOrder .rc-dialog-wrapper .rc-dialog-content .dialog-control, #BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-control, #ShareImagesSelectionDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  border-bottom: 1px solid #CCCCCC;
}

#ShareImagesSelectionDialog .image-pool-browser .image-pool-image-list .image-item-name {
  color: #525252;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content .noselect {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content .noselect .dialog-v2-body {
  overflow: auto;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content #OpenShareView {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ShareImagesSelectionDialog.rc-dialog .dialog-scrollable-content #OpenShareView .btn-simple.btn-action {
  width: 100%;
}

#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-body {
  gap: 8px;
}
#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-body .bulk-orderer-configurator-sidebar {
  padding: 8px 8px 8px 8px;
  flex: 1;
  max-width: 626px;
  overflow-y: auto;
}
#BulkOrdererDialog.collection-share-bulk-orderer .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .dialog-v2-footer {
  padding-top: 16px;
  background-color: transparent;
}

#ImagesPresentation .collection-share-order-desktop-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button.previous {
  left: 16px;
}
#ImagesPresentation .collection-share-order-desktop-content .image-wrapper .navigation-button.next {
  right: 16px;
}
#ImagesPresentation .dialog-buttons-right-top .context-menu-body .project-preview-author-hint {
  padding: 0 16px;
  box-sizing: border-box;
  white-space: break-spaces;
}

.rc-mobile-menu.dark-mode .mobile-menu-content {
  background-color: #000000;
  color: #FFFFFF;
}
.rc-mobile-menu.dark-mode .mobile-menu-content .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

.rc-context-menu.rc-context-menu-v2.dark-mode .context-menu {
  background-color: #000000;
  color: #FFFFFF;
}
.rc-context-menu.rc-context-menu-v2.dark-mode .context-menu .rc-icon.sgw-icon:before {
  color: #FFFFFF;
}

#ImagesPresentation.rc-mobile-view.dark-mode main, #ImagesPresentation.rc-mobile-view.dark-mode header, #ImagesPresentation.rc-mobile-view.dark-mode footer {
  background-color: #2B2B2B;
  box-shadow: unset;
  border: unset;
}
#ImagesPresentation.rc-mobile-view.dark-mode header button .rc-icon, #ImagesPresentation.rc-mobile-view.dark-mode header button .rc-icon:before {
  color: white;
}
#ImagesPresentation.rc-mobile-view.dark-mode header .context-menu button .rc-icon, #ImagesPresentation.rc-mobile-view.dark-mode header .context-menu button .rc-icon:before {
  color: #6e6e6e;
}
#ImagesPresentation.rc-mobile-view.dark-mode header .context-menu .context-menu-body .project-preview-author-hint a.make-report {
  color: #000000;
  text-decoration: none;
}
#ImagesPresentation.rc-mobile-view.dark-mode .navigation-button {
  border-radius: 50%;
  margin: 0 8px;
  background-color: #000000;
  color: #FFFFFF;
}

#ImagesPresentation.rc-mobile-view main, #ImagesPresentation.rc-mobile-view header, #ImagesPresentation.rc-mobile-view footer {
  box-shadow: unset;
  border: unset;
}
#ImagesPresentation.rc-mobile-view main {
  overflow-y: hidden;
}
#ImagesPresentation.rc-mobile-view header {
  flex: 0 0 52px;
}
#ImagesPresentation.rc-mobile-view header .back-button {
  left: 8px;
}
#ImagesPresentation.rc-mobile-view footer {
  padding: 16px;
  box-sizing: border-box;
}
#ImagesPresentation.rc-mobile-view footer.mobile-ios-footer {
  padding-bottom: 66px;
}
#ImagesPresentation.rc-mobile-view footer button {
  width: 100%;
}
#ImagesPresentation.rc-mobile-view .navigation-button {
  width: 36px;
  border-radius: 50%;
  margin: 0 8px;
}
#ImagesPresentation.rc-mobile-view .rc-label-component.rc-mobile-component {
  min-height: 36px;
}
#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint-wrapper {
  cursor: pointer;
  padding: 16px 16px 0;
  max-width: 250px;
}
#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint {
  white-space: break-spaces;
  padding-left: 16px;
  padding-bottom: 0;
}
#ImagesPresentation.rc-mobile-view header .context-menu .context-menu-body .project-preview-author-hint a.make-report {
  text-decoration: none;
}
#ImagesPresentation.rc-mobile-view img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
#ImagesPresentation.rc-mobile-view .dialog-floated-button.close {
  left: 8px;
  top: 8px;
}
#ImagesPresentation.rc-mobile-view .react-transform-component {
  height: 100%;
  width: 100%;
}
#ImagesPresentation.rc-mobile-view .collection-image-presentation-swipe {
  /*position: fixed;
  left: 0;
  right: 0;
  top: 52px;
  bottom: 90px;*/
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}
#ImagesPresentation.rc-mobile-view ul {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  max-height: 100%;
}
#ImagesPresentation.rc-mobile-view ul.transition {
  transition: transform 0.4s ease, background 0.4s ease;
}
#ImagesPresentation.rc-mobile-view ul.transition.is-swiping {
  transition: unset;
}
#ImagesPresentation.rc-mobile-view ul li {
  list-style: none;
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  max-height: 100%;
}
#ImagesPresentation.rc-mobile-view ul li.collection-image-presentation-swipe-mobile-item > div:first-child {
  max-height: 100%;
  display: inline-block;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .project-preview-author-hint {
  flex: 1;
  position: unset;
  inset: unset;
  font-size: 14px;
  max-width: 50%;
  padding: 0 0 8px 8px;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .make-report-button {
  flex: 1;
  position: unset;
  inset: unset;
  display: flex;
  justify-content: right;
  align-items: flex-end;
  padding: 0 8px 8px 0;
}
#ImagesPresentation.rc-mobile-view .image-presentation-mobile-footer .make-report-button button {
  font-size: 14px;
  padding: 0;
  line-height: unset;
}

#ImagesPresentation .images-presentation-mobile-buttons {
  display: flex;
  gap: 8px;
}
#ImagesPresentation .make-report-button {
  position: fixed;
  bottom: 8px;
  right: 8px;
}
#ImagesPresentation .make-report-button button {
  height: auto;
  padding: 0;
}
#ImagesPresentation.mobile-presentation:before {
  opacity: unset;
}
#ImagesPresentation.mobile-presentation .project-preview-author-hint {
  left: 0;
  bottom: 0;
  font-size: 14px;
}

.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper {
  padding: 16px 16px;
}
.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper .project-preview-author-hint {
  padding: unset;
  white-space: break-spaces;
}
.rc-mobile-menu .mobile-menu-content .project-preview-author-hint-wrapper .project-preview-author-hint a.make-report {
  color: #000000;
  text-decoration: none;
}

.collection-share-image-description-dialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding-top: 0;
}
.collection-share-image-description-dialog h2 {
  font-weight: bold;
  font-family: inherit;
}
.collection-share-image-description-dialog p, .collection-share-image-description-dialog .project-preview-author-hint {
  margin-bottom: 16px;
}
.collection-share-image-description-dialog .rc-floating-button {
  padding-bottom: 0;
}

.collection-share-article-added-to-cart-overlay-container {
  position: sticky;
  display: flex;
  z-index: 1000;
  top: 60px;
}

.collection-share-article-added-to-cart-overlay {
  position: absolute;
  right: -8px;
  top: 100%;
  display: flex;
  width: 343px;
  z-index: 1000;
  cursor: default;
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
}

.overlay-top-arrow {
  border-bottom: solid 10px #FFFFFF;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  width: 0;
  height: 0;
  top: -10px;
  right: 15px;
}

.overlay-close-button {
  position: absolute;
  left: 305px;
  cursor: pointer;
  z-index: 2000;
}

.overlay-contents-no-image {
  position: sticky;
  width: 100%;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content {
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-top: 20px;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-label > div {
  max-height: 50px;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .checkout-group-content {
  padding-top: 10px;
  display: flex;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .group-content-icon {
  display: inline-block;
  min-width: 26px;
  max-width: 26px;
  align-self: center;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-horizontal-group > .addedToCart {
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  min-height: 20px;
  align-self: center;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > button {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > button .rc-icon {
  margin-right: 0;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > .btn-icon .sgw-icon.add_big {
  display: none;
}
.overlay-contents-no-image .checkout-group-content > .checkout-group-content > .group-content-link-add > .btn-icon .btn-label {
  color: #3669c4;
}

.overlay-contents-with-image {
  position: sticky;
  width: 100%;
}
.overlay-contents-with-image .checkout-group-content {
  background-color: #FFFFFF;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group {
  margin-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .group-content-image {
  max-width: 120px;
  align-items: center;
  margin-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .group-content-image > img {
  width: auto;
  max-width: 100px;
  max-height: 100px;
  align-self: center;
  padding: 10px;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content {
  padding-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-label > div {
  padding-top: 5px;
  max-height: 50px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group {
  padding-top: 10px;
  display: flex;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group > .group-content-icon {
  display: inline-block;
  min-width: 26px;
  max-width: 26px;
  align-self: center;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-horizontal-group > .addedToCart {
  display: inline-block;
  min-width: 100px;
  max-width: 150px;
  min-height: 20px;
  align-self: center;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > button {
  margin-right: 10px;
  padding: 0;
  font-size: 14px;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > button > .rc-icon {
  margin-right: 0;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > .btn-icon .sgw-icon.add_big {
  display: none;
}
.overlay-contents-with-image .checkout-group-content > .group-content-horizontal-group > .checkout-group-content > .group-content-link-add > .btn-icon .btn-label {
  color: #3669c4;
}

#DownloadAllImagesDialog .download-image-dialog-content .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#DownloadAllImagesDialogMobile .download-image-dialog-content {
  padding: 8px;
}
#DownloadAllImagesDialogMobile .download-image-dialog-content .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-set-image-selection-dialog .breadcrumb {
  top: 47px;
  padding: 0 16px;
  box-sizing: border-box;
  align-items: unset;
  margin-top: 8px;
  background-color: transparent;
  margin-bottom: 16px;
  justify-content: unset;
}
.product-set-image-selection-dialog .breadcrumb strong {
  font-size: 14px;
  display: flex;
  align-items: center;
  white-space: normal;
  height: auto;
  text-align: center;
  line-height: 18px;
}

#CollectionShareLegalPageView .checkout-group-content .group-content.group-content-button {
  justify-content: center;
}

.gallery-multicode-access-view .project-edit-item .checkout-group-content, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content {
  width: 100%;
}
.gallery-multicode-access-view .project-edit-item .checkout-group-content .group-content-horizontal-group .group-content-icon, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content .group-content-horizontal-group .group-content-icon {
  flex: unset;
}
.gallery-multicode-access-view .project-edit-item .checkout-group-content .group-content-horizontal-group .group-content-icon + .group-content-label, .collection-share-body .rc-dialog.gallery-multicode-access-view .checkout-group-content .group-content-horizontal-group .group-content-icon + .group-content-label {
  padding-bottom: 0;
}
.gallery-multicode-access-view .project-edit-item button, .collection-share-body .rc-dialog.gallery-multicode-access-view button {
  width: 100%;
  border-radius: 24px;
}
.gallery-multicode-access-view .project-edit-item button .btn-label, .collection-share-body .rc-dialog.gallery-multicode-access-view button .btn-label {
  text-align: center;
}
.gallery-multicode-access-view .project-edit-item button.btn-default, .collection-share-body .rc-dialog.gallery-multicode-access-view button.btn-default {
  background-color: white;
  border: 1px solid #525252;
  border-radius: 24px;
}
.gallery-multicode-access-view .project-edit-item button.btn-default:hover, .collection-share-body .rc-dialog.gallery-multicode-access-view button.btn-default:hover {
  background-color: white;
}

.dialog-v2-breadcrumb.feedback-filter {
  margin-left: 16px;
  margin-top: 8px;
}

.collection-share-view-projects-item {
  display: flex;
  width: 394px;
  max-width: 100%;
  cursor: pointer;
  flex-direction: column;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 394px;
  min-height: 394px;
  padding: 32px;
  aspect-ratio: 1/1;
  background-color: #EFEFEF;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image img {
  max-height: 100%;
  max-width: 100%;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image img.landscape {
  width: 100%;
}
.collection-share-view-projects-item .collection-share-view-projects-item-image img.portrait {
  height: 100%;
}
.collection-share-view-projects-item .collection-share-view-projects-item-labels {
  flex: 0;
  padding: 0;
}
.collection-share-view-projects-item .collection-share-view-projects-item-labels .content-group-table-row .group-content-label {
  min-height: unset;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.collection-share-view-projects-item .collection-share-view-projects-item-labels .content-group-table-row .group-content-label.article {
  color: #555555;
}

#ProductSetUpsellingDialog .dialog-scrollable-content {
  padding: unset;
}
#ProductSetUpsellingDialog .dialog-footer {
  display: flex;
  flex-direction: column;
  height: unset;
  gap: 8px;
  padding: 0 16px;
}
#ProductSetUpsellingDialog .dialog-footer button {
  width: 100%;
}
#ProductSetUpsellingDialog .product-set-upselling-banner {
  height: 300px;
  width: 100%;
  background-image: url("../Images/upselling-download.jpg");
  background-size: contain;
}
#ProductSetUpsellingDialog.rc-mobile-view {
  /*.product-set-upselling-banner {
      height: 375px;
  }*/
}
#ProductSetUpsellingDialog.rc-mobile-view .dialog-footer {
  padding: unset;
  width: 100%;
}
#ProductSetUpsellingDialog .product-set-upselling-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#ProductSetUpsellingDialog .product-set-upselling-content h1 {
  font-weight: bold;
  font-size: 21px;
  line-height: 27px;
}
#ProductSetUpsellingDialog .product-set-upselling-content .product-set-upselling-amount strong {
  font-size: 18px;
  line-height: 21px;
}

#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  max-width: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 1;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar .rc-tabcontrol,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar .rc-tabcontrol {
  padding: unset;
  width: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar > div,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .photo-portal-control-bar > div {
  display: flex;
  justify-content: space-between;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-tile-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-tile-item {
  min-width: 288px;
  max-width: 288px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-list-item.product-set-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .configurator-list-item.product-set-item {
  width: 343px;
  min-height: 343px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item {
  min-width: 288px;
  max-width: 288px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .collection-share-view-projects-item-image,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .collection-share-view-projects-item-image {
  min-height: 288px;
  max-height: 288px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row {
  gap: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row .group-content-label,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .collection-share-view-projects-item .content-group-table-row .group-content-label {
  padding-bottom: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select {
  height: 36px;
  min-width: 320px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list {
  width: 100%;
  max-height: unset;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item {
  white-space: nowrap;
  padding-right: 8px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-1,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-1 {
  padding-left: 24px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-2,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-2 {
  padding-left: 40px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-3,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-3 {
  padding-left: 56px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-4,
#ShareImagesSelectionDialog.rc-dialog.dialog-with-scrollable-content.photo-portal-shop .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .checkout-group-content .rc-component.rc-select .select-options-list .select-options-item.level-4 {
  padding-left: 62px;
}

#CollectionShareOrder .photo-portal-shop-categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 16px;
}
#CollectionShareOrder .photo-portal-shop-categories .categories-list {
  padding: unset;
  margin-bottom: unset;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content {
  max-width: unset;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content > div:first-child {
  padding: unset;
  margin: unset;
  max-height: 100%;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content {
  max-height: 100%;
  height: 100%;
  margin-right: 1px;
}
@media (max-width: 600px) {
  #CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content {
    display: flex;
  }
}
@media (max-width: 1000px) {
  #CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content {
    flex: 0 0 100%;
  }
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .content-text > div {
  padding-left: unset;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage {
  padding-bottom: unset;
  flex: 1;
  background-color: #E7E7E7;
  max-height: 100%;
  min-height: 446px;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .image-article-image {
  max-height: unset;
  flex: 1;
  overflow: hidden;
  padding: 4px;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .image-article-image svg {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .article-configurator-designer-stage-buttons {
  display: flex;
  padding: 16px 16px 0;
  gap: 16px;
  justify-content: flex-start;
  min-height: 32px;
  width: 100%;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .article-configurator-content-designer-stage .article-configurator-designer-stage-buttons button {
  height: 32px;
  border-radius: 16px;
}
#CollectionShareOrder .article-configurator-page.article-configurator-old-content .article-configurator-content .content-text {
  flex: unset;
}
#CollectionShareOrder .collection-order-configurator-wrapper .article-configurator .configurator-name {
  display: none;
}
#CollectionShareOrder #OpenShareView.share-view-form {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .checkout-group-content {
  padding: 16px 16px 0;
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .checkout-group-content .group-content-drop-down {
  margin-bottom: unset;
}
#CollectionShareOrder.rc-mobile-view {
  /*.tablet {
  				.collection-share-view-projects-item {
  								width: calc(25% - 12px);

  								.collection-share-view-projects-item-image {
  												min-height: unset;
  												max-height: calc((100vw - (16px * 5)) / 4);
  								}
  				}
  }*/
}
#CollectionShareOrder.rc-mobile-view .photo-portal-shop-categories {
  margin-top: 16px;
}
#CollectionShareOrder.rc-mobile-view .collection-share-view-projects-item {
  width: calc(50% - 8px);
}
#CollectionShareOrder.rc-mobile-view .collection-share-view-projects-item .collection-share-view-projects-item-image {
  min-height: unset;
  max-height: calc((100vw - 48px) / 2);
}
#CollectionShareOrder .shipping-price-info {
  text-decoration: underline;
  text-align: left;
  line-height: 15px;
  margin-bottom: 8px;
}

.photo-portal-shop-categories-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.photo-portal-shop-categories-section .photo-portal-shop-categories-section-header {
  display: flex;
  align-items: center;
  height: 36px;
  min-height: 36px;
  color: #2C2C2C;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

#ShareImagesSelectionDialog .bulk-orderer-article-list-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  align-items: center;
  padding: 18px 12px 0 4px;
  margin-bottom: 4px;
  min-height: 36px;
  color: #2C2C2C;
  z-index: 1;
}

/*@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;
    }
}*/
#CollectionShareOrder .configurator-list-item-description ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ul li {
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
  padding: 2px 0 4px 0;
}
#CollectionShareOrder .configurator-list-item-description ul li[data-list=ordered] {
  list-style-type: decimal;
}
#CollectionShareOrder .configurator-list-item-description ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ol li[data-list=bullet] {
  list-style-type: disc;
}
#CollectionShareOrder .collection-share-order-desktop-content {
  display: flex;
  height: calc(100% - 52px);
}
#CollectionShareOrder .collection-share-order-desktop-content > div {
  flex: 1;
  box-sizing: border-box;
}
#CollectionShareOrder .collection-share-order-desktop-content > div.bulk-orderer-configurator-content.collection-share-order {
  border-right: 1px solid #cccccc;
  overflow: auto;
}
#CollectionShareOrder .configurator-list-item-description ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ul li[data-list=ordered] {
  list-style-type: decimal;
}
#CollectionShareOrder .configurator-list-item-description ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 32px;
}
#CollectionShareOrder .configurator-list-item-description ol li[data-list=bullet] {
  list-style-type: disc;
}
#CollectionShareOrder .rc-tabcontrol {
  padding: 16px 16px 0;
  background-color: #ffffff;
  box-sizing: border-box;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-scrollable {
  gap: 8px;
  flex-wrap: wrap;
  overflow-y: hidden;
  min-height: 36px;
}
#CollectionShareOrder .rc-tabcontrol.rc-mobile-component {
  margin: 0 -16px;
  width: calc(100% + 32px);
  box-sizing: border-box;
  flex-wrap: nowrap;
}
#CollectionShareOrder .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-scrollable {
  padding: 0 16px;
  flex-wrap: nowrap;
}
#CollectionShareOrder .rc-tabcontrol.rc-mobile-component .rc-tabcontrol-scrollable::-webkit-scrollbar {
  height: 0;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab {
  box-sizing: border-box;
  flex: unset;
  background-color: #efefef;
  box-shadow: none;
  border-radius: 8px;
  border-bottom: unset;
  font-size: 14px;
  line-height: 18px;
  padding: 0 12px;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab:hover {
  background-color: #e2e2e2;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected {
  background-color: #3669c4;
  color: #ffffff;
}
#CollectionShareOrder .rc-tabcontrol .rc-tabcontrol-tab.rc-tabcontrol-tab-selected:hover {
  background-color: #537ac1;
}
#CollectionShareOrder .collection-share-order-header {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
#CollectionShareOrder .collection-share-order-header .mobile-images-navigation {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  gap: 16px;
}
#CollectionShareOrder .collection-share-order-header .mobile-images-navigation button {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  padding: unset;
  background-color: #E7E7E7;
}
#CollectionShareOrder .collection-share-order-header .mobile-images-navigation .rc-label-component {
  min-height: 36px;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation {
  display: flex;
  justify-content: center;
  margin-top: -16px;
  margin-bottom: 16px;
  gap: 16px;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation.only-mobile-images-navigation {
  margin-top: 16px;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation button {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  padding: unset;
  background-color: #E7E7E7;
}
#CollectionShareOrder .collection-share-order-image .mobile-images-navigation .rc-label-component {
  min-height: 36px;
}
#CollectionShareOrder.rc-mobile-view {
  z-index: 10000;
}
#CollectionShareOrder.rc-mobile-view header {
  gap: 8px;
}
#CollectionShareOrder.rc-mobile-view header .back-button {
  position: relative;
  margin-left: -8px;
}
#CollectionShareOrder.rc-mobile-view header .mobile-page-title {
  margin: 0;
}
#CollectionShareOrder.rc-mobile-view header .mobile-page-title.align-left {
  text-align: left;
}
#CollectionShareOrder.rc-mobile-view .breadcrumb.collection-share-breadcrumb {
  padding: 16px 16px 0;
  margin-bottom: unset;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image {
  background-color: #efefef;
  padding: 16px;
  max-height: 100vw;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button {
  max-height: calc(100vw + 32px);
  padding-bottom: 0;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button.mobile-view {
  padding-bottom: 16px;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button.with-paging-buttons .collection-share-order-image-button {
  flex: 0;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image.with-edit-button.with-paging-buttons .collection-share-order-image-button .mobile-images-navigation {
  margin-top: unset;
  margin-bottom: unset;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-image img {
  max-height: 100%;
}
#CollectionShareOrder.rc-mobile-view .tablet.portrait .collection-share-order-image.with-edit-button {
  max-height: calc(70vw + 32px);
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-header {
  padding: 16px;
  max-height: 100vw;
  box-sizing: border-box;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-header .collection-share-order-image {
  padding: 0;
  max-height: 100%;
}
#CollectionShareOrder.rc-mobile-view .collection-share-order-header.with-paging-buttons .collection-share-order-image {
  max-height: calc(100% - 48px);
}
#CollectionShareOrder.rc-mobile-view .collection-share-mobile-content-wrapper {
  padding: 0 0 64px;
  position: relative;
}
#CollectionShareOrder.rc-mobile-view .collection-share-mobile-content-wrapper .sticky-content {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background-color: #ffffff;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder.rc-mobile-view .collection-order-configurator-wrapper {
  padding: 8px;
}
#CollectionShareOrder.rc-mobile-view .configurator-list-item-description {
  font-size: 14px;
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
}
#CollectionShareOrder.rc-mobile-view .product-set-item .configurator-list-item-description {
  max-height: unset;
  display: unset;
  text-overflow: unset;
  overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
}
#CollectionShareOrder .configurator-tile-item {
  flex: auto;
  min-width: calc(50% - 8px);
  max-width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: text;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  justify-content: flex-start;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-image {
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 6px 6px 0 0;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  display: block;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info .rc-icon {
  padding-left: unset;
  width: 20px;
  height: 20px;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info .rc-icon:before {
  transform: unset;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-info.safari-mobile .rc-icon:before {
  padding-top: 1px;
  line-height: 19px;
  height: 19px;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-footer {
  display: flex;
  padding: 19px 8px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
#CollectionShareOrder .configurator-tile-item .configurator-tile-item-footer > div {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  font-family: "source_sans_pro";
}
#CollectionShareOrder .tablet .configurator-tile-item {
  min-width: calc(25% - 12px);
  max-width: calc(25% - 12px);
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .configurator-tile-item .configurator-tile-item-footer {
  padding: 12px 8px;
}
#CollectionShareOrder .collection-share-mobile-content-wrapper .configurator-tile-item .configurator-tile-item-footer > div {
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item {
  display: flex;
  flex-wrap: nowrap;
  padding: 16px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  position: relative;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-all-with-price .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
#CollectionShareOrder .configurator-list-item.mobile-item .configurator-list-item-all-with-price .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item {
  display: block;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item > div {
  display: flex;
}
#CollectionShareOrder .configurator-list-item.product-set-item {
  display: block;
  padding: unset;
  border: unset;
  border-radius: unset;
}
#CollectionShareOrder .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  flex-direction: column;
  padding: 16px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-sizing: border-box;
}
#CollectionShareOrder .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper .configurator-list-item-data {
  gap: 8px;
  justify-content: unset;
}
#CollectionShareOrder .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper > div:last-child {
  flex: 0;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
#CollectionShareOrder .configurator-list-item.has-promotion {
  margin-top: 16px;
}
#CollectionShareOrder .configurator-list-item.dummy-item {
  background-color: unset;
}
#CollectionShareOrder .configurator-list-item .promotion-label {
  top: -8px;
  left: unset;
  right: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-image {
  /*flex: 0 0 144px;
  height: 144px;*/
  flex: 0 0 142px;
  height: 142px;
  width: 205px;
  min-width: 205px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  margin-right: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-image img {
  max-width: 205px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#CollectionShareOrder .configurator-list-item.mobile-list-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-image {
  width: 100%;
  height: calc((100vw - 64px) * 0.5);
  overflow: hidden;
  margin-right: unset;
  margin-bottom: 8px;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-image img {
  width: 100%;
  max-width: unset;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-footer {
  display: flex;
  justify-content: space-between;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-footer .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-footer .configurator-list-item-orderbutton button {
  border-radius: 18px;
  height: 36px;
}
#CollectionShareOrder .configurator-list-item.mobile-list-item .configurator-list-item-description {
  font-size: 14px;
  line-height: 18px;
  color: #2C2C2C;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-articlename {
  display: flex;
  font-weight: bold;
  align-items: center;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 22px;
  color: #2C2C2C;
  margin-bottom: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-articlename .rc-icon.sgw-icon {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-right: 4px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-articlename .rc-icon.sgw-icon:before {
  color: #2C2C2C;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-all-with-price .configurator-list-item-articlename {
  flex-wrap: nowrap;
  align-items: flex-start;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  /*.configurator-list-item-articlename {
  		display: flex;
  		font-weight: bold;
  		//flex-direction: column;
  		//align-items: flex-start;
  		//justify-content: space-around;
  		align-items: center;
  		flex-wrap: wrap;
  		margin-bottom: 8px;
  		font-size: 18px;

  		.rc-icon.sgw-icon {
  				width: 24px;
  				height: 24px;
  				padding: 0;
  				margin-right: 4px;

  				&:before {
  						color: #2C2C2C;
  				}
  		}
  }*/
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1180px) {
  #CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer {
    margin-top: 16px;
  }
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer .configurator-list-item-price {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-footer .configurator-list-item-orderbutton button {
  border-radius: 18px;
  height: 36px;
  font-size: 14px;
  padding: 0 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-all-with-price {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-all-with-price + .configurator-list-item-footer .configurator-list-item-orderbutton {
  width: 100%;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-all-with-price + .configurator-list-item-footer .configurator-list-item-orderbutton button {
  width: 100%;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-description {
  font-size: 14px;
  color: #2C2C2C;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-description + .configurator-list-item-price {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-orderbutton {
  /*margin-top: 16px;
  text-align: right;*/
  /*position: absolute;
  right: 0;
  bottom: 0;*/
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-data .configurator-list-item-orderbutton button {
  border-radius: 18px;
  height: 36px;
}
#CollectionShareOrder .configurator-list-item.selected-item .configurator-list-item-image {
  position: relative;
}
#CollectionShareOrder .configurator-list-item.selected-item .configurator-list-item-image .rc-icon.sgw-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
#CollectionShareOrder .configurator-list-item.selected-item .configurator-list-item-image .rc-icon.sgw-icon:before {
  color: #ffffff;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount {
  font-weight: bold;
  font-size: 16px;
  margin-top: 24px;
  line-height: 22px;
  min-height: unset;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line {
  margin-top: 16px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line .configurator-list-item-productset-amount-save-over {
  color: #D9052F;
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line .configurator-list-item-productset-amount-only-amount {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-amount-line .configurator-list-item-productset-amount-single-amount {
  color: #6e6e6e;
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder .configurator-list-item .configurator-list-item-productset-submit button {
  border-radius: 18px;
  width: 100%;
  padding: 0 16px;
  height: 36px;
  font-size: 14px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag {
  position: absolute;
  top: 0;
  border-radius: 0 0 6px 6px;
  background: #E3A201;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-star, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-star {
  display: flex;
  justify-content: center;
  max-height: 13px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-label, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag .configurator-item-bestseller-flag-label {
  color: #ffffff;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag + .configurator-list-item-product-set-wrapper .configurator-list-item-data .configurator-list-item-articlename, #CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag + .configurator-list-item-product-set-wrapper .configurator-list-item-data .configurator-list-item-articlename {
  margin-right: 88px;
}
#CollectionShareOrder .configurator-list-item .configurator-item-besteller-flag {
  right: 16px;
}
#CollectionShareOrder .configurator-tile-item .configurator-item-besteller-flag {
  right: 8px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  background-color: transparent;
  box-shadow: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .shipping-price-info-wrapper {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 32px;
  bottom: 8px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .shipping-price-info-wrapper > .shipping-price-info {
  color: white;
  padding: 0;
  margin: 0;
  min-height: 24px;
  text-align: left;
  font-size: 12px;
  line-height: 15px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  max-width: unset;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .shipping-price-info {
  color: white;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  min-height: 36px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .categories-list {
  padding-right: 0;
  justify-content: center;
  gap: 16px;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item.product-set-item {
  max-width: 576px;
  min-width: 400px;
  border: none;
  background-color: unset;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item.product-set-item .configurator-list-item-product-set-wrapper {
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) {
  max-width: 343px;
  border-radius: 12px;
  padding: 16px;
  flex-direction: column;
  display: block;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-image {
  flex: auto;
  width: unset;
  margin-right: unset;
  margin-bottom: 16px;
  height: unset;
  overflow: unset;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-image img {
  width: 100%;
  max-width: 100%;
  position: relative;
  inset: unset;
  transform: unset;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-data {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-description {
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-price {
  position: relative;
  inset: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view {
  background-color: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view:before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: #353840;
  opacity: 0.8;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view header {
  background-color: transparent;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view header .back-button .rc-icon:before {
  color: white;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main {
  background-color: transparent;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main.collection-share-download-all-images-wrapper {
  overflow: unset;
  max-height: calc(100% - 56px);
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .collection-share-download-all-images {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
  height: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .collection-share-download-all-images .categories-list {
  padding: 0 16px;
  display: flex;
  flex: 1;
  justify-content: center;
  margin-bottom: unset;
  flex-direction: column;
  flex-wrap: nowrap;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .collection-share-download-all-images .shipping-price-info {
  justify-content: center;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main.collection-share-product-sets-only-content {
  padding: 0 16px;
  max-height: calc(100% - 56px);
  overflow: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main.collection-share-product-sets-only-content .categories-list {
  height: unset;
  flex: 1;
  max-height: 100%;
  overflow: scroll;
  flex-wrap: nowrap;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item.product-set-item {
  max-width: unset;
  min-width: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) {
  max-width: unset;
  border-radius: 12px;
  padding: 16px;
  flex-direction: column;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-image {
  flex: auto;
  width: unset;
  margin-right: unset;
  margin-bottom: 16px;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-image img {
  width: 100%;
  max-width: 100%;
  position: relative;
  inset: unset;
  transform: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-data {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-description {
  flex: 1;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .configurator-list-item:not(.product-set-item) .configurator-list-item-data .configurator-list-item-price {
  position: relative;
  inset: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .shipping-price-info-wrapper {
  padding-bottom: 8px;
  flex: unset;
  height: unset;
}
#CollectionShareOrder.collection-share-product-sets-only.rc-mobile-view main .shipping-price-info-wrapper .shipping-price-info {
  color: white;
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0 0 16px;
  margin-top: 0;
}
#CollectionShareOrder main > div {
  display: flex;
  flex-direction: column;
}
#CollectionShareOrder main .configurator-list-item .configurator-list-item-productset-submit {
  /*position: relative;
  width: 100%;
  right: unset;
  bottom: unset;*/
}
#CollectionShareOrder main .configurator-list-item .configurator-list-item-productset-submit button {
  border-radius: 18px;
  width: 100%;
  padding: 0 16px;
  height: 36px;
}
#CollectionShareOrder .categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 8px;
  padding: 16px;
  box-sizing: border-box;
}
#CollectionShareOrder .categories-list + a.shipping-price-info {
  padding: unset;
  padding-bottom: 8px;
}
#CollectionShareOrder .cardbox {
  align-self: stretch;
  cursor: pointer;
}
#CollectionShareOrder .cardbox .image {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 69.4444444444%;
}
#CollectionShareOrder .cardbox .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
#CollectionShareOrder .cardbox.dummy-item {
  min-height: unset;
  height: 0;
  cursor: unset;
}
#CollectionShareOrder .cardbox > div {
  background-color: #FFF;
}
#CollectionShareOrder .cardbox .promotion-label {
  position: absolute;
  top: -8px;
  left: 4px;
  z-index: 1;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  overflow: unset;
}
#CollectionShareOrder .cardbox .promotion-label > div {
  display: block;
  padding: 6px 16px;
  color: #ffffff;
  background-color: #d9052f;
}
#CollectionShareOrder .cardbox .promotion-label > div:after {
  content: "";
  position: absolute;
  right: -5px;
  z-index: -1;
  top: -6px;
  width: 5px;
  height: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #A60424;
  transform: rotate(90deg);
}
#CollectionShareOrder .cardbox {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  min-width: 167.5px;
  max-width: 246px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: #FFFFFF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: text;
}
#CollectionShareOrder .cardbox:hover .image:after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#CollectionShareOrder .cardbox a, #CollectionShareOrder .cardbox a:active, #CollectionShareOrder .cardbox a:hover, #CollectionShareOrder .cardbox a:visited {
  text-decoration: none;
  color: #000;
}
#CollectionShareOrder .cardbox > div {
  flex: auto;
  box-sizing: border-box;
  overflow: hidden;
}
#CollectionShareOrder .cardbox .image {
  position: relative;
  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));
}
#CollectionShareOrder .cardbox .labels {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
#CollectionShareOrder .cardbox .labels .rc-label-component {
  text-align: center;
}
#CollectionShareOrder .cardbox h2, #CollectionShareOrder .cardbox h3 {
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  margin-bottom: 0;
}
#CollectionShareOrder .cardbox h2 .price {
  display: block;
}
#CollectionShareOrder .cardbox h2 .price .color {
  color: #d9052f;
}
#CollectionShareOrder .cardbox p {
  margin-top: 28px;
  margin-bottom: 0;
}
#CollectionShareOrder .cardbox ul, #CollectionShareOrder .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
}
#CollectionShareOrder .cardbox ul li {
  margin-top: 5px;
  line-height: 22px;
}
#CollectionShareOrder .cardbox p + p {
  margin-top: 13px;
}
#CollectionShareOrder .cardbox h3 {
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
}
#CollectionShareOrder .cardbox h3 a {
  position: relative;
  padding-right: 0;
}
#CollectionShareOrder .cardbox h3 a:before, #CollectionShareOrder .cardbox h3:hover a:before, #CollectionShareOrder .cardbox h3:active a:before, #CollectionShareOrder .cardbox h3:visited a:before {
  font-size: 21px;
  top: -1px;
  left: auto;
  right: -20px;
  line-height: 100%;
}
#CollectionShareOrder .cardbox .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}
#CollectionShareOrder .breadcrumb {
  justify-content: left;
  padding: 16px 0;
  background-color: #FFFFFF;
  flex: 0;
  width: 100%;
  box-sizing: border-box;
  white-space: unset;
  text-overflow: unset;
  position: unset;
  z-index: 2;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
#CollectionShareOrder .breadcrumb a {
  height: 22px;
}
#CollectionShareOrder .breadcrumb a, #CollectionShareOrder .breadcrumb span strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  width: 100%;
}
#CollectionShareOrder .breadcrumb span {
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
  display: inline-flex;
  align-items: center;
}
#CollectionShareOrder .breadcrumb span strong {
  white-space: nowrap;
  line-height: 21px;
}
#CollectionShareOrder .breadcrumb span:last-child {
  flex: auto;
}
#CollectionShareOrder .collection-order-configurator-wrapper {
  flex: 1;
}
#CollectionShareOrder .collection-order-configurator-wrapper .article-configurator .configurator-group-mobile {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#CollectionShareOrder .collection-order-configurator-wrapper .article-configurator .configurator-group-mobile .configurator-group-mobile-header {
  padding: 8px 0;
}
#CollectionShareOrder .collection-share-order-footer {
  padding: 16px;
  background-color: #ffffff;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}
#CollectionShareOrder .collection-share-order-footer button {
  border-radius: 21px;
  height: 42px;
  width: 100%;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content {
  display: flex;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content.has-navigation-buttons .rc-dialog-wrapper .rc-dialog-content {
  width: calc(100vw - 256px);
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper {
  margin: auto;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  background-color: #FFFFFF;
}
@media only screen and (max-width: 754px) {
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
    max-height: unset;
    height: 100vh;
  }
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-floated-button.close {
    position: absolute;
    top: 0;
    right: 0;
  }
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-floated-button.close .rc-icon:before {
    color: #6e6e6e;
  }
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 0;
  margin-bottom: 16px;
  max-width: 626px;
}
@media screen and (max-width: 1024px) {
  #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
    max-width: 360px;
  }
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.reduced-column-width {
  max-width: 375px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div {
  /*padding-bottom: 32px;
  padding-top: 8px;*/
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div.collection-order-configurator-wrapper {
  padding-right: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div .article-configurator.article-configurator-mobile {
  padding-top: 0;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content > div .article-configurator.article-configurator-mobile .configurator-group-mobile-header .sgw-icon {
  padding-left: 32px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .shipping-price-info {
  padding-right: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .rc-tabcontrol, #CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .categories-list {
  padding-right: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .collection-share-order-images-list + .dialog-scrollable-content {
  border-left: none;
}

/*.collection-share-configurator {
    .rc-dialog-wrapper {
        .rc-dialog-content {
            min-height: 90vh;
            box-sizing: border-box;
        }
    }
}*/
.breadcrumb {
  top: 75px;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 2;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
  display: flex;
  justify-content: center;
  background-color: #efefef;
}
.breadcrumb a {
  position: relative;
  text-decoration: none;
  color: unset;
}
.breadcrumb a:after {
  content: " ";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #6e6e6e;
}
.breadcrumb a:hover, .breadcrumb a:visited {
  text-decoration: none;
  color: unset;
}
.breadcrumb strong {
  font-weight: bold;
  font-family: "SourceSansPro-Regular", sans-serif;
  height: 26px;
}
.breadcrumb .sgw-icon.next {
  padding-right: 36px;
  padding-left: 0;
  box-sizing: border-box;
  position: relative;
}
.breadcrumb .sgw-icon.next:after {
  content: "\e99e";
  font-family: "icomoon";
  speak: none;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 20px;
  color: #6E6E6E;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  width: 36px;
  justify-content: center;
  align-items: center;
}
.breadcrumb .sgw-icon.next:before {
  content: unset;
}

.collection-share-order-desktop-content .collection-share-order-images-list {
  display: flex;
  flex-wrap: wrap;
  flex: 0;
  position: relative;
  padding: 16px;
  align-content: center;
  justify-content: center;
  /* &.rows-count-2 {
  		 .collection-image-item {
  				 width: 50%;
  		 }
   }

   &.rows-count-3 {
  		 .collection-image-item {
  				 width: 33%;
  		 }
   }

   &.rows-count-4 {
  		 .collection-image-item {
  				 width: 25%;
  		 }
   }*/
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-share-order-images-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item.hidden {
  display: none;
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
.collection-share-order-desktop-content .collection-share-order-images-list .collection-image-item img.portrait {
  height: auto;
  width: 100%;
  margin-top: 50%;
  transform: translateY(-50%);
}

.collection-share-order-images-list .collection-image-item {
  position: relative;
}
.collection-share-order-images-list .collection-image-item .more-images-count {
  position: absolute;
  right: 2px;
  bottom: 2px;
  height: unset;
  width: unset;
  min-height: unset;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #6e6e6e;
}
.collection-share-order-images-list .collection-image-item .more-images-count .rc-label-component {
  font-size: 16px;
}

main .collection-share-order-images-list {
  display: flex;
  flex: auto;
  position: relative;
  margin: 0 -16px;
  width: 100vw;
  padding: 0 16px;
  box-sizing: border-box;
}
main .collection-share-order-images-list.horizontal-scrollable {
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
}
main .collection-share-order-images-list.horizontal-scrollable::-webkit-scrollbar {
  height: 0;
}
main .collection-share-order-images-list .collection-image-item {
  /*min-width: calc(80vw);
  height: calc(85vw);*/
  min-width: 252px;
  height: 252px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
main .collection-share-order-images-list .collection-image-item .more-images-count {
  position: absolute;
  right: 0;
  bottom: 0;
  height: unset;
  width: unset;
  min-height: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #6e6e6e;
}
main .collection-share-order-images-list .collection-image-item.hidden {
  display: none;
}
main .collection-share-order-images-list .collection-image-item img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
main .collection-share-order-images-list .collection-image-item img.portrait {
  height: auto;
  width: 100%;
  margin-top: 50%;
  transform: translateY(-50%);
}
.collection-share-order-image {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.collection-share-order-image.multi-images-article {
  flex-basis: 0;
  height: 0;
  padding-bottom: 0;
}
.collection-share-order-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90%;
}
.collection-share-order-image .image-article-image {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-height: calc(100% - 32px);
}
.collection-share-order-image .image-article-image svg {
  max-width: 100%;
  max-height: 100%;
}
.collection-share-order-image.with-edit-button .image-article-image {
  max-height: calc(100% - 76px);
}
.collection-share-order-image.with-paging-buttons .image-article-image {
  max-height: calc(100vw - 76px);
}

/*.rc-mobile-view {
    .collection-share-order-image {
        .image-article-image {
            max-height: calc(100vw - 32px);
        }
    }
}*/
.collection-share-order-image-button {
  flex: 0;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.collection-share-order .image-article-list {
  gap: 16px;
  padding: 16px;
}
.collection-share-order .image-article-list .image-article-item {
  background-color: #efefef;
  padding-top: 4px;
  border-radius: 6px;
  margin: 0;
  max-width: 168px;
  width: 168px;
}
.collection-share-order .image-article-list .image-article-item > div.image-article-image {
  height: 94px;
  max-width: 168px;
}

.shipping-price-info, a.shipping-price-info:active, a.shipping-price-info:hover, a.shipping-price-info:visited {
  color: #525252;
  padding: 0 8px 8px;
  font-size: 12px;
  margin-top: 4px;
  text-align: right;
  display: block;
  text-decoration: none;
}

.rc-floating-button + a.shipping-price-info {
  padding-left: 16px;
  padding-bottom: 16px;
}

#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer {
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer > div {
  padding: 8px;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  color: #2C2C2C;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer > div.dialog-footer-label {
  font-size: 14px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info {
  gap: 8px;
  height: 22px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .amounts-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .configurator-list-item-productset-amount-save-over {
  color: #D9052F;
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .configurator-list-item-productset-amount-only-amount {
  color: #2c2c2c;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info .configurator-list-item-productset-amount-single-amount {
  color: #6e6e6e;
  font-size: 16px;
  line-height: 20px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info {
  align-items: flex-end;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info .configurator-list-item-productset-amount-single-amount {
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info .configurator-list-item-productset-amount-only-amount {
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper .designer-footer-price-info .configurator-list-item-productset-amount-save-over {
  line-height: 18px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer .designer-footer-price-info-wrapper.price-info {
  margin-top: 4px;
  height: 20px;
}
#CollectionShareOrder.rc-dialog.dialog-with-scrollable-content .dialog-footer button {
  min-height: 42px;
  border-radius: 21px;
}

#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-header, #ShareImagesSelectionDialog.rc-mobile-view .bulk-orderer-article-list-header {
  margin-bottom: unset;
  padding: 0 12px 4px 4px;
}
#CollectionShareOrder .bulk-orderer-article-list-header, #ShareImagesSelectionDialog .bulk-orderer-article-list-header {
  display: flex;
  font-size: 16px;
  align-items: center;
  padding: 0 12px 0 4px;
  margin-bottom: 4px;
  min-height: 36px;
  color: #2C2C2C;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
  position: relative;
  margin-right: 8px;
  flex: unset;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .bulk-orderer-article-list-name, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .bulk-orderer-article-list-name {
  flex: 1;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu.bulk-orderer-article-options .drop-down-menu-body, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu.bulk-orderer-article-options .drop-down-menu-body {
  overflow-y: unset;
}
@media only screen and (max-width: 500px) {
  #CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
    max-width: 100%;
  }
  #CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
  }
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-left: 4px;
}
#CollectionShareOrder .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu-item .btn-simple, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu-item .btn-simple {
  margin-left: unset;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
  min-width: 24px;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_down:before, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_down.active, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}
#CollectionShareOrder .bulk-orderer-article-list-header .sgw-icon.arrow_right:before, #ShareImagesSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}
#CollectionShareOrder .bulk-orderer-article-list-header hr, #ShareImagesSelectionDialog .bulk-orderer-article-list-header hr {
  margin: 0;
  border: 0;
  flex: 1;
  padding: 0;
  height: 1px;
  background: #cccccc;
}
#CollectionShareOrder div.projects-list-items-wrapper, #ShareImagesSelectionDialog div.projects-list-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 168px;
  cursor: pointer;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image {
  background-color: #EFEFEF;
  padding: 16px;
  box-sizing: border-box;
  width: 168px;
  height: 168px;
  display: flex;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  /* > div {
  		 width: 100%;
  		 height: 100%;
  		 position: relative;


   }*/
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image img, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image img {
  max-height: 100%;
  max-width: 100%;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.landscape, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.landscape {
  width: 100%;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.portrait, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-image img.portrait {
  height: 100%;
}
#CollectionShareOrder div.projects-list-items-wrapper .projects-list-item .project-list-item-title, #ShareImagesSelectionDialog div.projects-list-items-wrapper .projects-list-item .project-list-item-title {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
#CollectionShareOrder .bulk-orderer-article-list-body, #ShareImagesSelectionDialog .bulk-orderer-article-list-body {
  -webkit-transition: max-height 200ms ease-in-out;
  -moz-transition: max-height 200ms ease-in-out;
  transition: max-height 200ms ease-in-out;
  max-height: 100%;
  overflow: hidden;
}
#CollectionShareOrder .bulk-orderer-article-list-body.bulk-order-article-list-hidden, #ShareImagesSelectionDialog .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  max-height: 0;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body, #ShareImagesSelectionDialog.rc-mobile-view .bulk-orderer-article-list-body {
  overflow: unset;
  max-height: unset;
}
#CollectionShareOrder.rc-mobile-view div.projects-list-items-wrapper .projects-list-item, #ShareImagesSelectionDialog.rc-mobile-view div.projects-list-items-wrapper .projects-list-item {
  max-width: calc(50% - 4px);
}
#CollectionShareOrder .image-article-item, #ShareImagesSelectionDialog .image-article-item {
  position: relative;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container {
  display: flex;
  padding: 2px;
  gap: 2px;
  background-color: #f8f8f8;
  border-radius: 9px;
  position: absolute;
  right: 4px;
  top: 4px;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container button, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container button {
  padding: 0;
  height: 30px;
  width: 30px;
  background-color: transparent;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container button .sgw-icon, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container button .sgw-icon {
  height: 20px;
  width: 20px;
}
#CollectionShareOrder .image-article-item .image-article-buttons-container button .sgw-icon::before, #ShareImagesSelectionDialog .image-article-item .image-article-buttons-container button .sgw-icon::before {
  color: #2c2c2c;
}
#CollectionShareOrder .image-article-item .image-file-name, #ShareImagesSelectionDialog .image-article-item .image-file-name {
  background-color: #EFEFEF;
  color: #6e6e6e;
  margin: 0;
  padding: 4px 0;
  flex: 0;
}
#CollectionShareOrder .image-article-item .image-article-info .rc-input .rc-input-wrapper, #ShareImagesSelectionDialog .image-article-item .image-article-info .rc-input .rc-input-wrapper {
  padding-left: unset;
}
#CollectionShareOrder .image-article-item .image-article-info .rc-input .rc-input-wrapper .rc-label, #ShareImagesSelectionDialog .image-article-item .image-article-info .rc-input .rc-input-wrapper .rc-label {
  left: 0;
}
#CollectionShareOrder .image-article-image.placeholder, #ShareImagesSelectionDialog .image-article-image.placeholder {
  background-color: #EFEFEF;
  flex-direction: column;
  color: #3669C4;
  aspect-ratio: 1/1;
  border-radius: 6px;
  height: unset;
}
#CollectionShareOrder .image-article-image.placeholder .rc-icon, #ShareImagesSelectionDialog .image-article-image.placeholder .rc-icon {
  height: 32px;
}
#CollectionShareOrder .image-article-image.placeholder .rc-icon:before, #ShareImagesSelectionDialog .image-article-image.placeholder .rc-icon:before {
  color: #3669C4;
  font-size: 30px;
}
#CollectionShareOrder .image-article-image.placeholder .rc-label-component, #ShareImagesSelectionDialog .image-article-image.placeholder .rc-label-component {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 0;
  box-sizing: border-box;
  text-align: center;
}
#CollectionShareOrder .image-article-image:not(.placeholder), #ShareImagesSelectionDialog .image-article-image:not(.placeholder) {
  flex: 1;
  justify-self: center;
  margin-bottom: 0;
  align-items: center;
  background-color: #EFEFEF;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  aspect-ratio: 1/1;
  padding: 8px;
  border: 0;
}
#CollectionShareOrder .image-article-info, #ShareImagesSelectionDialog .image-article-info {
  margin-top: auto;
}
#CollectionShareOrder .image-article-info .rc-input, #ShareImagesSelectionDialog .image-article-info .rc-input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#CollectionShareOrder.rc-mobile-view > main > div.padding-small-wrapper > div {
  background-color: #ffffff;
}
#CollectionShareOrder.rc-mobile-view > main div.collection-share-product-set-configuration-content {
  height: unset;
  margin-bottom: 8px;
}
#CollectionShareOrder.rc-mobile-view > main div.bulk-orderer-download-hint {
  padding: 8px 16px;
  box-sizing: border-box;
  height: unset;
  margin-bottom: 8px;
  margin-top: unset;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-header hr {
  display: none;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body {
  padding: 0 8px 8px;
  box-sizing: border-box;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  padding: 0;
  display: none;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list {
  gap: 8px;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item {
  margin: unset;
  max-width: unset;
  flex: 0 1 calc((100% - 16px) / 3);
  padding: 4px;
  box-sizing: border-box;
  border-radius: 6px;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image {
  max-width: unset;
  border: unset;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image .image-article-buttons-container .image-article-load-editor-button .btn-simple,
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image .image-article-buttons-container .image-article-load-editor-button .rc-icon {
  background-color: transparent;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-image.placeholder .rc-label-component {
  padding: 0 16px 8px;
  min-height: unset;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .rc-mobile-component {
  border: none;
  padding: 0;
  border-radius: 0;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .rc-mobile-component button {
  border-radius: 6px;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info {
  margin-top: auto;
  background: #EFEFEF !important;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info .rc-mobile-component {
  background: #EFEFEF !important;
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info button {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#CollectionShareOrder.rc-mobile-view .bulk-orderer-article-list-body .image-article-list .image-article-item .image-article-info .rc-input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#CollectionShareOrder.rc-mobile-view > footer {
  align-items: unset;
  padding: 16px;
}
#CollectionShareOrder.rc-mobile-view > footer .footer-submit-button {
  margin-top: unset;
}
#CollectionShareOrder.rc-mobile-view > footer button {
  border-radius: 18px;
  height: 42px;
}
#CollectionShareOrder.rc-mobile-view > footer .designer-footer-price-info-wrapper {
  text-align: unset;
  padding-right: unset;
  color: #2C2C2C;
  margin-bottom: 8px;
}
#CollectionShareOrder.rc-mobile-view > footer .designer-footer-price-info-wrapper .designer-footer-price-info {
  justify-content: space-between;
  /* .configurator-list-item-productset-amount-save-over {
  		 color: #D9052F;
  		 font-size: 14px;
  		 line-height: 18px;
   }

   .configurator-list-item-productset-amount-only-amount {
  		 color: #2c2c2c;
  		 font-size: 14px;
  		 font-weight: 700;
  		 line-height: 18px;
   }

   .configurator-list-item-productset-amount-single-amount {
  		 color: #6e6e6e;
  		 font-size: 14px;
  		 line-height: 18px;
   }*/
}
#CollectionShareOrder.rc-mobile-view > footer .designer-footer-price-info-wrapper.price-info {
  justify-content: unset;
  height: unset;
}

.project-preview-author-hint-wrapper.order-buttons-header {
  padding: 8px 16px;
  white-space: normal;
}

.bulk-orderer-caption {
  font-size: 21px;
  font-weight: bold;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 36px;
  display: flex;
  align-items: center;
  background-color: white;
  z-index: 1;
  color: #2C2C2C;
}
@media only screen and (max-width: 500px) {
  .bulk-orderer-caption {
    max-width: unset;
    background-color: #efefef;
    font-size: 16px;
  }
}

.bulk-orderer-download-hint {
  margin: 8px 0;
  color: #2C2C2C;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header {
  display: flex;
  height: 36px;
  align-items: center;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header .rc-icon.steps_summary {
  height: 26px;
  width: 26px;
  padding: 0;
  border-radius: 50%;
  background-color: #6c9d0d;
  margin-right: 8px;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header .rc-icon.steps_summary:before {
  width: 22px;
  height: 22px;
  inset: 53% 0 0 53%;
  color: #ffffff;
}
.bulk-orderer-download-hint .bulk-orderer-download-hint-header .rc-label-component {
  min-height: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}
#ConfiguratorShareCategoriesNavigationItemContent.mobile-view .rc-dialog-wrapper {
  margin: auto 24px;
  height: 100%;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper {
  margin: auto;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 14px;
  overflow: hidden;
  max-height: calc(100vh - 48px);
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: unset;
  margin-bottom: unset;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-image {
  margin-bottom: 16px;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-text {
  padding: 0 16px 8px;
  font-size: 14px;
  line-height: normal;
  color: #2C2C2C;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-text h1 {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 8px;
  font-weight: 600;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .content-text p {
  margin-bottom: 8px;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .website-promotion-banner {
  margin: 0;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .website-promotion-banner .banner-area {
  flex-direction: unset;
  margin: unset;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .website-promotion-banner .banner-area .slider-images {
  flex: 0 0 100%;
  width: 100%;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .configurator-preview-continue-button-wrapper {
  padding: 16px;
}
#ConfiguratorShareCategoriesNavigationItemContent .rc-dialog-wrapper .configurator-preview-continue-button-wrapper .configurator-preview-continue-button {
  width: 100%;
  height: 42px;
  border-radius: 21px;
}

.collection-share-product-set-image-selection-dialog-header {
  margin-top: 16px;
  padding: 0 16px;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
}
.collection-share-product-set-image-selection-dialog-header .rc-label-component {
  flex: 1;
}
.collection-share-product-set-image-selection-dialog-header .collection-share-product-set-image-selection-view-type {
  display: flex;
  box-sizing: border-box;
  gap: 4px;
}
.collection-share-product-set-image-selection-dialog-header .feedback-image-selection-view {
  display: flex;
}
.collection-share-product-set-image-selection-dialog-header .feedback-image-selection-view button {
  height: 36px;
}

#ShareImagesSelectionDialog .collection-share-product-set-image-selection-view-type {
  display: flex;
  gap: 4px;
  align-items: center;
}
#ShareImagesSelectionDialog .collection-share-product-set-image-selection-view-type button {
  border-radius: 6px;
}
#ShareImagesSelectionDialog .feedback-image-selection-view {
  gap: 8px;
}
#ShareImagesSelectionDialog .feedback-image-selection-view button {
  height: 36px;
}
#ShareImagesSelectionDialog .feedback-image-selection-view .feedback-buttons-menu button {
  width: 36px;
  padding: unset;
}
#ShareImagesSelectionDialog .collection-dialog-items {
  display: flex;
  flex-wrap: wrap;
  padding-left: 16px;
  gap: 8px;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item {
  width: auto;
  height: auto;
  margin: unset;
  cursor: pointer;
  padding: unset;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: 214px;
  height: 143px;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile {
  border: unset;
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#ShareImagesSelectionDialog .collection-dialog-items .collection-dialog-collection-item .collection-dialog-collection-item-title {
  background-color: #EFEFEF;
  padding: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#CollectionShareProductSetImageSelectionDialog .scrollable-wrapper {
  max-width: 100vw;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-left: 16px;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items.image-pool-mobile-folder-list > div {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  padding-left: 16px;
  overflow: auto;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item {
  width: auto;
  height: auto;
  margin: unset;
  cursor: pointer;
  padding: unset;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image {
  width: 75vw;
  height: 50.1169395256vw;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile {
  border: unset;
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#CollectionShareProductSetImageSelectionDialog .collection-dialog-items .collection-dialog-collection-item .collection-dialog-collection-item-title {
  background-color: #EFEFEF;
  padding: 8px;
  color: #000000;
  font-size: 14px;
  line-height: 18px;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .external-images-dialog-content .padding-wrapper {
  z-index: 2;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: #ffffff;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .feedback-header {
  display: flex;
  justify-content: space-between;
  padding-right: 12px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection {
  display: unset;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection > div {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection > div .collection-dialog-collection-item {
  width: calc(50% - 16px);
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .collection-dialog-items.product-set-collection-selection > div .collection-dialog-collection-item .content-card-image {
  width: auto;
  height: 125px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view .selection-footer-is-visible {
  margin-bottom: 128px;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-mobile-folder-list > button {
  border-bottom: 1px solid #cccccc;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="1"] {
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="1"] .image-item-wrapper {
  flex: 0 0 90%;
  min-height: 50px;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="1"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="2"] {
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="2"] .image-item-wrapper {
  flex: 0 0 50%;
  min-height: 50px;
  width: 50%;
  margin: unset;
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="2"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="4"] {
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="4"] .image-item-wrapper {
  flex: 0 0 33%;
  min-height: 50px;
  width: 33%;
  margin: unset;
  padding: 4px;
  box-sizing: border-box;
}
#CollectionShareProductSetImageSelectionDialog .image-pool-image-list[data-view-type="4"] .image-item-wrapper > div {
  padding: 2px;
  margin: unset;
  position: relative;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view > header .mobile-header-labled-button {
  display: flex;
  gap: 8px;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view > header .mobile-header-labled-button > div {
  display: flex;
  align-items: center;
}
#CollectionShareProductSetImageSelectionDialog.rc-mobile-view > header .mobile-header-labled-button button.apply-button.btn-simple {
  text-transform: none;
  border: 0;
  padding-left: 0;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header {
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  color: #2C2C2C;
  margin-bottom: unset;
  padding: 0 12px 4px 4px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin-right: 8px;
  flex: unset;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .bulk-orderer-article-list-name {
  flex: 1;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu.bulk-orderer-article-options .drop-down-menu-body {
  overflow-y: unset;
}
@media only screen and (max-width: 500px) {
  #CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
    max-width: 100%;
  }
  #CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
  }
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-left: 4px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .drop-down-menu-item .btn-simple {
  margin-left: unset;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .bulk-orderer-article-info-icon {
  margin-left: 16px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
  min-width: 24px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-body {
  -webkit-transition: max-height 200ms ease-in-out;
  -moz-transition: max-height 200ms ease-in-out;
  transition: max-height 200ms ease-in-out;
  max-height: 100%;
}
#CollectionShareProductSetImageSelectionDialog .bulk-orderer-article-list-body.bulk-order-article-list-hidden {
  max-height: 0;
}

.collection-share-product-set-image-selection-dialog-footer button {
  border-radius: 18px;
}
.collection-share-product-set-image-selection-dialog-footer .image-pool-footer-button-left {
  padding-left: 16px;
}
.collection-share-product-set-image-selection-dialog-footer .image-pool-footer-button-left .rc-icon.sgw-icon {
  margin-right: unset;
}

#BulkOrdererMobileSelectionDialog.collection-share-bulk-orderer-mobile main .image-article-list {
  gap: 16px;
  padding: 16px;
}
#BulkOrdererMobileSelectionDialog.collection-share-bulk-orderer-mobile main .image-article-list .image-article-item {
  width: calc(50% - 8px);
  background-color: #EFEFEF;
  border-radius: 6px;
  overflow: hidden;
}
#BulkOrdererMobileSelectionDialog.collection-share-bulk-orderer-mobile main .image-article-list .image-article-item .rc-input.mobile-numeric {
  background-color: transparent !important;
  border-color: transparent;
  padding: 8px;
}

#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  /*max-height: calc(100vh - 144px);
  min-height: calc(100vh - 144px);
  width: calc(100vw - 64px);
  margin: 0 auto;
  justify-content: center;

  .dialog-floated-button.close {
  		left: 32px;
  		top: 32px;
  }*/
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog {
  width: 100%;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog .dialog-content-column {
  padding-left: unset;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog div.bulk-orderer-configurator-content > div.image-article-list-wrapper {
  margin-bottom: unset;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog .dialog-v2-footer > div {
  padding-top: 16px;
}
#BulkOrdererDialog.collection-share-bulk-orderer.rc-dialog .rc-dialog-wrapper .rc-dialog-content #bulkOrdererSelectionDialog .dialog-v2-footer button {
  min-height: 42px;
  border-radius: 21px;
}

#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer {
  gap: 16px;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs {
  display: flex;
  flex: 0 0 60px;
  flex-direction: row;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div.tab-active {
  color: #3669c4;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div.tab-active .rc-icon:before {
  color: #3669c4;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div button {
  display: flex;
  flex-direction: column;
  padding: unset;
  height: 60px;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .mobile-tabs > div button.btn-icon .sgw-icon {
  margin-right: unset;
}
#BulkOrdererMobileSelectionDialog footer.collection-share-bulk-orderer-mobile-footer .submit-button button {
  width: 100%;
}

#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 28px;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  background-color: transparent;
  padding: 0;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content.mobile-view-confirmation .rc-dialog-wrapper .rc-dialog-content {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .group-content.group-content-image .group-content-image-svg {
  width: 100%;
}
#CollectionShareAddedToCartConfirmaion.rc-dialog.dialog-with-scrollable-content .group-content.group-content-image .group-content-image-svg svg {
  max-height: 96px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px 8px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header .icon-check {
  width: 26px;
  height: 26px;
  background-color: #79AB19;
  border-radius: 50%;
  padding: unset;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header .icon-check:before {
  color: white;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-header .rc-label-component {
  flex: 1;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper {
  padding: 8px 24px;
  display: flex;
  gap: 16px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .group-content-image.group-content {
  display: flex;
  width: 96px;
  height: 96px;
  justify-content: center;
  align-items: center;
  min-width: 96px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .group-content-image.group-content img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .dialog-content-data {
  display: flex;
  flex-direction: column;
  height: 96px;
  align-items: center;
  justify-content: center;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .dialog-content-data .group-content-label.group-content {
  font-size: 14px;
  line-height: 18px;
}
#CollectionShareAddedToCartConfirmaion .dialog-content-data-wrapper .dialog-content-data .group-content-label.group-content strong {
  margin-bottom: 4px;
}
#CollectionShareAddedToCartConfirmaion .buttons-section {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#CollectionShareAddedToCartConfirmaion .buttons-section button {
  height: 48px;
  border-radius: 24px;
  width: 100%;
}
#CollectionShareAddedToCartConfirmaion .buttons-section button.btn-white {
  color: #525252;
  border: 1px solid #525252;
}

/*
.rc-mobile-view > main div.bulk-orderer-download-hint {
padding: 8px;
box-sizing: border-box;
height: unset;
margin-bottom: 8px;
}

#CollectionShareProductSetConfiguration.rc-mobile-view > main > div.padding-small-wrapper > div {
background-color: #ffffff;
}
*/
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content {
  border-radius: 6px;
  overflow: hidden;
  padding: 16px;
  max-height: 80vh;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  border-radius: unset;
  padding: unset;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #2C2C2C;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div > h2 {
  font-family: "SourceSansPro-Regular";
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div .item-tooltip-v2-text {
  line-height: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div .item-tooltip-v2-text h1 {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-product-set-tooltip-content > div .item-tooltip-v2-text ul {
  list-style: disc;
  margin-left: 24px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-footer {
  height: unset;
  padding-top: 16px;
}
.rc-dialog.dialog-with-scrollable-content.dialog-product-set-tooltip .rc-dialog-wrapper .rc-dialog-content .dialog-footer button {
  width: 100%;
}

.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content {
  background: unset;
  box-shadow: unset;
}
.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  background-color: unset;
  padding: 16px;
}
.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .desktop-dialog-button {
  top: 24px;
  right: 24px;
}
.rc-dialog.dialog-with-scrollable-content.collection-share-promotion-dialog .rc-dialog-wrapper .rc-dialog-content .collection-share-promotion-section {
  display: flex;
  flex-direction: column;
}

.collection-share-view.mobile-view:not(.dark-theme) .collection-share-view-header-buttons .btn-simple.btn-icon-only .rc-icon.clock_pending:before {
  color: #3669c4;
}

.mobile-view .collection-share-promotion-blue-button, .rc-mobile-view .collection-share-promotion-blue-button {
  color: #3669c4;
}
.mobile-view .collection-share-promotion-blue-button > .rc-icon.sgw-icon:before, .rc-mobile-view .collection-share-promotion-blue-button > .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.mobile-view .collection-share-promotion, .rc-mobile-view .collection-share-promotion {
  width: 100%;
}

.collection-share-view.dark-theme .collection-share-view-header-buttons .rc-icon.clock_pending:before, .collection-share-promotion-dialog.dark-theme .collection-share-view-header-buttons .rc-icon.clock_pending:before {
  color: #4182FB;
}
.collection-share-view.dark-theme .desktop-dialog-button button.btn-icon-only .rc-icon:before, .collection-share-promotion-dialog.dark-theme .desktop-dialog-button button.btn-icon-only .rc-icon:before {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion, .collection-share-promotion-dialog.dark-theme .collection-share-promotion {
  background-color: #2B2B2B;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
.collection-share-view.dark-theme .collection-share-promotion h2, .collection-share-promotion-dialog.dark-theme .collection-share-promotion h2 {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion .rc-icon.clock_pending:before, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .rc-icon.clock_pending:before {
  color: #4182FB;
}
.collection-share-view.dark-theme .collection-share-promotion .mobile-content-button .rc-icon.clock_pending:before, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .mobile-content-button .rc-icon.clock_pending:before {
  color: #4182FB;
}
.collection-share-view.dark-theme .collection-share-promotion.step-completed .step-counter, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.step-completed .step-counter {
  background-color: #4182FB;
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion.mobile-content button.btn-icon-only .rc-icon:before, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.mobile-content button.btn-icon-only .rc-icon:before {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill {
  height: 20px;
  width: auto;
  background-color: #4182FB;
  position: relative;
  border-radius: 10px;
  min-width: fit-content;
  padding: 0 8px;
  box-sizing: border-box;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill .collection-share-promotion-progress-bar-label, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill .collection-share-promotion-progress-bar-label {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header {
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header.header-opened, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header.header-opened {
  background-color: #6e6e6e;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-section, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-section {
  background-color: #2B2B2B;
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-header-button-caption, .collection-share-promotion-dialog.dark-theme .collection-share-promotion.desktop-header .collection-share-promotion-header-button-caption {
  color: #FFFFFF;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-section, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-section {
  background-color: #2B2B2B;
  box-shadow: unset;
}
.collection-share-view.dark-theme .collection-share-promotion .rc-label-component, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .rc-label-component {
  color: white !important;
  justify-content: unset;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-time-counter, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-time-counter {
  /*.rc-icon:before {
  		color: white;
  }*/
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-time-counter .rc-label-component, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-time-counter .rc-label-component {
  color: white;
}
.collection-share-view.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-caption, .collection-share-promotion-dialog.dark-theme .collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-caption {
  color: white;
}
.collection-share-promotion-mobile-wrapper {
  padding: 0 16px 16px;
}

.collection-share-promotion {
  display: inline-flex;
  position: relative;
  background-color: white;
  padding: 24px;
}

.dialog-scrollable-content .collection-share-promotion.mobile-content {
  max-width: unset;
}

.mobile-view .collection-share-view-header-buttons .collection-share-promotion.desktop-header .collection-share-promotion-section {
  top: calc(100% + 4px);
}

.collection-share-promotion {
  box-sizing: border-box;
  width: auto;
  border-radius: 4px;
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
  color: #2C2C2C;
  /*&.mobile-content {
  		.collection-share-promotion-time-counter {
  				margin-bottom: 16px;
  		}
  }*/
}
.collection-share-promotion.mobile-content {
  max-width: 400px;
  width: 100%;
  padding: 16px;
}
.collection-share-promotion.mobile-content .collection-share-promotion-section {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.collection-share-promotion.mobile-content .collection-share-promotion-section .collection-share-promotion-purchase-step .step-description {
  flex-direction: column;
}
.collection-share-promotion.mobile-content .collection-share-promotion-section .collection-share-promotion-mobile-content-opened {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.collection-share-promotion .mobile-content-button {
  display: flex;
  width: 100%;
}
.collection-share-promotion .mobile-content-button .rc-icon.gift:before {
  color: #3669c4;
}
.collection-share-promotion .mobile-content-button h2 {
  flex: 1;
}
.collection-share-promotion.mobile-content-opened {
  padding: 16px;
  justify-content: center;
}
.collection-share-promotion.mobile-content-opened .mobile-content-button {
  display: none;
}
.collection-share-promotion.mobile-content-opened .desktop-dialog-button {
  top: 0;
  right: 0;
}
.collection-share-promotion.desktop-header {
  padding: 4px 8px 8px;
  cursor: pointer;
  box-shadow: unset;
}
.collection-share-promotion.desktop-header > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-section {
  position: absolute;
  right: 50%;
  top: calc(100% + 19px);
  width: 446px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transform: translateX(50%);
  box-shadow: 0 0 16px 0 rgba(124, 116, 116, 0.5);
  /*.collection-share-promotion-time-counter {
  		margin-bottom: 16px;
  }*/
}
.collection-share-promotion.desktop-header .collection-promotion-max-reached {
  background-color: #6c9d0d;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  padding: unset;
}
.collection-share-promotion.desktop-header .collection-promotion-max-reached:before {
  color: white;
  font-size: 14px;
  left: 12px;
  line-height: 21px;
  top: 10px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-progress {
  max-width: unset;
  width: 100%;
}
.collection-share-promotion.desktop-header.header-opened {
  background-color: #E3E3E3;
  z-index: 1;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button {
  display: flex;
  padding: 4px 8px 0 0;
  box-sizing: border-box;
  height: 26px;
  align-items: center;
  column-gap: 8px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-header-button-caption {
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 1px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter {
  height: unset;
  align-items: center;
  margin-bottom: 1px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter .rc-icon.sgw-icon.clock_pending:before {
  top: 40%;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter .rc-label-component {
  flex-wrap: nowrap;
  align-items: center;
  line-height: 15px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-time-counter .rc-label-component strong {
  font-size: 14px;
  line-height: 15px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-progress {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-progress .collection-share-promotion-progress-caption {
  margin-bottom: unset;
  line-height: 14px;
}
.collection-share-promotion.desktop-header .collection-share-promotion-header-button .collection-share-promotion-progress .collection-share-promotion-progress-bar {
  min-width: 217px;
}
.collection-share-promotion .collection-share-promotion-section .collection-share-promotion-progress {
  width: 100%;
  max-width: unset;
  margin-bottom: 8px;
}
.collection-share-promotion h2 {
  /*font-family: "source_sans_pro";
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  text-align: center;*/
  margin-bottom: unset;
  font-family: "source_sans_pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.collection-share-promotion .collection-share-promotion-time-counter {
  display: flex;
  margin-left: 8px;
  margin-bottom: 8px;
  height: 26px;
  align-items: center;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-icon {
  width: auto;
  padding: unset;
  margin-right: 8px;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-icon:before {
  color: #3669c4;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-label-component {
  color: inherit;
  min-height: unset;
  flex-direction: row;
}
.collection-share-promotion .collection-share-promotion-time-counter .rc-label-component strong {
  font-size: 18px;
  margin-left: 4px;
}
.collection-share-promotion .collection-share-promotion-overview-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.collection-share-promotion .collection-share-promotion-subsection {
  margin-left: 16px;
  padding-left: 16px;
  box-sizing: border-box;
  border-left: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.collection-share-promotion .collection-share-promotion-disclaimer.rc-label-component:not(.rc-mobile-component) {
  font-size: 12px;
  min-height: unset;
  padding-top: 8px;
  color: #555555;
}
.collection-share-promotion .collection-share-promotion-purchase-step {
  display: flex;
  align-items: center;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-counter {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #EFEFEF;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 31px;
  margin-right: 8px;
  padding: 0;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-counter .step-counter-check {
  position: absolute;
  right: -4px;
  top: -4px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #79AB19;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-counter .step-counter-check:before {
  color: white;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-description {
  display: flex;
  justify-content: center;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-description .rc-label-component {
  color: inherit;
  display: flex;
  min-height: unset;
  margin-right: 4px;
  flex-direction: row;
}
.collection-share-promotion .collection-share-promotion-purchase-step .step-description .rc-label-component:first-child strong {
  margin-left: 4px;
  padding-top: 1px;
  box-sizing: border-box;
}
.collection-share-promotion .collection-share-promotion-purchase-step.step-completed .step-counter {
  background-color: #3669c4;
  color: white;
}
.collection-share-promotion .collection-share-promotion-purchase-step.step-completed .step-counter.steps_summary {
  background-color: #6c9d0d;
}
.collection-share-promotion .collection-share-promotion-purchase-step.step-completed .step-counter.steps_summary:before {
  color: white;
}
.collection-share-promotion .collection-share-promotion-progress {
  max-width: 300px;
  width: 300px;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-caption {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar {
  height: 20px;
  background-color: #EFEFEF;
  border-radius: 10px;
  position: relative;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-label {
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: right;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill {
  height: 20px;
  width: auto;
  background-color: #3669c4;
  position: relative;
  border-radius: 10px;
  min-width: fit-content;
  padding: 0 8px;
  box-sizing: border-box;
}
.collection-share-promotion .collection-share-promotion-progress .collection-share-promotion-progress-bar .collection-share-promotion-progress-bar-fill .collection-share-promotion-progress-bar-label {
  color: white;
}

.collection-share-view-header-buttons .rc-icon.clock_pending:before {
  color: #3669c4;
}

.bulk-orderer-article-list-header .collection-share-promotion.desktop-header .collection-share-promotion-section {
  top: 100%;
  right: 0;
  transform: unset;
}

.dialog-window .image-editor .show-mobile {
  display: none;
}
.dialog-window .image-editor .btn-simple {
  height: unset;
}
.dialog-window .image-editor .dialog-v2-footer .btn-simple {
  height: 36px;
}
.dialog-window .image-editor .rc-select {
  width: 200px;
}
.dialog-window .image-editor .image-editor-exif-data > div > div, .dialog-window .image-editor .image-editor-image-info > div > div {
  display: flex;
  align-items: center;
}
.dialog-window .image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon {
  padding: unset;
}
.dialog-window .image-editor .image-editor-delete-button {
  position: absolute;
  right: 16px;
  top: 16px;
  padding: unset;
}

.image-editor .disabled {
  pointer-events: none;
}

.image-editor .dialog-v2-header {
  display: flex;
  padding: 0 8px;
  flex: 0 0 auto;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header {
  justify-content: space-between;
}
.image-editor .dialog-v2-header.dialog-v2-mobile-header .btn-icon.btn-icon-only:not(.numeric-arrow-down):not(.numeric-arrow-up) {
  height: 20px;
}

.image-editor .dialog-v2-header > div {
  display: flex;
  padding: 16px 8px;
  border-right: 1px solid #D8D8D8;
}

.image-editor .dialog-v2-header > div.image-editor-info {
  display: block;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header > div {
  border-right: none;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-editor-quality,
.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-settings-button {
  padding-left: 22px;
  position: relative;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-editor-quality:before {
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
}

.image-editor .dialog-v2-header.dialog-v2-mobile-header .image-settings-button:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.image-editor .dialog-v2-header > div:last-child {
  border-right: none;
}

.image-editor .dialog-v2-footer > div {
  padding: 8px;
}

.image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon {
  padding: 2px 0 2px 2px;
  margin: 2px 0;
  display: flex;
  width: 100%;
}
.image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon > div:last-child {
  width: 100%;
  text-align: left;
}
.image-editor .image-editor-settings .image-editor-action-buttons button.btn-simple.btn-icon:hover {
  background-color: #D8D8D8;
}

.image-editor .image-editor-settings > div {
  margin-right: 16px;
}

.image-editor .image-editor-settings > div > div {
  padding: 4px 0;
}
.image-editor .image-editor-settings > div > div.grid-drop-down {
  padding-top: 6px;
}

.image-editor .image-editor-settings > div:last-child {
  margin-right: 0;
}

.image-editor .image-editor-info > div {
  margin-right: 32px;
}

.image-editor .image-editor-info .image-editor-image-settings-info {
  display: flex;
}

.image-editor .image-editor-info .image-editor-image-settings-info > div {
  margin-right: 32px;
  display: flex;
  flex-direction: column;
}

.image-editor .image-editor-info .image-editor-image-settings-info > div > div {
  flex: 0 0 27px;
}

.image-editor .image-editor-info .image-editor-image-settings-info > div:last-child {
  margin-right: 0;
}

.image-editor .image-editor-info .image-editor-quality {
  padding-top: 2px;
  position: relative;
  padding-left: 24px;
  height: 27px;
  display: flex;
  align-items: center;
}
.image-editor .image-editor-info .image-editor-quality:before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}

.image-editor-quality[data-quality="1"]:before {
  background-color: #6C9D0D;
}

.image-editor-quality[data-quality="2"]:before {
  background-color: #AFCA0B;
}

.image-editor-quality[data-quality="3"]:before {
  background-color: #D7032C;
}

.image-editor .image-editor-info .image-editor-exif-data {
  display: flex;
}

.image-editor .image-editor-exif-data > div, .image-editor .image-editor-image-info > div {
  display: flex;
  flex-direction: column;
}

.image-editor .image-editor-exif-data > div > div, .image-editor .image-editor-image-info > div > div {
  flex: 0 0 27px;
  color: #6E6E6E;
}

.image-editor .image-editor-info .image-editor-exif-data > div {
  margin-right: 8px;
}
.image-editor .image-editor-info .image-editor-exif-data > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
}

.image-editor .image-editor-info .image-editor-exif-data > div:last-child {
  margin-right: 0;
}

.image-editor .image-editor-info .image-editor-image-info {
  display: flex;
}

.image-editor .image-editor-info .image-editor-image-info > div {
  margin-right: 16px;
}

.image-editor .image-editor-info .image-editor-image-info > div:last-child {
  margin-right: 0;
}

.image-editor .select-box-container {
  display: flex;
}

.image-editor .select-box-container .select-box {
  margin-top: -3px;
  margin-left: 4px;
}

.image-editor .select-box-container .select-box .selected-value {
  min-width: 125px;
  padding-top: 4px;
  height: 26px;
}

.image-editor .select-box-container .select-box .label-inline {
  padding: 3px 20px 0 4px;
}

.image-editor .editor-container {
  padding: 0 8px;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
  background: #d8d8d8;
}

.image-editor .editor-container-content {
  height: 100%;
  width: 100%;
  position: relative;
  background: #D8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-editor .editor-container-content svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.image-editor .editor-container-content .canvas-cropper-image-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-editor .editor-container-content.has-border .canvas-cropper-image-container, .image-editor .editor-container-content.has-border svg {
  top: 32px;
  left: 32px;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
}

.image-editor .editor-container-content img, .image-editor .editor-container-content img.landscape {
  width: 100%;
}

.image-editor .editor-container-content img.portrait {
  height: 100%;
}

.image-editor .cropper-modal {
  background-color: #dcdcdc;
}

.image-editor .cropper-view-box {
  outline-color: rgba(51, 150, 95, 0.75);
  outline: 1px solid #3669C4;
  border: 1px solid #FFFFFF;
}

.image-editor .cropper-point {
  background-color: #FFFFFF;
  border: 1px solid #3669C4;
  width: 8px;
  height: 8px;
  opacity: 1;
}

.image-editor .cropper-point.point-e, .image-editor .cropper-point.point-n, .image-editor .cropper-point.point-w, .image-editor .cropper-point.point-s {
  display: none;
}

.image-editor .cropper-point.point-ne {
  right: -6px;
  top: -5px;
}

.image-editor .cropper-point.point-nw {
  left: -5px;
  top: -5px;
}

.image-editor .cropper-point.point-sw {
  bottom: -6px;
  left: -5px;
}

.image-editor .cropper-point.point-se {
  bottom: -6px;
  right: -7px;
  width: 8px;
  height: 8px;
  opacity: 1;
}

.image-editor .cropper-center {
  /*display: none;*/
}

.image-editor .cropper-dashed {
  border: 0 solid #eee;
}

.image-editor .editor-container[data-grid-type="6"] .cropper-dashed, .image-editor .cropper-dashed {
  display: none;
}

.image-editor .editor-container[data-grid-type="7"] .cropper-dashed.dashed-h {
  border-bottom-width: 2px;
  border-top-width: 2px;
  display: block;
}

.image-editor .editor-container[data-grid-type="7"] .cropper-dashed.dashed-v {
  border-left-width: 2px;
  border-right-width: 2px;
  display: block;
}

.image-editor .editor-container[data-grid-type="8"] .cropper-dashed.dashed-h {
  top: 38.2%;
  height: 23.6%;
  display: block;
}

.image-editor .editor-container[data-grid-type="8"] .cropper-dashed.dashed-v {
  left: 38.2%;
  width: 23.6%;
  display: block;
}

.cropper-move:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid #FFFFFF;
  height: 100%;
  width: 1px;
  transform: rotate(45deg);
}

.image-editor .dialog-v2-bottom-edit-toolbar-mobile {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.image-editor .dialog-v2-bottom-edit-toolbar-mobile .btn-simple {
  padding: 16px 32px;
}
.image-editor .dialog-v2-bottom-edit-toolbar-mobile .btn-simple .sgw-icon:before {
  color: #fff;
}

.image-editor .dialog-v2-top-edit-toolbar-mobile {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
.image-editor .dialog-v2-top-edit-toolbar-mobile .btn-simple {
  padding: 16px 32px;
}
.image-editor .dialog-v2-top-edit-toolbar-mobile .btn-simple .sgw-icon:before {
  color: #fff;
}

.image-editor .edit-toolbar-wrapper {
  justify-content: space-between;
}

.image-editor .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar .sgw-icon.arrow_left_line {
  margin-right: 0;
}

.image-editor .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar .sgw-icon.arrow_left_line:before,
.image-editor .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper .btn-toolbar .sgw-icon.steps_summary:before {
  top: 4px;
}

#ImageEditorTabPanel {
  display: flex;
  border-bottom: 2px solid #d8d8d8;
}
#ImageEditorTabPanel .image-editor-tab-panel-column {
  width: 55px;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .desktop-module-button {
  margin: 16px 0;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .desktop-module-button .btn-selected .rc-icon::before {
  color: #3669c4;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .desktop-module-button .btn-selected .btn-label {
  color: #3669c4;
}
#ImageEditorTabPanel .module {
  display: flex;
  flex-direction: column;
  width: 320px;
  border-left: 2px solid #d8d8d8;
  position: relative;
}
#ImageEditorTabPanel .module .module-tab {
  color: #333;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  text-align: right;
  z-index: 1;
  padding-left: 8px;
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
#ImageEditorTabPanel .module .module-tab .module-tab-header {
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  margin-bottom: 0;
  flex: 1;
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-tab > .checkout-group-content {
  flex: 1;
  display: flex;
}
#ImageEditorTabPanel .module .module-tab > .checkout-group-content .label-heading {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
  margin-bottom: 0;
}
#ImageEditorTabPanel .module .module-tab button {
  padding: 8px;
  padding-right: 16px;
}
#ImageEditorTabPanel .module .module-content {
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  /* > div {
  		 margin-bottom: 64px;
   }*/
}
#ImageEditorTabPanel .module .module-content .label-heading {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
}
#ImageEditorTabPanel .module .module-content .good > div {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .good > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #6C9D0D;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .average > div {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .average > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #AFCA0B;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .bad > div {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .bad > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D7032C;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .rc-select {
  width: unset;
}
#ImageEditorTabPanel .module .module-content .group-important {
  font-weight: normal;
  font-size: 12px;
  color: #6E6E6E;
}
#ImageEditorTabPanel .module .module-content .slider-container {
  margin: 16px 0;
}
#ImageEditorTabPanel .module .module-content button {
  width: 100%;
  justify-content: start;
  padding: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark {
  width: unset;
  min-height: 36px;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark.bad:before {
  background-color: #D7032C;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark.average:before {
  background-color: #AFCA0B;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-quality-mark.good:before {
  background-color: #6C9D0D;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .module-content-section-caption {
  font-weight: normal;
  font-size: 12px;
  color: #6E6E6E;
  margin-bottom: -8px;
  min-height: 36px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .rc-color-picker {
  max-width: unset;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .rc-slider {
  padding-bottom: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair {
  display: flex;
  align-items: center;
  height: 36px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair > div {
  font-size: 14px;
  line-height: 20px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair .key {
  flex-basis: 40%;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .key-value-pair .value {
  flex: 1;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .histogram-select-box {
  display: flex;
  align-items: center;
  height: 36px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .histogram-select-box label {
  font-weight: bold;
  flex-basis: 40%;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .histogram-select-box .rc-select {
  flex: 1;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .image-histogram-canvas img {
  border: 1px solid #cccccc;
  width: 100%;
}
#ImageEditorTabPanel .module .module-content .filters-tab {
  height: 100%;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-content-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#ImageEditorTabPanel .module .module-content .filters-tab .rc-color-picker .color-picker-label-container {
  max-width: unset;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container .filter-with-name {
  width: 47%;
  margin: 4px;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container .filter-with-name .filters-tab-filter-item {
  cursor: pointer;
}
#ImageEditorTabPanel .module .module-content .filters-tab .filter-list-container .filter-with-name .filters-tab-filter-item:hover {
  outline: 3px solid #ccc;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-important {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-content-key-value {
  display: flex;
  min-height: 36px;
  align-items: center;
  flex-wrap: nowrap;
  padding: unset;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-content-key-value .group-content-key-value-key {
  flex-basis: 40%;
}
#ImageEditorTabPanel .module .module-content .pro-tab .group-content-key-value .group-content-key-value-value {
  flex: 1;
  font-size: 14px;
}
#ImageEditorTabPanel .module .module-content .article-tab {
  height: 100%;
}
#ImageEditorTabPanel .module .module-content .article-tab .group-important {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
  color: #000000;
}
#ImageEditorTabPanel .module .module-content .article-tab .article-configurator {
  padding: 0;
  max-height: 97%;
}

.focus-point-setter-area {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.focus-point-setter-area img {
  display: block;
  flex: 0;
  max-width: 100%;
  max-height: 100%;
  width: unset;
  height: unset;
}
.focus-point-setter-area .focus-pointer-area {
  position: absolute;
}
.focus-point-setter-area .focus-pointer-area .focus-pointer-handler {
  position: absolute;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.mobile-cropper-image.mirror-y {
  transform: scaleY(-1);
}

.mobile-cropper-image.mirror-x {
  transform: scaleX(-1);
}

.mobile-cropper-image.mirror-x.mirror-y {
  transform: scale(-1, -1);
}

.mobile-cropper-image[data-rotate="90"] {
  transform: rotate(-270deg) translateY(-100%);
  transform-origin: top left;
}

.mobile-cropper-image[data-rotate="180"] {
  transform: rotate(-180deg) translate(-100%, -100%);
  transform-origin: top left;
}

.mobile-cropper-image[data-rotate="270"] {
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: top left;
}

.mobile-cropper-image.mirror-y {
  transform: scaleY(-1);
}

.mobile-cropper-image.mirror-x {
  transform: scaleX(-1);
}

.mobile-cropper-image.mirror-x.mirror-y {
  transform: scale(-1, -1);
}

.mobile-cropper-image[data-rotate="90"] {
  transform: rotate(-270deg) translateY(-100%);
  transform-origin: top left;
}

.mobile-cropper-image[data-rotate="180"] {
  transform: rotate(-180deg) translate(-100%, -100%);
  transform-origin: top left;
}

.mobile-cropper-image[data-rotate="270"] {
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: top left;
}

.mobile-cropper-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: auto;
  overflow: hidden;
}
.mobile-cropper-wrapper > a {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 999;
}
.mobile-cropper-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: none;
  max-width: none;
}
.mobile-cropper-wrapper .mobile-cropper {
  z-index: 201;
  position: absolute;
}

/*@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;
    }
}*/
.information-open {
  left: 0;
}

.information-close {
  left: -100vw;
}

.mobile-image-information-wrapper {
  transition: 0.3s ease;
  position: absolute;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  z-index: 301;
}

.mobile-image-information {
  height: 70vh;
  width: 80vw;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 45% 55%;
}
.mobile-image-information .sgw-icon {
  padding-right: 10px;
}
.mobile-image-information .sgw-icon::before {
  top: -8px;
  font-size: 1.75rem !important;
  color: #5c5c5c !important;
}
.mobile-image-information a {
  color: #000000 !important;
}
.mobile-image-information > div {
  border: 0.1px solid #efefef;
}
.mobile-image-information .inf-label {
  padding-left: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.mobile-image-information .inf-label > a {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 1.1rem;
}
.mobile-image-information .inf-wide {
  grid-column: span 2;
}
.mobile-image-information .inf-label-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-image-information .inf-label-center > .btn-simple {
  padding: 0;
  margin: 0;
}
.mobile-image-information .inf-label-center > .btn-simple > div {
  color: #3669C4;
}

body .rc-mobile-view.mobile-image-editor {
  touch-action: none;
  background-color: #000000;
  z-index: 10030;
  max-height: 100vh;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign {
  background-color: #FFFFFF;
  border-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign.phone .header-start .rc-icon.sgw-icon {
  margin-right: unset;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "SourceSansPro-Regular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start .quality-color {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start .rc-icon.sgw-icon {
  padding-left: unset;
  height: 14px;
  width: 14px;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start .rc-icon.sgw-icon:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: icomoon;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-end > .btn-icon.btn-icon-only {
  height: 18px;
  width: 18px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-end > .btn-icon.btn-icon-only .rc-icon.sgw-icon.close {
  height: 18px;
  width: 18px;
  color: #2c2c2c;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-end > .btn-icon.btn-icon-only .rc-icon.sgw-icon.close:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  color: #2c2c2c;
}
body .rc-mobile-view.mobile-image-editor.redesign > main {
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .semicircle {
  z-index: 2;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
  background: #d8d8d8;
  box-sizing: border-box;
  flex: auto;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content {
  height: 100%;
  width: 100%;
  position: relative;
  background: #d8d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content .canvas-cropper-image-container {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content.has-border .canvas-cropper-image-container, body .rc-mobile-view.mobile-image-editor.redesign > main.tablet .editor-container .editor-container-content.has-border svg {
  top: 32px;
  left: 32px;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper {
  padding: 32px 0 0 0;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper.cropping {
  padding: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .undo-redo-wrapper {
  margin-bottom: 32px;
  font-size: 15px;
  gap: 16px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .undo-redo-wrapper button {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .mobile-cropper-wrapper {
  box-sizing: border-box;
  margin: 48px 64px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.portrait .mobile-image-editor-main-wrapper .mobile-cropper-wrapper.grid {
  margin: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper {
  padding: unset;
  flex-direction: row;
  height: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer {
  padding: 24px 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer .module-bar {
  flex-direction: column;
  margin-top: unset;
  padding-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item {
  padding: 16px 8px 8px 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .redesign-single-page-footer .module-bar .mobile-navigation-tabs-item .rc-icon.sgw-icon {
  margin-right: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .mobile-cropper-wrapper {
  box-sizing: border-box;
  margin: 48px 64px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main.tablet.landscape .mobile-image-editor-main-wrapper .mobile-cropper-wrapper.grid {
  margin: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  height: unset;
  z-index: 300;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-family: "SourceSansPro-Regular", sans-serif;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div button {
  background-color: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div button .rc-icon {
  width: 18px;
  height: 18px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .undo-redo-wrapper div button .rc-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: "icomoon";
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-editor-main-wrapper {
  padding: 24px 32px 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-editor-main-wrapper.cropping {
  padding: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-cropper-wrapper {
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-canvas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-canvas .mobile-image-preview-wrapper {
  box-sizing: border-box;
}
body .rc-mobile-view.mobile-image-editor.redesign > main .mobile-image-canvas .mobile-image-preview-wrapper > img {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header {
  display: flex;
  flex-direction: row;
  border-radius: 28px 28px 0px 0px;
  background: #FFF;
  box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 16px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header button {
  height: 30px;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  flex: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header button.btn-icon-only {
  background-color: #FFF;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-header button:not(.btn-submit, .btn-icon-only) {
  border-radius: 120px;
  border: 1px solid var(--Content-contentSecondary, #525252);
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content {
  margin-bottom: 16px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay {
  margin-left: 16px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list {
  overflow-x: auto;
  justify-content: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list .button-with-bottom-label {
  width: 28vw;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-family: icomoon;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content.edit-overlay .tool-list .button-with-bottom-label .btn-label {
  width: 22vw;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 4px;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label {
  padding: 16px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon {
  height: 32px;
  width: 32px;
  margin: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label .rc-icon.sgw-icon:before {
  font-size: 32px;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign .overlay-content .tool-list .button-with-bottom-label .btn-label {
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  white-space: wrap;
  line-height: 15px;
  width: 22vw;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign {
  height: 166px;
  min-height: 166px;
  box-shadow: unset;
  padding: unset !important;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign.large-footer {
  height: 412px;
  min-height: 412px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign.tablet.portrait {
  height: unset;
  min-height: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign.tablet.portrait.crop {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .redesign-single-page-footer {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay {
  height: 168px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay {
  height: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay .overlay-header {
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay .overlay-header .rc-icon.sgw-icon {
  padding-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay .overlay-content {
  padding: 16px 24px 48px 24px;
  margin-bottom: unset;
  margin-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay .overlay-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px 48px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.close, body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.arrow_down_line2 {
  height: 14px;
  width: 14px;
  background-color: #FFFFFF;
  color: #2C2C2C;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.close:before, body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.arrow_down_line2:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
  font-family: "icomoon";
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-header {
  gap: 24px;
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 24px 24px;
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-content .description {
  color: #2c2c2c;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).enhancement-overlay .overlay-content .rc-switch-label {
  font-size: 15px;
  font-weight: 400;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-header {
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-header .rc-icon.sgw-icon {
  padding-left: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content {
  margin-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets {
  display: flex;
  flex-direction: row;
  padding: 16px 24px;
  overflow-x: auto;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filter-with-name .filter-name {
  margin-top: 8px;
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item {
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: relative;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item.selected:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  box-sizing: border-box;
  border: 2px solid #3669C4;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options {
  padding: 0 24px 24px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options button {
  padding: unset;
  height: unset;
  background-color: #FFFFFF;
  border: none;
  color: #3669C4;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options button .sgw-icon {
  margin-left: 6px;
  color: #3669C4;
  width: 11px;
  height: 11px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .mobile-image-editor-tab-filters-more-options button .sgw-icon:before {
  color: #3669C4;
  font-family: "icomoon";
  width: 11px;
  height: 11px;
  line-height: 11px;
  font-size: 11px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-header {
  gap: 24px;
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content {
  padding: 24px 32px 48px 32px;
  margin-bottom: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .slider-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 32px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .slider-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .slider-item .slider-label {
  text-transform: capitalize;
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector {
  display: flex;
  height: 48px;
  box-sizing: border-box;
  padding: 8px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 14px;
  border: 1px solid #525252;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector .label {
  overflow: hidden;
  color: #525252;
  text-overflow: ellipsis;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector .rc-color-picker {
  background-color: #FFFFFF;
  border-bottom: unset;
  height: unset;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign #MobileImageEditorFooterRedesign.mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-adjust-overlay .overlay-content .colorization-selector .rc-color-picker .color-picker-label-container .picker-color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #CBCACA;
}
body .rc-mobile-view.mobile-image-editor > main {
  overflow: hidden;
  background-color: black;
}
body .rc-mobile-view.mobile-image-editor .btn-selected > .sgw-icon::before {
  color: #3669C4 !important;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header {
  flex-direction: row;
  justify-content: space-between;
  z-index: 200;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet {
  padding: 12px 16px;
  border-bottom: 1px solid #E7E7E7;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  align-items: center;
  gap: 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div button {
  width: unset;
  height: unset;
  padding-right: 8px;
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div button .rc-icon.sgw-icon {
  padding-left: unset;
  height: 18px;
  width: 18px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .undo-redo-wrapper > div button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .btn-simple {
  height: 30px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .btn-simple .btn-label {
  font-size: 13px;
  line-height: 13px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .rc-switch {
  flex: unset;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .rc-switch .rc-switch-label {
  font-size: 15px;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality {
  display: flex;
  align-items: center;
  font-size: 15px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality .rc-icon.sgw-icon {
  padding-left: unset;
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-quality .quality-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-switch {
  text-overflow: unset;
  white-space: unset;
  padding-right: unset;
  min-width: 22vw;
  max-width: 30vw;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-switch .rc-switch-dot {
  order: 1;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-switch .rc-switch-label {
  order: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 25vw;
  min-width: 15vw;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-icon.sgw-icon {
  padding-left: unset;
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-left: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header.redesign.tablet .image-enhancement .rc-icon.sgw-icon:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header .header-start, body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header .header-end {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-header .header-picture-counter {
  padding: 0 1vw;
  font-size: 1.25rem;
  font-weight: lighter;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer {
  z-index: 201;
  padding: 0 3vw;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet {
  padding: 8px !important;
  box-shadow: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet.portrait.open-image-tool {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet .redesign-single-page-footer {
  width: 100%;
  justify-content: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer.tablet .redesign-single-page-footer .module-bar.tablet.portrait {
  padding: 8px;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .footer-start, body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .footer-end {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .btn-icon, body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer a {
  padding: 0 3vw;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .image-editor-quality > a {
  padding: 0 1vw;
  padding-left: 5px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .footer-start > .btn-icon {
  padding: 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .success-button {
  position: relative;
  height: 50px;
  width: 50px;
  background-color: #6c9d0d;
  border-radius: 50%;
  z-index: 501;
  padding: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer .success-button:before {
  color: white;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row {
  width: 100%;
  display: flex;
  justify-content: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button {
  margin: 0 16px;
  color: #9ea6aa;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button .sgw-icon:before {
  color: #9ea6aa;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button.active {
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button.active .sgw-icon:before {
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button button {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button button.btn-redesign {
  height: 45px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-panel-row .mobile-image-editor-tab-panel-row-button button .btn-label {
  font-size: 12px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .module-content {
  padding: 16px 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic .mobile-image-editor-tab-basic-quality {
  padding: 0 16px 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic .mobile-image-editor-tab-basic-buttons {
  padding: 12px 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-basic .mobile-image-editor-tab-basic-buttons button {
  margin: 0 12px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets {
  height: 92px;
  min-height: 92px;
  overflow-x: scroll;
  overflow-y: hidden;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets .filter-list-container {
  height: 100%;
  display: inline-flex;
  box-sizing: border-box;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item {
  margin: 0 4px;
  flex: auto;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-presets .filter-list-container .filters-tab-filter-item div {
  pointer-events: none;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-more-options button {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-more-options button.btn-redesign {
  background-color: #000000;
  color: #FFFFFF;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #000000;
  z-index: 1;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories {
  display: flex;
  overflow-x: auto;
  padding: 0 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories::-webkit-scrollbar {
  display: none;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button {
  height: 64px;
  width: 100px;
  overflow: unset;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #676767;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button .btn-label {
  margin-top: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button .sgw-icon {
  margin-right: 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper button .sgw-icon:before {
  font-size: 1.2rem;
  border-radius: 50%;
  padding: 4px;
  background: #383838;
  color: #676767;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper.active button {
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-categories .mobile-image-editor-tab-filters-inputs-button-wrapper.active button .sgw-icon:before {
  background: #6E6E6E;
  color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value {
  margin: 36px 16px 0;
  display: flex;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper {
  height: 54px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-body {
  background-color: unset;
  height: 20px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-body .slider-marker {
  height: 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-body .slider-marker:nth-child(10n) {
  height: 20px;
  background-color: #383838;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-handler {
  width: 2px;
  height: 36px;
  border-radius: 0;
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .slider-wrapper .slider-handler .rc-label-component {
  position: absolute;
  top: -50%;
  left: -17px;
  width: 36px;
  display: block;
  text-align: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-value .rc-color-picker {
  width: 40%;
  margin-right: 16px;
  background: #383838;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-footer {
  display: flex;
  justify-content: space-between;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-filters .mobile-image-editor-tab-filters-inputs-container .mobile-image-editor-tab-filters-inputs-footer .btn-redesign {
  color: #FFFFFF;
  background-color: #000000;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-quality {
  padding: 8px 32px 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-enhancement {
  padding: 8px 32px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-enhancement .rc-component.rc-checkbox.rc-mobile-component.redesign.selected .rc-checkbox-box .sgw-icon.steps_summary:before {
  left: 25%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options-button .btn-redesign {
  background-color: #000000;
  color: #FFFFFF;
  border: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  color: #000000;
  z-index: 1;
  padding: 16px;
  overflow-y: auto;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .group-content-drop-down.group-content.rc-mobile-component.histogramType .rc-select.redesign {
  width: unset;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .mobile-image-editor-tab-pro-more-options-header {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .mobile-image-editor-tab-pro-more-options-header button {
  margin-right: 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .mobile-image-editor-tab-pro-more-options-header button .sgw-icon:before {
  color: #000000;
  font-size: 24px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .good > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .good > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #6C9D0D;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .average > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .average > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #AFCA0B;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .bad > div {
  display: flex;
  align-items: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .bad > div::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #D7032C;
  margin-right: 8px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-pro .mobile-image-editor-tab-pro-more-options .image-histogram-canvas > img {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  color: #000000;
  z-index: 1;
  padding: 16px;
  overflow-y: auto;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-header {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 2;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-header button {
  margin-right: 16px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-header button .sgw-icon:before {
  color: #000000;
  font-size: 24px;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .checkout-group-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 12px;
  z-index: 1;
  background: #ffffff;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .checkout-group-content .group-important {
  justify-content: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .article-configurator {
  padding: 54px 0;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 16px;
  text-align: center;
}
body .rc-mobile-view.mobile-image-editor .mobile-image-editor-footer #MobileImageEditorTabPanel .mobile-image-editor-tab-article .mobile-image-editor-tab-article-footer button {
  border-radius: 32px;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality {
  position: relative;
  padding: 2px 0 0 24px;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality:before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1px;
  top: 1px;
  content: "";
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality[data-quality="1"]:before {
  background-color: #6c9d0d;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality[data-quality="2"]:before {
  background-color: #AFCA0B;
}
body .rc-mobile-view.mobile-image-editor .image-editor-quality[data-quality="3"]:before {
  background-color: #D7032C;
}
body .rc-mobile-view.mobile-image-editor .sgw-icon::before {
  font-size: 2rem;
}

#ImageEnhancementInfoDialog .rc-dialog-content {
  border-radius: 14px;
  background: #FFF;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15), -2px 4px 4px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  width: 558px;
  padding: 24px 24px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
}
#ImageEnhancementInfoDialog .rc-dialog-content .title {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 11px;
}
#ImageEnhancementInfoDialog .rc-dialog-content .description {
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ImageEnhancementInfoDialog .rc-dialog-content button {
  flex: unset;
  padding: unset;
  margin-top: 24px;
  margin-left: auto;
  color: #3776B2;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#ImageQualityDialog .rc-dialog-content {
  border-radius: 14px;
  background: #FFF;
  padding: 8px 16px 16px 16px;
}
#ImageQualityDialog .rc-dialog-content .quality-label {
  min-height: 36px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
#ImageQualityDialog .rc-dialog-content .quality-label .quality-color {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 4px;
}
#ImageQualityDialog .rc-dialog-content .group-content {
  min-height: 36px;
}
#ImageQualityDialog .rc-dialog-content .group-content-checkbox {
  display: none;
}
#ImageQualityDialog .rc-dialog-content .group-content-drop-down {
  display: none;
}
#ImageQualityDialog .rc-dialog-content .group-content-key-value {
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: unset;
  margin-bottom: 8px;
}
#ImageQualityDialog .rc-dialog-content .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
#ImageQualityDialog .rc-dialog-content .group-content-key-value .group-content-key-value-value {
  margin-left: 4px;
  width: 50%;
  font-size: 15px !important;
  font-weight: 400;
}
#ImageQualityDialog .rc-dialog-content button {
  margin-top: 16px;
  display: flex;
  height: 42px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 120px;
  background: #6c9d0d;
  flex: unset;
  overflow: unset;
}
#ImageQualityDialog .rc-dialog-content button .btn-label {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#MobileImageEditorRedesign header {
  padding: 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;
    }
}*/
.information-open {
  left: 0;
}

.information-close {
  left: -100vw;
}

.mobile-image-information-wrapper {
  transition: 0.3s ease;
  position: absolute;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  z-index: 301;
}

.mobile-image-information {
  height: 70vh;
  width: 80vw;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 45% 55%;
}
.mobile-image-information .sgw-icon {
  padding-right: 10px;
}
.mobile-image-information .sgw-icon::before {
  top: -8px;
  font-size: 1.75rem !important;
  color: #5c5c5c !important;
}
.mobile-image-information a {
  color: #000000 !important;
}
.mobile-image-information > div {
  border: 0.1px solid #efefef;
}
.mobile-image-information .inf-label {
  padding-left: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.mobile-image-information .inf-label > a {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 1.1rem;
}
.mobile-image-information .inf-wide {
  grid-column: span 2;
}
.mobile-image-information .inf-label-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-image-information .inf-label-center > .btn-simple {
  padding: 0;
  margin: 0;
}
.mobile-image-information .inf-label-center > .btn-simple > div {
  color: #3669C4;
}

.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: calc(100vw - 32px);
  height: 812px;
  max-height: 80vh;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.saal-chat .saal-chat-view.rc-mobile-view[draggable=true] > header {
  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;
}
.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;
  max-width: unset;
}
.saal-chat .rc-textarea {
  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 .rc-form-container {
  background-color: #ffffff;
  padding: 16px;
  box-sizing: border-box;
}
.saal-chat .saal-chat-form-view .rc-form-container .rc-form-element {
  width: 100%;
}
.saal-chat .saal-chat-form-view .rc-form-container .rc-form-element .rc-checkbox {
  align-items: unset;
}
.saal-chat .saal-chat-form-view .rc-form-container .rc-form-element .rc-checkbox .rc-checkbox-box {
  margin-right: 16px;
  margin-top: 4px;
}
.saal-chat .saal-chat-form-view > p {
  font-size: 14px;
  margin-bottom: 16px;
}
.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 {
  min-width: unset;
  min-height: unset;
  flex: 1;
  display: flex;
  align-items: center;
}
.saal-chat .saal-chat-input-form .rc-textarea:not(.focus) {
  border-bottom: 1px solid transparent;
}
.saal-chat .saal-chat-input-form .rc-textarea 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-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 p {
  margin: unset;
}
.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;
}

.desktop-menu-wrapper .saal-chat, .designer-right-column .saal-chat {
  position: relative;
  inset: unset;
  width: 100%;
}
.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: 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 {
  margin-bottom: 16px;
}
.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-extension .saal-chat.saal-phone-chat, .rc-mobile-view header .saal-chat.saal-phone-chat {
  position: unset;
  flex: unset;
  flex-basis: 75px;
  display: flex;
  margin-top: 6px;
  /*.saal-chat-view.rc-mobile-view {
      position: absolute;
      top: unset;
  }*/
}
.mobile-navigation-extension .saal-chat.saal-phone-chat .saal-chat-button, .rc-mobile-view header .saal-chat.saal-phone-chat .saal-chat-button {
  height: unset;
  min-height: 48px;
  justify-content: flex-start;
  align-items: center;
  white-space: normal;
  display: flex;
  padding: unset;
}
.mobile-navigation-extension .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 {
  margin-top: unset;
  font-size: 16px;
}
.mobile-navigation-extension .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 {
  left: 40%;
  top: 35%;
}
.mobile-navigation-extension .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 {
  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-extension .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 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px !important;
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.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-extension .saal-chat.saal-phone-chat.saal-webshop-chat {
  margin-top: unset;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble {
  padding-left: 16px;
  padding-right: 8px;
  width: 26px;
  height: 26px;
}
.mobile-navigation-extension .saal-chat.saal-phone-chat.saal-webshop-chat .saal-chat-button .rc-icon.circle-icon-huge.speech_bubble:before {
  transform: translate(-30%, -50%);
}

.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%;
}

.rc-form-container {
  background-color: transparent;
  position: relative;
  /*.btn-simple {
      display: flex;
      justify-content: center;
  }*/
}
.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 > .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 .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;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

.show-mobile {
  display: none !important;
}

b, strong {
  font-weight: bold;
}

.label {
  color: #616161;
}

#ShoppingCartForm .address-form .rc-input {
  display: flex;
}

#ShoppingCartForm .address-form .select-options-list {
  max-height: 250px;
  overflow-y: auto;
}

@media (max-height: 700px) {
  #ShoppingCartForm .address-form .StateId .select-options-list {
    top: unset;
    bottom: 100%;
  }
}
body {
  background-color: #dcdcdc;
  font-family: "SourceSansPro-Regular", sans-serif;
}
body.rc-dialog-open {
  overflow: hidden;
}

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

body#ShoppingCartPage.rc-mobile-view {
  position: relative;
  inset: unset;
  min-height: 100dvh;
}
body#ShoppingCartPage.rc-mobile-view #ShoppingCartPageOld {
  display: none;
}
body#ShoppingCartPage.rc-mobile-view > main {
  overflow: inherit;
  width: 100%;
  box-sizing: border-box;
}
body#ShoppingCartPage.rc-mobile-view .gpay-card-info-container {
  width: 100%;
}

.rc-mobile-view {
  z-index: 10;
}
.rc-mobile-view > main {
  flex-direction: column;
  position: relative;
}
.rc-mobile-view > header {
  z-index: 5;
}
.rc-mobile-view > footer {
  z-index: 10;
}
#ShoppingCartPage {
  align-items: flex-start;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
#ShoppingCartPage .rc-loader {
  line-height: unset;
  height: 48px;
}
#ShoppingCartPage > header {
  position: sticky;
  position: -webkit-sticky;
}
#ShoppingCartPage > footer {
  position: fixed;
  bottom: 0;
}

.shopping-cart-page {
  /*position: fixed;
  left: 0;
  top: 0;*/
  width: 100%;
  height: 100vh;
  justify-content: center;
  display: flex;
}

.rc-mobile-view .shopping-cart-page {
  display: none;
}

.shopping-cart-page:after {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  background-color: #353840;
  content: " ";
  pointer-events: none;
  z-index: -1;
  height: 200vh;
  width: 100%;
  opacity: 0.8;
}

#ShoppingCartPage:not(.rc-mobile-view) > div:not(.rc-mobile-view):not(.rc-mobile-menu):not(.rc-dialog):not(.rc-loader):not(.rc-loader-locked):not(.saal-chat) {
  width: 1196px;
  max-width: 1196px;
  padding: 32px;
  height: auto !important;
  position: relative;
  background: transparent;
  display: flex;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 615px;
  box-sizing: border-box;
}
@media only screen and (max-width: 500px) {
  #ShoppingCartPage:not(.rc-mobile-view) > div:not(.rc-mobile-view):not(.rc-mobile-menu):not(.rc-dialog):not(.rc-loader):not(.rc-loader-locked):not(.saal-chat).apip-error-alert {
    width: 100%;
    max-width: unset;
    padding: unset;
    position: fixed;
    top: 0;
    left: 0;
  }
  #ShoppingCartPage:not(.rc-mobile-view) > div:not(.rc-mobile-view):not(.rc-mobile-menu):not(.rc-dialog):not(.rc-loader):not(.rc-loader-locked):not(.saal-chat).apip-error-alert .apip-error-alert-wrapper {
    transform: unset;
  }
}

#ShoppingCartPage .summary-wrapper > div > div {
  padding: 16px;
}

#ShoppingCartPage .content-wrapper {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
#ShoppingCartPage .content-wrapper > .basket {
  flex: 1;
}

#ShoppingCartPage .summary-wrapper > div, #ShoppingCartPage .content-wrapper {
  flex: auto;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.75);
  background-color: #FFFFFF;
}

#ShoppingCartPage .summary-wrapper {
  flex: 0 0 320px;
  margin-left: 8px;
}

#ShoppingCartPage .summary-wrapper > div {
  position: sticky;
  top: 32px;
}

#ShoppingCartPage .summary-wrapper > div > div {
  padding-bottom: 11px;
}

#ShoppingCartPage .summary-wrapper .btn-simple + p.smallinfo {
  margin-top: 4px;
  text-align: justify;
}

#ShoppingCartPage .summary-wrapper .summary {
  padding-top: 14px;
}

#ShoppingCartPage .summary-wrapper .summary .big-label {
  margin-bottom: 6px;
}

#ShoppingCartPage .content-wrapper > .basket {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
#ShoppingCartPage .content-wrapper > .basket .groups {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#ShoppingCartPage .content-wrapper > .basket .groups .shoppingcart {
  width: 100%;
  flex: 1;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
}
#ShoppingCartPage .content-wrapper > .basket .groups .shoppingcart.empty-cart .pos {
  margin-bottom: 24px;
}
#ShoppingCartPage .content-wrapper > .basket .groups .shoppingcart .big-label {
  flex: unset;
}
#ShoppingCartPage .content-wrapper > .basket .groups .shoppingcart .redeem-voucher-content {
  flex: 1;
}

#ShoppingCartPage .manufacturer-hint {
  border-top: 1px solid #CCCCCC;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
  gap: 16px;
  background-color: white;
}
#ShoppingCartPage .manufacturer-hint .manufacturer-hint-label {
  color: #2C2C2C;
  font-size: 12px;
  min-height: 24px;
  line-height: 15px;
  display: flex;
  align-items: center;
}
#ShoppingCartPage .manufacturer-hint .manufacturer-hint-label a {
  color: #2C2C2C;
}
#ShoppingCartPage.rc-mobile-view .manufacturer-hint {
  padding: 16px 8px 8px;
}
#ShoppingCartPage .order-complete-message + .manufacturer-hint {
  flex-direction: column;
  justify-content: center;
  border-top: unset;
  align-items: center;
  gap: 8px;
}
#ShoppingCartPage .order-complete-message + .manufacturer-hint .manufacturer-hint-label {
  text-align: center;
}

#ShoppingCartPage .header {
  display: flex;
  justify-content: space-between;
}

#ShoppingCartPage .header > div {
  flex: 0;
  display: flex;
  align-items: center;
}
#ShoppingCartPage .header > div.delivery-info {
  display: block;
}

#ShoppingCartPage .header button.btn-simple {
  padding: 0;
}

#ShoppingCartPage .header button.btn-danger.shoppingcart-reseller-button {
  padding: 0 8px;
  height: 24px;
}

.rc-mobile-view-dark button.btn-danger.shoppingcart-reseller-button {
  width: fit-content;
  align-self: flex-end;
  margin-bottom: 16px;
  padding: 0 8px;
  font-size: 14px;
  height: unset;
}

#ShoppingCartPage .header button.btn-simple:hover {
  text-decoration: underline;
}

#ShoppingCartPage.rc-mobile-view .shopping-cart-login-button {
  position: absolute;
  right: 0;
}

#ShoppingCartPage .groups > div {
  display: flex;
  border-top: 1px solid #d8d8d8;
  padding-top: 16px;
  flex-direction: column;
}

#ShoppingCartPage .summary, #ShoppingCartPage .groups > div.shoppingcart, #ShoppingCartPage .summary-mobile {
  display: block;
  width: auto;
}

#ShoppingCartPage .groups > div:first-child {
  margin-top: 8px;
}

#ShoppingCartPage .summary, #ShoppingCartPagegroups > div.shoppingcart, #ShoppingCartPage .summary-mobile {
  display: block;
  width: auto;
}

#ShoppingCartPage .groups .big-label {
  flex: 0 0 204px;
  box-sizing: border-box;
  padding-right: 8px;
}

#ShoppingCartPage .groups > div.shoppingcart > div:first-child {
  display: flex;
}

#ShoppingCartPage .pos-row.header {
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 4px;
  line-height: 16px;
}

#ShoppingCartPage .delivery-time-info-warning {
  color: #D9052F;
  font-weight: bold;
  width: 100%;
  text-align: center;
  line-height: 22px;
  margin-bottom: 8px;
}

#ShoppingCartPage .pos-row.header > div:first-child {
  padding-left: 0;
}

#ShoppingCartPage .pos-row > div:last-child:not(.shipping-methods-selection):not(.redeem-voucher-content) {
  align-items: flex-start;
  justify-content: flex-end;
  align-self: flex-start;
}

#ShoppingCartPage .pos-row.header > div {
  padding-bottom: 0;
  padding-top: 0;
  align-self: flex-end;
}

#ShoppingCartPage .shopping-cart .pos-row.header:after {
  content: " ";
}

#ShoppingCartPage .shopping-cart .pos-row.article .edit-delete,
#ShoppingCartPage .shopping-cart .pos-row.header:after,
.shopping-cart .sum-price-view span:last-child {
  flex: 0 0 86px;
  text-align: right;
}

#ShoppingCartPage .shopping-cart .pos-row > div {
  flex: 0 0 420px;
}

#ShoppingCartPage .pos-row > div:first-child {
  padding-left: 16px;
  flex: 1;
}

#ShoppingCartPage .total-row, #ShoppingCartPage .sum-row {
  display: flex;
  align-items: baseline;
}
#ShoppingCartPage .total-row.show-as-important, #ShoppingCartPage .sum-row.show-as-important {
  color: #d9052f;
}

#ShoppingCartPage .sum-row:first-child > div {
  padding-top: 3px;
}

#ShoppingCartPage .total-row > div, #ShoppingCartPage .sum-row > div {
  flex: auto;
  text-align: right;
  padding-top: 4px;
}

#ShoppingCartPage .pos-row > div:last-child,
#ShoppingCartPage .total-row > div:last-child,
#ShoppingCartPage .sum-row > div:last-child {
  flex-wrap: wrap;
}

#ShoppingCartPage .sum-row .price-total, #ShoppingCartPage .total-row .price-total {
  flex: 0 0 139px;
  box-sizing: border-box;
}

#ShoppingCartPage .total-row > div:first-child {
  text-align: left;
}

#ShoppingCartPage .total-row {
  border-top: 1px solid #000000;
  margin-top: 12px;
  align-items: flex-start;
  padding-top: 7px;
}

#ShoppingCartPage .pos-row > div {
  padding: 14px 0 18px 4px;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 320px;
}
#ShoppingCartPage .pos-row > div.shipping-methods-selection {
  padding-left: 16px;
}

#ShoppingCartPage .pos-row.article > div {
  padding-bottom: 8px;
}

#ShoppingCartPage .shipping-methods-selection {
  padding-left: 16px;
}
#ShoppingCartPage .shipping-methods-selection .checkout-group-content .group-content-label {
  min-height: unset;
  margin-bottom: 8px;
}
#ShoppingCartPage .shipping-methods-selection .checkout-group-content .group-content-radio {
  min-height: unset;
  color: #6c9d0d;
}
#ShoppingCartPage .shipping-methods-selection .checkout-group-content .group-content-radio .rc-radio {
  min-height: unset;
}
#ShoppingCartPage .shipping-methods-selection .checkout-group-content .group-content-radio.selected .rc-radio .rc-radio-label {
  font-weight: bold;
}
#ShoppingCartPage .shipping-methods-selection .checkout-group-content .group-content-radio + .group-content-label {
  padding-left: 22px;
}

#ShoppingCartPage.rc-mobile-view .shipping-methods-selection {
  margin-top: 16px;
}
#ShoppingCartPage.rc-mobile-view .shipping-methods-selection .checkout-group-content .group-content-radio + .group-content-label {
  font-size: 12px;
}

#ShoppingCartPage .pos-row.bulk-orderer-article {
  display: block;
}
#ShoppingCartPage .pos-row.bulk-orderer-article > div {
  box-sizing: border-box;
  display: flex;
}
#ShoppingCartPage .pos-row.bulk-orderer-article > div.pos-row-show-images-hint {
  padding-top: 4px;
  justify-content: left;
}
#ShoppingCartPage .pos-row.bulk-orderer-article > div.pos-row-show-images-hint button {
  padding-left: 12px;
  color: #3669C4;
  text-decoration: underline;
}
#ShoppingCartPage .pos-row.bulk-orderer-article .description-line {
  padding: 16px 0 0 16px;
  max-height: 38px;
  box-sizing: border-box;
}
#ShoppingCartPage .pos-row.bulk-orderer-article .description-line .name {
  flex: 1;
  max-width: calc(100% - 254px);
  flex-basis: 50%;
  margin-right: 52px;
}
#ShoppingCartPage .pos-row.bulk-orderer-article .description-line .options {
  flex: 1;
}
#ShoppingCartPage .pos-row.bulk-orderer-article .bulk-orderer-article-position {
  padding: 0 86px 4px 0;
  justify-content: unset;
}
#ShoppingCartPage .pos-row.bulk-orderer-article .bulk-orderer-article-position .position-description {
  flex: 0 0 100%;
}
#ShoppingCartPage .pos-row.bulk-orderer-article .bulk-orderer-article-position .name {
  padding-left: 16px;
  box-sizing: border-box;
  max-width: calc(100% - 254px);
}
@media (max-width: 880px) {
  #ShoppingCartPage .pos-row.bulk-orderer-article .bulk-orderer-article-position {
    flex-wrap: wrap;
  }
  #ShoppingCartPage .pos-row.bulk-orderer-article .bulk-orderer-article-position .name {
    flex: 1;
    box-sizing: border-box;
  }
}

#ShoppingCartPage .step-wrapper .pos-row.bulk-orderer-article .description-line .name {
  margin-right: unset;
}
#ShoppingCartPage .step-wrapper .pos-row.bulk-orderer-article .bulk-orderer-article-position {
  padding-right: 4px;
}

#ShoppingCartPage .price, #ShoppingCartPage .amount,
#ShoppingCartPage .price-total, #ShoppingCartPage .special-info, #ShoppingCartPage .position-control {
  flex: 0 0 84px;
  text-align: right;
}

#ShoppingCartPage .position-control {
  margin-top: -6px;
}

#ShoppingCartPage .amount {
  flex: 0 0 86px;
}

#ShoppingCartPage .price-total > span, #ShoppingCartPage .special-info > span {
  display: block;
}

#ShoppingCartPage .pos-row.header .label {
  display: inline;
}

#ShoppingCartPage .pos-row.header > .hide-mobile {
  margin-right: 14px;
}

#ShoppingCartPage .amount.quantity-changeable {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 88px !important;
}

#ShoppingCartPage .amount.quantity-changeable .numeric-input-with-arrows {
  margin-top: -5px;
}

#ShoppingCartPage p.smallinfo, #ShoppingCartPage p.smallinfo a, #ShoppingCartPage p.smallinfo a:hover,
#ShoppingCartPage p.smallinfo a:visited, #ShoppingCartPage p.smallinfo a:active,
#ShoppingCartPage .pos-row span.smallinfo, #ShoppingCartPage .pos-row.header .label {
  color: #686868;
  font-size: 12px;
  line-height: 16px;
}

#ShoppingCartPage .pos-row.article .project-image {
  flex: 0 0 99px;
  margin-right: 8px;
}

#ShoppingCartPage .pos-row.article .project-image > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#ShoppingCartPage .pos-row.article .project-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#ShoppingCartPage .name {
  flex: auto;
}

#ShoppingCartPage:not(.rc-mobile-view) .name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#ShoppingCartPage:not(.rc-mobile-view) .name .position-description {
  flex: 0 0 60%;
  max-width: 60%;
}
#ShoppingCartPage:not(.rc-mobile-view) .name .position-description strong {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#ShoppingCartPage .pos-row p {
  margin-bottom: 4px;
}

#ShoppingCartPage .summary + p.smallinfo {
  padding-right: 16px;
  text-align: justify;
  margin: 4px 0 0;
}

#ShoppingCartPage p.smallinfo {
  margin-top: 6px;
}

#ShoppingCartPage .pos-row.article, #ShoppingCartPage .pos-row.bulk-orderer-article {
  background-color: #EFEFEF;
  min-height: 114px;
  overflow: hidden;
  padding-right: 16px;
}

#ShoppingCartPage .pos-row.small-item {
  min-height: 47px;
}

#ShoppingCartPage .pos-row {
  display: flex;
  margin-bottom: 8px;
}
#ShoppingCartPage .pos-row.article {
  flex-wrap: wrap;
}
#ShoppingCartPage .pos-row.article .shipping-methods-selection {
  padding-left: 122px;
  width: 100%;
  flex: auto;
  padding-top: 0;
}
#ShoppingCartPage .pos-row.article .position-description {
  align-items: flex-start;
  justify-content: flex-end;
  align-self: flex-start;
  flex-wrap: wrap;
}
#ShoppingCartPage .pos-row.article .position-description .price {
  white-space: nowrap;
}

#ShoppingCartPage .pos-row > div:last-child .project-warning {
  max-width: 280px;
}

#ShoppingCartPage .pos-row > div:last-child .project-warning .project-warning-label {
  color: #d7032c;
  font-weight: bold;
  margin-bottom: 2px;
}

#ShoppingCartPage .pos-row > div:last-child .project-warning .project-warning-text {
  margin-bottom: 8px;
}

#ShoppingCartPage .pos-row > div:last-child .project-warning .project-warning-action {
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
}

#ShoppingCartPage .pos-row > div:last-child .project-warning .project-warning-action:hover {
  color: #000000;
}

#ShoppingCartPage .pos-row .old, #ShoppingCartPage .price-original {
  display: block;
  text-decoration: line-through;
}

#ShoppingCartPage .smallinfo > span {
  display: block;
}

/*#ShoppingCartPage .savings.position-control-placeholder {
    margin-right: 85px;
}*/
#ShoppingCartPage .savings-wrapper {
  flex-direction: row;
}
#ShoppingCartPage .savings-wrapper .savings {
  width: unset;
  flex: 1;
}
#ShoppingCartPage .savings-wrapper .left-saving {
  text-align: left;
}
#ShoppingCartPage .savings-wrapper .pos-row-show-images-hint {
  justify-content: left;
}
#ShoppingCartPage .savings-wrapper .pos-row-show-images-hint button {
  height: unset;
  padding-left: 0;
  padding-top: 4px;
  color: #3669C4;
  text-decoration: underline;
  font-size: 14px;
}

#ShoppingCartPage .savings, #ShoppingCartPage .groups .savings {
  text-align: right;
  width: 100%;
}
#ShoppingCartPage .savings.left-saving .saving, #ShoppingCartPage .groups .savings.left-saving .saving {
  font-weight: normal;
}
#ShoppingCartPage .savings a, #ShoppingCartPage .savings a:hover, #ShoppingCartPage .savings a:visited, #ShoppingCartPage .savings a:active, #ShoppingCartPage .groups .savings a, #ShoppingCartPage .groups .savings a:hover, #ShoppingCartPage .groups .savings a:visited, #ShoppingCartPage .groups .savings a:active {
  color: #3669c4;
  padding: 0;
  text-decoration: underline;
  height: unset;
}

#ShoppingCartPage .savings .saving {
  color: #d7032c;
  font-weight: bold;
  font-size: 14px;
  margin-top: 2px;
}

#ShoppingCartPage .summary-shoppingcart .savings .saving {
  font-size: 18px;
  padding-right: 8px;
  padding-bottom: 8px;
  min-width: 85px;
  display: inline-block;
}

#ShoppingCartPage .price-total > span, #ShoppingCartPage .special-info > span {
  display: block;
}

#ShoppingCartPage .groups .c, #ShoppingCartPage .groups .c-edit {
  flex: 1;
}
#ShoppingCartPage .groups .c .checkout-group-content, #ShoppingCartPage .groups .c-edit .checkout-group-content {
  margin-top: 2px;
}
#ShoppingCartPage .groups .c .checkout-group-content .group-content.group-content-label, #ShoppingCartPage .groups .c-edit .checkout-group-content .group-content.group-content-label {
  font-size: 14px;
}
#ShoppingCartPage .groups .c .checkout-group-content .group-content.group-content-label.label-heading-bold, #ShoppingCartPage .groups .c-edit .checkout-group-content .group-content.group-content-label.label-heading-bold {
  font-size: 18px;
}
#ShoppingCartPage .groups .c .checkout-group-content .group-content .group-content-item-edit, #ShoppingCartPage .groups .c-edit .checkout-group-content .group-content .group-content-item-edit {
  position: unset;
}

.c-edit, a.close, #ShoppingCartPage .groups > .editing .c, #ShoppingCartPage .groups > .editing .links .edit {
  display: none;
}

#ShoppingCartPage .is-editing-group .step-data-confirm-button-wrapper {
  margin-top: 16px;
}

#ShoppingCartPage .checkout.is-editing-group .groups > div:not(.editing) {
  opacity: 0.5;
}

#ShoppingCartPage .groups > .editing .c-edit, #ShoppingCartPage .groups > .editing .links .close {
  display: block;
  overflow: hidden;
}

.summary-shoppingcart {
  display: flex;
  flex-wrap: wrap;
}

.paypal-express-checkout-button {
  margin-left: 8px;
}

.rc-mobile-view .paypal-express-checkout-button {
  margin-left: unset;
  width: 100%;
  flex: unset;
}

.apple-pay-button-footer {
  display: flex;
  flex-wrap: wrap;
}
.apple-pay-button-footer button {
  flex: auto;
  padding: unset;
}

.summary-shoppingcart > div:first-child {
  text-align: left;
}

.summary-shoppingcart > div {
  flex: 0 0 50%;
  text-align: right;
  /*&.savings {
  		display: flex;
  		justify-content: flex-end;

  		.big-label {
  				font-size: 14px;
  				font-weight: normal;
  				flex: 1;
  		}

  		.saving {
  				font-size: 14px;
  				font-weight: normal;
  				text-align: left;
  				padding-left: 16px;
  				box-sizing: border-box;
  				margin-top: 0;
  		}
  }*/
}

#ShoppingCartPage .summary-shoppingcart > div.savings {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}
#ShoppingCartPage .summary-shoppingcart > div.savings .big-label {
  font-size: 14px;
  font-weight: normal;
  flex: 1;
}
#ShoppingCartPage .summary-shoppingcart > div.savings .saving {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding-left: 16px;
  box-sizing: border-box;
  margin-top: 0;
  margin-right: 92px;
  margin-left: 30px;
  min-width: unset;
}

#ShoppingCartPage.rc-mobile-view .summary-shoppingcart > div {
  flex: 0 0 100%;
  text-align: center;
}
#ShoppingCartPage.rc-mobile-view .summary-shoppingcart > div a {
  color: #000000;
}

.sum-price-view {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.sum-price-view span:first-child {
  flex: auto;
  box-sizing: border-box;
  padding-right: 8px;
}

.sum-price-view > span {
  overflow: hidden;
  white-space: nowrap;
}

#ShoppingCartPage .sum-price-view > span:first-child {
  font-size: 18px;
  line-height: 120%;
  font-weight: bold;
}
#ShoppingCartPage .sum-price-view.additional-sum-price-view > span:first-child {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
}
#ShoppingCartPage .sum-price-view.additional-sum-price-view > span.amount {
  align-items: baseline;
}

.big-label {
  font-size: 18px;
  line-height: 120%;
  font-weight: bold;
}

.sum-price-view .big-label {
  flex: 0 1 120px;
  justify-content: flex-end;
}

.summary .big-label {
  margin-bottom: 8px;
}

.summary span, .summary-mobile span {
  display: block;
}

#ShoppingCartPage .sum-price-view .sum-total {
  background-color: #EFEFEF;
  display: flex;
  height: 100%;
  flex: 0 0 auto;
  padding: 0 8px;
  box-sizing: border-box;
  align-items: center;
  min-width: 93px;
}

#ShoppingCartPage .sum-price-view .amount {
  background-color: #EFEFEF;
  display: flex;
  height: 100%;
  flex: 0 0 auto;
  padding: 0 8px;
  box-sizing: border-box;
  align-items: center;
  min-width: 93px;
  justify-content: right;
}

#ShoppingCartPage .addition-footer-informations {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
#ShoppingCartPage .addition-footer-informations .minimum-order-amount, #ShoppingCartPage .addition-footer-informations .footer-url {
  color: #2c2c2c;
  font-size: 12px;
  line-height: 15px;
}
#ShoppingCartPage .addition-footer-informations .footer-url {
  height: 24px;
}
#ShoppingCartPage .summary-shoppingcart-footer {
  display: inline-block;
  width: 100%;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer {
  display: flex;
  left: 0;
  justify-content: space-between;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer > div {
  flex: auto;
  text-align: left;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer > div.right-section {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  row-gap: 8px;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer > div.right-section.summary-footer {
  flex-direction: column;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer > div.right-section button {
  margin-left: 8px;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer > div.right-section .minimum-order-amount {
  margin-top: 8px;
  color: #2c2c2c;
  font-size: 14px;
  line-height: 18px;
}
#ShoppingCartPage .summary-shoppingcart-footer .apple-pay-footer > div.right-section .footer-url {
  color: #2c2c2c;
}
#ShoppingCartPage .summary-shoppingcart-footer > div {
  text-align: right;
}
#ShoppingCartPage .summary-shoppingcart-footer > div a, #ShoppingCartPage .summary-shoppingcart-footer > div a:hover, #ShoppingCartPage .summary-shoppingcart-footer > div a:visited, #ShoppingCartPage .summary-shoppingcart-footer > div a:active {
  text-decoration: underline;
  font-size: 12px;
  color: #000000;
}

#ShoppingCartPage .checkout .content-wrapper {
  padding-bottom: 12px;
}

.summary .group-content.group-content-key-value {
  display: flex;
  align-items: baseline;
}

.summary .group-content.group-content-key-value p:first-child {
  flex: auto;
  text-align: left;
  margin-right: 4px;
}

.summary .group-content.group-content-key-value p:last-child {
  flex: 0 0 auto;
  text-align: right;
  align-self: flex-end;
}

.rc-mobile-view .summary .group-content.group-content-key-value p:first-child {
  flex: auto;
  text-align: right;
  margin-right: 4px;
}
.rc-mobile-view .summary .group-content.group-content-key-value p:last-child {
  flex: 0 0 20%;
  text-align: right;
  align-self: flex-start;
  white-space: nowrap;
}
.rc-mobile-view .summary.summary-shoppingcart {
  padding: 0;
  background: transparent;
}
.rc-mobile-view .summary.summary-shoppingcart .sum-price-view {
  padding-bottom: 8px;
}
.rc-mobile-view .summary.summary-shoppingcart .sum-price-view span:first-child {
  text-align: right;
}
.rc-mobile-view .summary.summary-shoppingcart .sum-price-view .big-label {
  margin-bottom: unset;
}

.summary-buy .btn-simple {
  display: block;
  width: 100%;
}

.step-content {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  margin-bottom: 19px;
}

.step-wrapper.shopping-cart-data .step-content {
  margin-bottom: 14px;
}

#ShoppingCartPage .links {
  text-align: right;
}

#ShoppingCartPage .groups .links {
  flex: 0 0 90px;
  margin-top: 2px;
}
#ShoppingCartPage .groups .links a.btn-simple {
  padding: 0;
  line-height: unset;
  height: unset;
}

#ShoppingCartPage .groups a {
  text-decoration: none;
}

#ShoppingCartPage a, #ShoppingCartPage a:visited, #ShoppingCartPageForms a, #ShoppingCartPageForms a:visited {
  color: #3669C4;
}

#ShoppingCartPage .groups a.sgw-icon:before, .sgw-icon:hover:before {
  color: #3669C4;
  text-decoration: none;
}

.step-content .c > div.group-content-key-value > p:first-child {
  margin-right: 8px;
  min-width: 117px;
}

#ShoppingCartPage a:hover, #ShoppingCartPage a:active, #ShoppingCartPageForms a:hover, #ShoppingCartPageForms a:active {
  color: #244684;
}

#ShoppingCartPage .groups a:hover {
  text-decoration: underline;
}

.address-form-dialog {
  position: relative;
  border-radius: 6px;
}
.address-form-dialog > p.big-label {
  height: 36px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.address-form-dialog #PaypalLoginButton {
  position: absolute;
  right: 16px;
  top: 16px;
}
.address-form-dialog #PaypalLoginButton a.pillClass {
  padding: 6px 24px;
  line-height: unset;
}

.address-form-dialog .button-row {
  margin-top: 24px;
}

.address-form-dialog .prompt-label input:-webkit-autofill,
.address-form-dialog .prompt-label input:-webkit-autofill:focus,
.address-form-dialog .prompt-label input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #EFEFEF inset;
}

.address-form {
  margin-top: 19px;
}

.address-form .form-row, .address-form .button-row {
  display: flex;
}

/* buttons */
.address-form .button-row {
  margin-top: 12px;
  align-items: center;
}

.address-form .button-row > div {
  flex: auto;
  text-align: center;
}

.address-form .button-row > div:first-child {
  text-align: left;
}

.address-form .button-row > div:last-child {
  text-align: right;
}

.address-form .group-content {
  flex: 1 1 50%;
}
.address-form .group-content.group-content-horizontal-group-line-break > :last-child, .address-form .group-content.group-content-horizontal-group > :last-child {
  flex: 1;
}

.address-form .group-content.group-small {
  flex: 0 0 25%;
}
.address-form .group-content.group-small.StreetNumber .rc-error-label {
  left: unset;
  right: 0;
}
.address-form .group-content.group-small.StreetNumber .rc-error-label:after {
  left: unset;
  right: 8px;
}

.address-form .group-content-radio-group {
  flex: 1;
  display: flex;
}

.address-form .group-content-radio-group > div {
  flex: 0 1 auto;
}

.address-form .form-row > div {
  margin: 4px;
}

.address-form .rc-input > .rc-label-wrapper {
  margin-right: 0;
}

/* same as order-button */
.button-row > div > div {
  font-size: 14px;
  display: inline-block;
  height: auto;
  padding: 10px 32px;
  background-color: #EFEFEF;
  text-align: center;
  cursor: pointer;
}

.button-row > div > div:not(.submit):hover {
  background-color: #e3e3e3;
}

.button-row > div > div:not(.submit):active {
  background-color: #D8D8D8;
}

/*.address-form .sgw-icon:before {
    left: 24px;
}*/
.address-form-dialog .group-content .rc-select {
  min-width: unset;
  width: 100%;
}

.address-form-dialog .button-row {
  margin-top: 24px;
}

#ShoppingCartForm.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) {
  #ShoppingCartForm.rc-dialog {
    overflow-y: hidden;
  }
}
@media (max-height: 500px) {
  #ShoppingCartForm.rc-dialog {
    overflow-y: auto;
  }
}
@media (max-height: 800px) {
  #ShoppingCartForm.rc-dialog:before {
    height: 100vh;
  }
}
@media (max-height: 500px) {
  #ShoppingCartForm.rc-dialog:before {
    height: 150vh;
  }
}

#ShoppingCartForm.rc-dialog .rc-dialog-content form > div {
  width: auto;
  height: auto !important;
  padding: 12px;
  background-color: #FFFFFF;
  min-width: 560px;
  font-size: 14px;
}

#ShoppingCartForm.rc-dialog .rc-dialog-content p {
  padding: 0;
}

#ShoppingCartForm.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: 0;
}

#ShoppingCartForm.rc-dialog .rc-input {
  min-width: inherit;
  width: 100%;
}

.group-content.paymentMethod .group-content.group-content-input {
  margin: 8px 0 0 19px;
  max-width: 176px;
}

#ShoppingCartPage:not(.rc-mobile-view).shopping-cart-page > .checkout.thank-you-wrapper {
  /*max-height: 446px;
  min-height: 446px !important;
  max-width: 816px !important;*/
  margin: auto;
}
#ShoppingCartPage:not(.rc-mobile-view).shopping-cart-page > .checkout.thank-you-wrapper > .content-wrapper {
  box-sizing: border-box;
  padding: 32px;
}

#ShoppingCartPage .thank-you-wrapper .order-complete-text h1 {
  font-size: 32px;
  line-height: 40px;
  font-family: "SourceSansPro-Light", sans-serif;
  font-weight: normal;
  margin-bottom: 26px;
}

#ShoppingCartPage .thank-you-wrapper .order-complete-text h2 {
  font-family: "SourceSansPro-Regular", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  padding-left: 39px;
  margin-bottom: 30px;
}

#ShoppingCartPage .thank-you-wrapper .order-complete-text h2:before {
  content: " ";
  position: absolute;
  background: #6c9d0d;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  z-index: 1;
  top: -6px;
  left: 0;
}

#ShoppingCartPage .thank-you-wrapper .order-complete-message, #ShoppingCartPage .rc-mobile-view-light .order-complete-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex: 1;
}
#ShoppingCartPage .thank-you-wrapper .order-complete-message .steps_summary, #ShoppingCartPage .rc-mobile-view-light .order-complete-message .steps_summary {
  background-color: #6C9D0D;
  margin-bottom: 16px;
}
#ShoppingCartPage .thank-you-wrapper .order-complete-message .steps_summary:before, #ShoppingCartPage .rc-mobile-view-light .order-complete-message .steps_summary:before {
  color: #ffffff;
}
#ShoppingCartPage .thank-you-wrapper .order-complete-message h1, #ShoppingCartPage .rc-mobile-view-light .order-complete-message h1 {
  font-size: 21px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 10px;
}
#ShoppingCartPage .thank-you-wrapper .order-complete-message h2, #ShoppingCartPage .rc-mobile-view-light .order-complete-message h2 {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 16px;
}
#ShoppingCartPage .order-complete-screen {
  flex: 1;
}

.green {
  color: #6C9D0D;
}

#ShoppingCartPage .thank-you-wrapper .order-complete-text h2:after {
  position: absolute;
  content: url(https://photoservice.cloud/assets/check_28_white.svg);
  left: 2px;
  top: 0;
  z-index: 2;
}

#ShoppingCartPage .thank-you-wrapper .order-complete-text {
  font-size: 16px;
  line-height: 22px;
  font-family: "SourceSansPro-Regular", sans-serif;
  margin: 16px;
}

#ShoppingCartPage .rc-mobile-view .groups .c-edit {
  order: 2;
  flex: 0 0 100%;
}

@media only screen and (max-width: 1200px) {
  #ShoppingCartPage > div {
    margin: 0;
  }
}
@media only screen and (max-width: 1300px) {
  body {
    height: auto;
    position: relative;
  }
  .dialog-window {
    align-items: flex-start;
  }
  #ShoppingCartPage .show-mobile {
    display: inherit !important;
  }
  #ShoppingCartPage .hide-mobile {
    display: none !important;
  }
  .shopping-cart .order-button {
    display: inline-block;
    margin: 0 auto !important;
  }
  #ShoppingCartPage .pos-row {
    flex-wrap: wrap !important;
  }
  #ShoppingCartPage .groups > div.shoppingcart > div:first-child {
    flex-wrap: wrap;
  }
  #ShoppingCartPage .pos-row.header > div:last-child {
    padding-top: 0;
  }
  #ShoppingCartPage .shopping-cart .pos-row.header .price-total {
    padding-right: 100px;
  }
  .summary-shoppingcart, #ShoppingCartPage .summary {
    /*position: sticky;
    position: -webkit-sticky;
    top: auto;
    background-color: #FFFFFF;
    padding-bottom: 8px;

    bottom: 0;*/
  }
  #ShoppingCartPage .sum-row:first-child {
    padding-top: 4px;
  }
  #ShoppingCartPage .sum-row > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #ShoppingCartPage .total-row {
    margin-top: 6px;
    padding-top: 9px;
  }
  .summary-shoppingcart > div {
    line-height: 24px;
  }
  /*#ShoppingCartPage > div {
  		flex-wrap: wrap;
  		margin: 0;
  		box-shadow: none;
  		padding: 0;
  }*/
  #ShoppingCartPage:not(.rc-mobile-view) > div > div:not(.mobile-menu-content):not(.rc-dialog-wrapper) {
    margin: 0;
    position: unset;
  }
  #ShoppingCartPage .summary-wrapper {
    flex: 0 0 100%;
    margin-top: 32px;
  }
}
@media (max-width: 800px) {
  .button, .select-box > .selected-value, .numeric-slider-input > .input-container, .color-picker {
    font-size: 1em;
  }
}
@media only screen and (max-width: 580px) {
  .dialog-window#ShoppingCartPageForms > div {
    min-width: auto;
    height: auto;
    min-height: 100%;
  }
  .address-form .button-row {
    padding: 8px 0;
    box-sizing: border-box;
    background-color: #FFF;
    position: sticky;
    bottom: 0;
    top: auto;
  }
  #ShoppingCartPage .groups > div, .delivery-type .c > div {
    flex-wrap: wrap;
  }
  .delivery-type .c > div > p:first-child {
    flex: 0 0 100%;
    margin-bottom: 8px;
  }
  #ShoppingCartPage .shopping-cart .pos-row.article .edit-delete, #ShoppingCartPage .shopping-cart .pos-row.header:after, .shopping-cart .sum-price-view span:last-child, #ShoppingCartPage .edit-delete, #ShoppingCartPage .price, #ShoppingCartPage .amount, #ShoppingCartPage .price-total, #ShoppingCartPage .special-info {
    flex: auto;
  }
  #ShoppingCartPage .edit-delete {
    text-align: left !important;
    margin-top: 4px;
    order: -1;
  }
  #ShoppingCartPage .special-info, #ShoppingCartPage .shopping-cart .special-info {
    padding-right: 0;
  }
  #ShoppingCartPage .groups {
    padding-top: unset;
  }
  #ShoppingCartPage .groups .links {
    flex: auto;
    order: 1;
  }
  #ShoppingCartPage .groups .big-label {
    flex: auto;
  }
  #ShoppingCartPage .groups.checkout .c,
  #ShoppingCartPage .groups.checkout .c-edit {
    order: 2;
    flex: 0 0 100%;
  }
  #ShoppingCartPage .groups > div.editing {
    background-color: #FFF;
  }
  #ShoppingCartPage .pos-row.header {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #ShoppingCartPage .pos-row.article, #ShoppingCartPage .total-row {
    flex-wrap: wrap;
    max-width: 100%;
  }
  #ShoppingCartPage .shopping-cart .pos-row.article .edit-delete > span {
    padding: 16px;
    display: inline-block;
  }
  #ShoppingCartPage .shopping-cart .pos-row.article .edit-delete span:before {
    font-size: 27px;
  }
  #ShoppingCartPage .h {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    padding: 16px 8px 8px;
    top: 0;
  }
  #ShoppingCartPage .total-row > div, #ShoppingCartPage .total-row .price-total {
    flex: auto;
  }
  #ShoppingCartPage .content-wrapper .total-row > div:first-child {
    flex: 0 0 100%;
    order: 99;
  }
  #ShoppingCartPage .total-row > div .order-button {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 16px;
    font-size: 16px;
    display: block;
  }
  /* left align article */
  #ShoppingCartPage .pos-row > div {
    padding: 8px;
  }
  #ShoppingCartPage .pos-row > div:first-child, #ShoppingCartPage .content-wrapper {
    padding: 16px 8px;
    box-sizing: border-box;
    max-width: 100%;
  }
  #ShoppingCartPage .pos-row.article .project-image {
    flex: 0 0 86px;
  }
  #ShoppingCartPage .name p:last-child {
    font-size: 12px;
    line-height: 16px;
  }
  #ShoppingCartPage .name p:last-child br, #ShoppingCartPage .name p:last-child br:after {
    content: " ";
  }
  /* square preview image */
  #ShoppingCartPage .pos-row.article .project-image img {
    max-width: none;
    max-height: none;
    height: 86px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 4px);
  }
  .summary-shoppingcart > div {
    flex: 0 0 100%;
  }
  .step-wrapper.shopping-cart-data .step-content {
    margin-bottom: 0;
  }
  /* adress form mobile */
  .address-form .form-row.m100 {
    flex-wrap: wrap;
  }
  #ShoppingCartPage .total-row > div, #ShoppingCartPage .sum-row > div {
    text-align: left;
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
  }
  #ShoppingCartPage .sum-row > div:last-child, #ShoppingCartPage .total-row > div:last-child {
    flex: auto;
    flex-wrap: nowrap;
    text-align: right;
  }
  .address-form .form-row.m100 > div {
    flex: 1 1 100%;
  }
  #ShoppingCartPageForms > div {
    padding: 4px;
  }
  #ShoppingCartPage .shopping-cart .pos-row.header .price-total {
    padding-right: 0;
  }
  .order-button.blue {
    display: block;
  }
}
.hidden {
  display: none;
}

.rc-tabcontrol .rc-tabcontrol-tab {
  font-size: 14px;
}

#CollectionShareOrder .breadcrumb a {
  color: #333333;
}

#CollectionShareOrder .breadcrumb a {
  margin-top: -6px;
}
#CollectionShareOrder .breadcrumb a:after {
  bottom: 0;
}

#BulkOrdererDialog.rc-dialog .rc-dialog-wrapper {
  max-width: unset;
}

#MultipleAddressesDialog {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}
#MultipleAddressesDialog a {
  color: #3669c4;
  font-weight: normal;
}
#MultipleAddressesDialog .header {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
#MultipleAddressesDialog .header .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
#MultipleAddressesDialog .header .import-info {
  padding-top: 8px;
  display: unset;
}
#MultipleAddressesDialog .header .invalid-addresses-label {
  padding-top: 8px;
  color: #D9052F;
}
#MultipleAddressesDialog .header .invalid-address-filter .checkout-group-content {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
#MultipleAddressesDialog .address-row {
  padding-top: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #CCCCCC;
}
#MultipleAddressesDialog .address-row .name {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#MultipleAddressesDialog .address-row .quantity {
  padding: 8px 0;
}
#MultipleAddressesDialog .invalid {
  color: #D9052F;
}
#MultipleAddressesDialog .blue-button {
  padding: 5px 0;
  color: #3669C4;
}
#MultipleAddressesDialog .blue-button .rc-icon.sgw-icon.add_big:before {
  color: #3669C4;
}
#MobileMultipleAddressDialogView header {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#MobileMultipleAddressDialogView .mobile-menu-content .drop-down-menu-item.drop-down-menu-action-item .btn-simple.btn-icon.rc-mobile-component {
  margin: 0 4px;
}

#AddressValidation .rc-mobile-view-light .step-content .c .checkout-group-content {
  margin-top: unset;
}

#ShoppingCartPage.rc-mobile-view > header {
  padding: 0;
}
#ShoppingCartPage.rc-mobile-view > header > div:not(.back-button), #ShoppingCartPage.rc-mobile-view > header .shopping-cart-login-button {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}

.shopping-cart-content-confirm .rc-dialog-content {
  gap: 16px;
}
.shopping-cart-content-confirm .rc-dialog-content .rc-confirm-content {
  color: #2C2C2C;
  font-size: 14px;
  line-height: 18px;
}
.shopping-cart-content-confirm .rc-dialog-content .rc-confirm-footer {
  margin-top: unset;
}

.rc-mobile-view .shopping-cart-content-confirm .rc-dialog-wrapper {
  padding: 0 16px;
}
.rc-mobile-view .shopping-cart-content-confirm .rc-dialog-wrapper .rc-confirm-footer {
  flex-direction: column;
  gap: 16px;
}
.rc-mobile-view .shopping-cart-content-confirm .rc-dialog-wrapper .rc-confirm-footer button {
  width: 100%;
  height: 36px;
  min-height: 36px;
  margin: unset;
}
.rc-mobile-view .shopping-cart-content-confirm .rc-dialog-wrapper .rc-confirm-footer button .btn-label {
  font-size: 14px;
  line-height: 18px;
}
.rc-mobile-view .shopping-cart-content-confirm .rc-dialog-wrapper .rc-confirm-footer button.rc-confirm-button2 {
  order: 2;
}
.rc-mobile-view .shopping-cart-content-confirm .rc-dialog-wrapper .rc-confirm-footer button.rc-confirm-button1 {
  order: 1;
}

.padding-wrapper {
  padding: 16px;
  box-sizing: border-box;
}

/*
#CollectionShareOrder {
	.collection-share-order-desktop-content {
		height: calc(100% - 128px);
	}
}*/
#ShoppingCartPage .redeem-voucher-content .group-content.voucher {
  margin-bottom: 0;
  align-items: flex-start;
}
#ShoppingCartPage .redeem-voucher-content .group-content.voucher > div {
  margin-bottom: 0;
}
#ShoppingCartPage .redeem-voucher-content .group-content.voucher .voucherCode {
  max-width: 200px;
}

#ShoppingCartPage .pos-row.article.redeem-voucher {
  min-height: unset;
}
#ShoppingCartPage .pos-row.article.redeem-voucher .redeem-voucher-content .checkout-group-content {
  width: 100%;
}
#ShoppingCartPage .pos-row.article.redeem-voucher .redeem-voucher-content .checkout-group-content .group-content-horizontal-group.voucher {
  flex-wrap: nowrap;
}
#ShoppingCartPage .pos-row.article.redeem-voucher .redeem-voucher-content .checkout-group-content .group-content-horizontal-group.voucher .group-content-input.voucherCode {
  max-width: unset;
  flex: auto;
}
#ShoppingCartPage .pos-row.article.redeem-voucher .redeem-voucher-content .checkout-group-content .group-content.voucherInfo {
  margin-bottom: 0;
}

#ShoppingCartPage .order-button, #ShoppingCartPageMobile .order-button {
  background-color: #6C9D0D;
  color: #FFF;
  padding: 10px 32px;
  text-align: center;
  cursor: pointer;
}

#ShoppingCartPage.is-editing-group .order-button, .order-button.blue {
  background-color: #3669c4 !important;
}

#ShoppingCartPage .amount.quantity-changeable .rc-input {
  /*display: flex;*/
  flex: 0 0 50px;
  flex-wrap: nowrap;
  width: 50px;
  height: 25px;
  border-bottom: 1px solid #CCCCCC;
  margin-top: -5px;
  min-width: auto;
}

#ShoppingCartPage .amount.quantity-changeable .rc-input input {
  height: 100%;
  font-size: 14px;
}

#ShoppingCartPage .amount.quantity-changeable .rc-input .numeric-buttons {
  display: flex;
  flex: 0 0 16px;
  flex-direction: column;
  width: 16px;
  height: 100%;
}
#ShoppingCartPage .amount.quantity-changeable .rc-input .numeric-buttons button {
  width: 16px;
}
#ShoppingCartPage .amount.quantity-changeable .rc-input .numeric-buttons button > div {
  overflow: hidden;
  height: 10px;
}
#ShoppingCartPage .amount.quantity-changeable .rc-input .numeric-buttons button:hover {
  background-color: #e2e2e2;
}

.summary-shoppingcart > div > div {
  display: inline-block !important;
}

/*
.rc-dialog-content p {
    padding: 10px 0;
}
*/
/* !!!Loader!!! */
.rc-default-loading, .rc-default-loading:hover {
  text-align: center;
  background-color: #EFEFEF;
  font-size: 0;
}

.rc-loader-lock {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rc-default-loading.rc-loader-centered {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100000;
  overflow: hidden;
}

.rc-default-loading > div > div {
  width: 6px;
  height: 7px;
  background-color: #c2c2c2;
  margin: 1px;
  display: inline-block;
  -webkit-animation: sg-idelay 1s infinite;
  animation: sg-idelay 1s infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

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

.rc-default-loading .rc-loader-i2 {
  -webkit-animation-delay: 0.66s;
  animation-delay: 0.66s;
}

@-webkit-keyframes sg-idelay {
  0% {
    background-color: #c2c2c2;
  }
  10% {
    background-color: #868686;
  }
}
@keyframes sg-idelay {
  0% {
    background-color: #c2c2c2;
  }
  10% {
    background-color: #868686;
  }
}
.image-tile {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 2px solid transparent;
}
.image-tile.selected {
  border-color: #3669c4;
}
.image-tile.selected .rc-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
.image-tile.selected .rc-icon:before {
  color: #ffffff;
}
.image-tile img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-tile img.landscape {
  height: 100%;
  width: auto;
}
.image-tile img.portrait {
  width: 100%;
  height: auto;
}
.image-tile picture img {
  max-width: 100%;
}

.step-content .checkout-group-content .group-content {
  margin-bottom: 8px;
}
.step-content .checkout-group-content .group-content.orderReference {
  margin-top: 8px;
}
.step-content .checkout-group-content .group-content.group-content-radio {
  margin-top: 5px;
}
.step-content .checkout-group-content .group-content.group-content-radio:first-child {
  margin-top: 0;
}
.step-content .checkout-group-content .group-content.group-content-radio.radio-multi-line {
  margin-top: 1px;
}
.step-content .checkout-group-content .group-content.group-content-radio.radio-multi-line:first-child {
  margin-top: 4px;
}
.step-content .checkout-group-content .group-content.group-content-radio:not(.selected) .rc-radio-label strong {
  color: #686868;
}
.step-content .checkout-group-content .group-content.group-content-radio .rc-radio {
  min-height: unset;
  align-items: flex-start;
  display: inline-flex;
  margin: 0;
}
.step-content .checkout-group-content .group-content.group-content-radio .rc-radio .rc-radio-element {
  margin-top: 2px;
}
.step-content .checkout-group-content .group-content.group-content-radio .rc-radio .rc-radio-label {
  line-height: 1.5em;
}
.step-content .checkout-group-content .group-content.group-content-radio + .group-content-ident-container {
  padding-left: 22px;
}
.step-content .checkout-group-content .group-content.voucher {
  align-items: flex-start;
}
.step-content .checkout-group-content .group-content.voucher .group-content-input.group-content.voucherInput {
  flex: auto;
}
.step-content .checkout-group-content .group-content .edit.group-content-item-edit {
  position: absolute !important;
  left: 0;
  top: 1px;
  transform: unset;
}
.step-content .checkout-group-content .group-content.group-content-horizontal-group > *, .step-content .checkout-group-content .group-content.group-content-horizontal-group-line-break > * {
  width: unset;
}
.step-content .checkout-group-content .group-content.group-content-label {
  display: unset;
}
.step-content .checkout-group-content .group-content.rc-mobile-component {
  font-size: unset;
}
.step-content .checkout-group-content .group-content.group-content-link-add .btn-icon {
  padding-left: 0;
  color: #3669C4;
}
.step-content .checkout-group-content .group-content.group-content-link-add .btn-icon .sgw-icon {
  width: 16px;
}
.step-content .checkout-group-content .group-content.group-content-link-add .btn-icon .sgw-icon:before {
  color: #3669C4;
}

.summary-buy .group-content.group-content-radio, .summary-buy .group-content.group-content-key-value {
  margin-top: 0;
  padding: 0;
}
.summary-buy .group-content.group-content-radio .group-content-key-value-value, .summary-buy .group-content.group-content-key-value .group-content-key-value-value {
  font-size: unset;
  line-height: unset;
}
.summary-buy .group-content.group-content-radio.group-important .group-content-key-value-value, .summary-buy .group-content.group-content-radio.group-important .group-content-key-value-key, .summary-buy .group-content.group-content-key-value.group-important .group-content-key-value-value, .summary-buy .group-content.group-content-key-value.group-important .group-content-key-value-key {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}
.summary-buy .group-content.group-content-spacer {
  margin-bottom: 8px;
}
.summary-buy .group-content.group-content-divider {
  margin-top: 11px;
  background-color: #000000;
}

.rc-mobile-view .summary {
  padding: 16px;
  background-color: white;
}
.rc-mobile-view .summary button.btn-submit {
  width: 100%;
}
.rc-mobile-view .summary .group-content.group-content-radio, .rc-mobile-view .summary .group-content.group-content-key-value {
  margin-top: 2px;
  padding: 0;
}
.rc-mobile-view .summary .group-content.group-content-radio .group-content-key-value-value, .rc-mobile-view .summary .group-content.group-content-key-value .group-content-key-value-value {
  font-size: unset;
  line-height: unset;
}
.rc-mobile-view .summary .group-content.group-content-radio.group-important .group-content-key-value-value, .rc-mobile-view .summary .group-content.group-content-radio.group-important .group-content-key-value-key, .rc-mobile-view .summary .group-content.group-content-key-value.group-important .group-content-key-value-value, .rc-mobile-view .summary .group-content.group-content-key-value.group-important .group-content-key-value-key {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}
.rc-mobile-view .summary .group-content.group-content-spacer {
  margin-bottom: 8px;
}
.rc-mobile-view .summary .group-content.group-content-divider {
  margin-top: 11px;
  background-color: #000000;
}

#ShoppingCartPage.rc-mobile-view .mobile-image-editor main {
  padding: 0;
}
#ShoppingCartPage.rc-mobile-view main {
  padding: 8px;
}
#ShoppingCartPage.rc-mobile-view main .name {
  word-break: unset;
}
#ShoppingCartPage.rc-mobile-view main .shoppingcart-buttons-top {
  display: block;
  padding: 8px 16px 16px;
  box-sizing: border-box;
  width: 100vw;
  background-color: white;
}
#ShoppingCartPage.rc-mobile-view main .shoppingcart-buttons-top .summary.summary-shoppingcart {
  gap: 8px;
}
#ShoppingCartPage.rc-mobile-view main .shoppingcart-buttons-top.hidden {
  display: none;
  margin-bottom: 16px;
}
#ShoppingCartPage.rc-mobile-view main .additional-article {
  width: 100%;
  flex: 1;
  padding: 8px 8px 32px;
  background-color: #EFEFEF;
  box-sizing: border-box;
}
#ShoppingCartPage.rc-mobile-view main .additional-article > button {
  width: 100%;
}
#ShoppingCartPage.rc-mobile-view main .shoppingcart-is-empty .additional-article {
  background-color: white;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.header > div {
  padding: 16px 0 0;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article {
  background-color: #FFFFFF;
  padding: 16px;
  border-radius: 6px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div {
  position: relative;
  display: flex;
  padding: unset;
  flex-basis: 100%;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.header {
  font-size: 12px;
  padding-bottom: 0;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.header .position-quantity {
  visibility: hidden;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.position {
  padding-bottom: 0;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.position:last-child {
  padding-bottom: 8px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.project-warning > div {
  text-align: left;
  width: 100%;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.project-warning .project-warning-label {
  color: #d7032c;
  font-weight: bold;
  margin-bottom: 2px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.project-warning .project-warning-text {
  margin-bottom: 8px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article > div.project-warning .project-warning-action {
  color: #3669C4;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity {
  width: 40%;
  flex: unset;
  display: unset;
  align-items: unset;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity.quantity-input {
  margin-top: -16px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity .rc-input.mobile-numeric {
  max-width: 150px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity .rc-input.mobile-numeric .rc-input-wrapper {
  padding-bottom: unset;
  padding-left: unset;
  align-items: flex-end;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity .rc-input.mobile-numeric .rc-input-wrapper .rc-label {
  left: 0;
  right: 0;
  text-align: center;
  max-width: 100%;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity .rc-input.mobile-numeric .rc-input-wrapper input {
  height: 26px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-quantity .rc-input.mobile-numeric .btn-simple.btn-icon-only {
  height: 36px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .position-amount {
  width: 30%;
  text-align: right;
  flex: unset;
  display: unset;
  align-items: unset;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .project-image {
  flex-basis: 70px;
  height: 70px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .project-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .project-name {
  flex: 1;
  margin-bottom: 16px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .name {
  padding: 4px 0 0;
  flex: 1;
  word-break: break-all;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .name.default-project strong {
  font-weight: unset;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .name .rc-mobile-menu {
  position: absolute;
  right: 0;
  top: 0;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .name p {
  margin-bottom: unset;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .name p:first-child {
  font-weight: bold;
  font-size: 14px;
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .name p:not(:first-child) br, #ShoppingCartPage.rc-mobile-view main .pos-row.article .name p:not(:first-child) br:after {
  content: " ";
}
#ShoppingCartPage.rc-mobile-view main .pos-row.article .last-modified {
  font-size: 12px;
}
#ShoppingCartPage.rc-mobile-view main .groups .step-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 8px;
  padding: 16px;
}
#ShoppingCartPage.rc-mobile-view main .groups .step-wrapper .step-content {
  margin-bottom: unset;
}
#ShoppingCartPage.rc-mobile-view main .groups .step-wrapper .step-content .big-label {
  flex: 0 0 40%;
  margin-bottom: 16px;
  white-space: nowrap;
}
#ShoppingCartPage.rc-mobile-view main .groups .step-wrapper .pos-row.article {
  border: 1px solid #EFEFEF;
}
#ShoppingCartPage.rc-mobile-view main .checkout-terms-and-rights {
  padding: 16px 0;
}
#ShoppingCartPage.rc-mobile-view main .checkout-terms-and-rights p.smallinfo {
  margin-top: unset;
}
#ShoppingCartPage.rc-mobile-view main.has-expanded-groups .step-wrapper:not(.editing) {
  opacity: 0.25;
  pointer-events: none;
}
#ShoppingCartPage.rc-mobile-view main.has-expanded-groups .step-wrapper.editing .step-data-confirm-button-wrapper {
  display: none;
}
#ShoppingCartPage.rc-mobile-view main.mobile-shoppingcart-content {
  padding: 0;
}
#ShoppingCartPage.rc-mobile-view main .mobile-shoppingcart-wrapper {
  flex: 1;
}
#ShoppingCartPage.rc-mobile-view main .mobile-shoppingcart-wrapper .mobile-shoppingcart-basket-wrapper {
  background-color: #EFEFEF;
  padding: 0 8px 8px;
}
#ShoppingCartPage.rc-mobile-view footer .summary .group-content.group-content-divider, #ShoppingCartPage.rc-mobile-view footer .summary .group-content.group-content-spacer {
  display: none;
}
#ShoppingCartPage.rc-mobile-view footer .summary .group-content.group-content-key-value p:first-child {
  text-align: right;
}
#ShoppingCartPage.rc-mobile-view footer .summary .group-content.group-content-key-value p:first-child br, #ShoppingCartPage.rc-mobile-view footer .summary .group-content.group-content-key-value p:first-child br:after {
  content: " ";
}
#ShoppingCartPage.rc-mobile-view footer .summary .group-content.group-content-key-value p:last-child {
  margin-left: 8px;
}
#ShoppingCartPage.rc-mobile-view footer .sum-price-view {
  margin-top: unset;
  margin-bottom: 4px;
}
#ShoppingCartPage.rc-mobile-view footer .sum-price-view > span {
  padding-top: unset;
}
#ShoppingCartPage.rc-mobile-view footer .sum-price-view > span:first-child {
  text-align: right;
}
#ShoppingCartPage.rc-mobile-view footer .sum-price-view .amount, #ShoppingCartPage.rc-mobile-view footer .sum-price-view .sum-total {
  background-color: unset;
  min-width: unset;
}
#ShoppingCartPage.rc-mobile-view footer .sum-price-view .amount {
  padding-left: 0;
}
#ShoppingCartPage.rc-mobile-view footer .sum-price-view .sum-total {
  flex-basis: auto;
}
#ShoppingCartPage.rc-mobile-view .summary.summary-shoppingcart {
  display: flex;
  flex-wrap: wrap;
}
#ShoppingCartPage.rc-mobile-view .summary.summary-shoppingcart.bottom-footer {
  background-color: white;
  padding: 16px;
  gap: 8px;
}
#ShoppingCartPage.rc-mobile-view .sum-price-view .amount {
  background-color: transparent;
}
#ShoppingCartPage.rc-mobile-view .manufacturerer-hint {
  padding: 16px;
}

#ShoppingCartForm.rc-mobile-view {
  /*header {
  		.mobile-page-title {
  				line-height: 22px;

  				&.mobile-header-full-width {
  						margin: unset;
  				}
  		}
  }*/
}

.newsletter-subscription-group {
  margin-top: 8px;
  margin-bottom: 8px;
}
.newsletter-subscription-group .checkout-group-content .group-content.group-content-checkbox {
  font-size: 12px;
  margin-bottom: 0;
}
.newsletter-subscription-group .checkout-group-content .group-content.group-content-checkbox .rc-component.rc-checkbox {
  align-items: center;
}

#UploadMissingImagesDialog h2 {
  font-size: 16px;
  margin-bottom: 8px;
}
#UploadMissingImagesDialog.dialog-content-hidden .rc-dialog-wrapper .rc-dialog-content {
  width: 0;
  height: 0;
  overflow: hidden;
}
#UploadMissingImagesDialog .upload-missing-images-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 8px;
}
#UploadMissingImagesDialog .upload-missing-images-item:first-child {
  margin-top: 8px;
}
#UploadMissingImagesDialog .upload-missing-images-item.is-loading {
  opacity: 0.5;
}
#UploadMissingImagesDialog .upload-missing-images-item input[type=file] {
  display: none;
}
#UploadMissingImagesDialog .canvas-container {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
}

.paypal-pay-later-message {
  margin-top: 8px;
}

.manage-bulk-shipping input[type=file] {
  display: none;
}
.manage-bulk-shipping .mobile-header-options-buttons .rc-mobile-component.btn-simple {
  height: inherit;
}
.manage-bulk-shipping .mobile-header-options-buttons > .btn-icon {
  padding: 0 8px;
}
.manage-bulk-shipping main .padding-small-wrapper .content-group-table-row {
  flex: 1;
}
.manage-bulk-shipping main .padding-small-wrapper.empty-addresses-list .content-group-table-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rc-mobile-view.manage-bulk-shipping-add-address-dialog main form {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.rc-mobile-view.manage-bulk-shipping-add-address-dialog main form .checkout-group-content .group-content.group-content-horizontal-group > * {
  margin-bottom: unset;
}

.bulk-shipping-addresses-table .bulk-shipping-address-line {
  border-bottom: 1px solid #efefef;
  padding: 16px 0;
  box-sizing: border-box;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group > div:last-child {
  text-align: right;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group > div:first-child .nameLine.group-content-label {
  font-weight: bold;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group > div:first-child .group-content.group-content-label {
  min-height: unset;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group > div:first-child .group-content.group-content-input {
  margin-top: 16px;
  max-width: 200px;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group .group-content.group-content-link-add.buttonEdit button {
  padding: 0 8px 0 16px;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group .group-content.group-content-link-add.buttonEdit button .rc-icon.sgw-icon.add_big {
  display: none;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group .rc-input-wrapper .rc-label {
  right: 0;
  text-align: center;
}
.bulk-shipping-addresses-table .bulk-shipping-address-line .group-content.group-content-horizontal-group .rc-input-wrapper input {
  padding-top: 16px;
}

body {
  touch-action: pan-x pan-y;
}

body.redesign {
  color: #2C2C2C;
}