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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  				border-radius: 50%;

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

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

  				border-radius: 50%;

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

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

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

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

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

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

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

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

.checkout-group-content .react-datepicker-popper, .content-group-table-row .react-datepicker-popper {
  z-index: 10;
}
.checkout-group-content .group-content-sortable-item, .content-group-table-row .group-content-sortable-item {
  position: relative;
}
.checkout-group-content .group-content-sortable-item .group-content-sortable-handler-up, .content-group-table-row .group-content-sortable-item .group-content-sortable-handler-up {
  position: absolute;
  top: 0;
  right: 32px;
}
.checkout-group-content .group-content-sortable-item .group-content-sortable-handler-down, .content-group-table-row .group-content-sortable-item .group-content-sortable-handler-down {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout-group-content .group-content-sortable-item > .checkout-group-content, .content-group-table-row .group-content-sortable-item > .checkout-group-content {
  flex: 1;
}
.checkout-group-content .group-content-sortable-container, .content-group-table-row .group-content-sortable-container {
  padding: 8px 0 16px 16px;
  box-sizing: border-box;
  margin-left: -16px;
  margin-right: -16px;
  background-color: #efefef;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item, .content-group-table-row .group-content-sortable-container .group-content-sortable-item {
  background-color: white;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item:last-child, .content-group-table-row .group-content-sortable-container .group-content-sortable-item:last-child {
  margin-bottom: 0px;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item .group-content-sortable-container, .content-group-table-row .group-content-sortable-container .group-content-sortable-item .group-content-sortable-container {
  padding-bottom: 0;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item.last-sorted-element, .content-group-table-row .group-content-sortable-container .group-content-sortable-item.last-sorted-element {
  position: relative;
}
.checkout-group-content .group-content-sortable-container .group-content-sortable-item.last-sorted-element:after, .content-group-table-row .group-content-sortable-container .group-content-sortable-item.last-sorted-element:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  animation: markSortedElement 2s;
  z-index: 1;
}
.checkout-group-content .group-content-chip-wrapper, .content-group-table-row .group-content-chip-wrapper {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.checkout-group-content .group-content-item, .content-group-table-row .group-content-item {
  position: relative;
}
.checkout-group-content .group-content-item .group-content-item-edit, .content-group-table-row .group-content-item .group-content-item-edit {
  color: #3669c4;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.checkout-group-content .group-content-ident-container, .content-group-table-row .group-content-ident-container {
  padding-left: 16px;
  box-sizing: border-box;
}
.checkout-group-content .group-content-ident-container.group-error, .content-group-table-row .group-content-ident-container.group-error {
  background-color: rgba(217, 5, 47, 0.1);
  padding-top: 16px;
  padding-bottom: 16px;
}
.checkout-group-content .group-content-ident-container.group-error .group-content-label, .content-group-table-row .group-content-ident-container.group-error .group-content-label {
  min-height: unset;
}
.checkout-group-content .group-content, .content-group-table-row .group-content {
  margin-bottom: 8px;
}
.checkout-group-content .group-content.selected button:not(.button-expand) .btn-label, .content-group-table-row .group-content.selected button:not(.button-expand) .btn-label {
  font-weight: bold;
}
.checkout-group-content .group-content.selected button:not(.button-expand) .rc-icon:before, .content-group-table-row .group-content.selected button:not(.button-expand) .rc-icon:before {
  color: #3669c4;
}
.checkout-group-content .group-content video, .checkout-group-content .group-content img, .content-group-table-row .group-content video, .content-group-table-row .group-content img {
  max-width: 100%;
}
.checkout-group-content .group-content .group-content, .content-group-table-row .group-content .group-content {
  margin-bottom: unset;
}
.checkout-group-content .group-content.group-content-time-picker, .content-group-table-row .group-content.group-content-time-picker {
  position: relative;
}
.checkout-group-content .group-content.group-content-time-picker .input-wrapper, .content-group-table-row .group-content.group-content-time-picker .input-wrapper {
  width: 100%;
  position: relative;
}
.checkout-group-content .group-content.group-content-time-picker .input-wrapper .rc-icon, .content-group-table-row .group-content.group-content-time-picker .input-wrapper .rc-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
}
.checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-body, .checkout-group-content .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-marker, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-body, .content-group-table-row .group-content.group-content-time-picker .slider-container-wrapper .rc-component.rc-slider .slider-marker {
  height: 2px;
}
.checkout-group-content .group-content.group-content-card .rc-card, .content-group-table-row .group-content.group-content-card .rc-card {
  padding: 16px;
  background-color: white;
  height: auto;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode .rc-icon, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode .rc-icon {
  height: 14px;
  width: 14px;
  padding: 0;
  border-radius: 50%;
  margin-left: 16px;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-infonode .rc-icon:before, .content-group-table-row .group-content.group-content-radio .group-content-radio-infonode .rc-icon:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.checkout-group-content .group-content.group-content-radio .group-content-radio-description, .content-group-table-row .group-content.group-content-radio .group-content-radio-description {
  margin-left: 22px;
}
.checkout-group-content .group-content.group-content-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-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-with-description, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-with-description {
  display: flex;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-key, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-key {
  line-height: 15px;
  font-size: 14px;
  margin: unset;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value {
  line-height: 20px;
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-key-value .group-content-key-value-value s, .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value s {
  font-weight: normal;
}
.checkout-group-content .group-content.group-content-key-value.small-value .group-content-key-value-key, .content-group-table-row .group-content.group-content-key-value.small-value .group-content-key-value-key {
  font-size: 12px;
}
.checkout-group-content .group-content.group-content-key-value.small-value .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.small-value .group-content-key-value-value {
  line-height: 16px;
  font-size: 16px;
}
.checkout-group-content .group-content.group-content-key-value p, .content-group-table-row .group-content.group-content-key-value p {
  margin-top: unset;
  margin-bottom: unset;
}
.checkout-group-content .group-content.group-content-key-value.group-error .group-content-key-value-value, .checkout-group-content .group-content.group-content-key-value.group-color .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-error .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-color .group-content-key-value-value {
  color: #d9052f;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.group-success .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-success .group-content-key-value-value {
  color: #6c9d0d;
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.group-important .group-content-key-value-value, .content-group-table-row .group-content.group-content-key-value.group-important .group-content-key-value-value {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-key-value.label-heading-bold, .content-group-table-row .group-content.group-content-key-value.label-heading-bold {
  font-weight: bold;
}
.checkout-group-content .group-content.group-content-radio-group, .content-group-table-row .group-content.group-content-radio-group {
  margin-top: 1px;
  min-height: 36px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-radio-group.group-horizontal .group-content-radio-group-content, .content-group-table-row .group-content.group-content-radio-group.group-horizontal .group-content-radio-group-content {
  display: flex;
}
.checkout-group-content .group-content.group-content-radio-group > .rc-error-label, .content-group-table-row .group-content.group-content-radio-group > .rc-error-label {
  display: inline-block;
  position: relative;
  min-height: unset;
}
.checkout-group-content .group-content.group-content-radio-group .radio-container, .checkout-group-content .group-content.group-content-radio-group label, .content-group-table-row .group-content.group-content-radio-group .radio-container, .content-group-table-row .group-content.group-content-radio-group label {
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-radio-group .group-content-radio .radio-container label strong, .content-group-table-row .group-content.group-content-radio-group .group-content-radio .radio-container label strong {
  color: #686868;
}
.checkout-group-content .group-content.group-content-radio-group .group-content-radio.selected .radio-container label strong, .content-group-table-row .group-content.group-content-radio-group .group-content-radio.selected .radio-container label strong {
  color: #000000;
}
.checkout-group-content .group-content.group-content-radio-group .rc-radio, .content-group-table-row .group-content.group-content-radio-group .rc-radio {
  margin-right: 16px;
}
.checkout-group-content .group-content.group-content-spacer, .content-group-table-row .group-content.group-content-spacer {
  display: block;
  height: 8px;
  margin-bottom: 0;
}
.checkout-group-content .group-content.group-content-spacer-big, .content-group-table-row .group-content.group-content-spacer-big {
  display: block;
  height: 16px;
  margin-bottom: 0;
}
.checkout-group-content .group-content.group-content-divider, .content-group-table-row .group-content.group-content-divider {
  margin-top: 16px;
  margin-bottom: 15px;
  height: 1px;
  background-color: #dcdcdc;
}
.checkout-group-content .group-content.group-content-link-add button, .content-group-table-row .group-content.group-content-link-add button {
  padding-left: 0;
}
.checkout-group-content .group-content.group-content-link-add button .rc-icon:before, .checkout-group-content .group-content.group-content-link-add button .btn-label, .content-group-table-row .group-content.group-content-link-add button .rc-icon:before, .content-group-table-row .group-content.group-content-link-add button .btn-label {
  color: #3669c4;
}
.checkout-group-content .group-content.group-content-input .group-content-input-error, .content-group-table-row .group-content.group-content-input .group-content-input-error {
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-date-picker, .content-group-table-row .group-content.group-content-date-picker {
  position: relative;
}
.checkout-group-content .group-content.group-content-date-picker .rc-icon.sgw-icon.calendar, .content-group-table-row .group-content.group-content-date-picker .rc-icon.sgw-icon.calendar {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.checkout-group-content .group-content.group-content-button, .content-group-table-row .group-content.group-content-button {
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-button.button-submit, .content-group-table-row .group-content.group-content-button.button-submit {
  padding: 8px 0;
}
.checkout-group-content .group-content.group-content-button.button-link, .content-group-table-row .group-content.group-content-button.button-link {
  padding-bottom: 4px;
  margin-bottom: 3px;
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
}
.checkout-group-content .group-content, .content-group-table-row .group-content {
  /*&.group-content-horizontal-group {
  		&:has(> .group-content-button) { // Use ':has()' selector for modern browsers
  				@include apply-border-radius('.group-content-button');
  		}
  }*/
}
.checkout-group-content .group-content.group-content-horizontal-group, .checkout-group-content .group-content.group-content-horizontal-group-line-break, .content-group-table-row .group-content.group-content-horizontal-group, .content-group-table-row .group-content.group-content-horizontal-group-line-break {
  display: flex;
  flex-direction: row;
}
.checkout-group-content .group-content.group-content-horizontal-group.group-content-percentage-slider, .checkout-group-content .group-content.group-content-horizontal-group-line-break.group-content-percentage-slider, .content-group-table-row .group-content.group-content-horizontal-group.group-content-percentage-slider, .content-group-table-row .group-content.group-content-horizontal-group-line-break.group-content-percentage-slider {
  z-index: 10;
  position: relative;
}
.checkout-group-content .group-content.group-content-horizontal-group > *, .checkout-group-content .group-content.group-content-horizontal-group-line-break > *, .content-group-table-row .group-content.group-content-horizontal-group > *, .content-group-table-row .group-content.group-content-horizontal-group-line-break > * {
  margin-right: 8px;
  width: auto;
  flex: 1;
}
.checkout-group-content .group-content.group-content-horizontal-group > *:last-child, .checkout-group-content .group-content.group-content-horizontal-group-line-break > *:last-child, .content-group-table-row .group-content.group-content-horizontal-group > *:last-child, .content-group-table-row .group-content.group-content-horizontal-group-line-break > *:last-child {
  margin-right: 0;
}
.checkout-group-content .group-content.group-content-horizontal-group > .group-content-avatar, .checkout-group-content .group-content.group-content-horizontal-group-line-break > .group-content-avatar, .content-group-table-row .group-content.group-content-horizontal-group > .group-content-avatar, .content-group-table-row .group-content.group-content-horizontal-group-line-break > .group-content-avatar {
  flex: 0;
}
.checkout-group-content .group-content.group-content-horizontal-group > .group-content-icon, .checkout-group-content .group-content.group-content-horizontal-group-line-break > .group-content-icon, .content-group-table-row .group-content.group-content-horizontal-group > .group-content-icon, .content-group-table-row .group-content.group-content-horizontal-group-line-break > .group-content-icon {
  width: unset;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-key-value.group-content, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-key-value.group-content, .content-group-table-row .group-content.group-content-horizontal-group .group-content-key-value.group-content, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-key-value.group-content {
  width: unset;
}
.checkout-group-content .group-content.group-content-horizontal-group, .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 {
  /*.numeric-buttons {
  	button.btn-icon-only {
  		flex-basis: 17px;
  		width: 26px;
  	}
  }*/
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add, .content-group-table-row .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add {
  text-align: right;
}
.checkout-group-content .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add button, .checkout-group-content .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add button, .content-group-table-row .group-content.group-content-horizontal-group .group-content-button + .group-content-link-add button, .content-group-table-row .group-content.group-content-horizontal-group-line-break .group-content-button + .group-content-link-add button {
  padding-right: unset;
}
.checkout-group-content .group-content.group-content-drop-down .select-options-list, .content-group-table-row .group-content.group-content-drop-down .select-options-list {
  max-height: 320px;
  overflow-y: auto;
}
.checkout-group-content .group-content.group-content-progressbar.group-color .progress-bar-filled, .checkout-group-content .group-content.group-content-progressbar.group-error .progress-bar-filled, .content-group-table-row .group-content.group-content-progressbar.group-color .progress-bar-filled, .content-group-table-row .group-content.group-content-progressbar.group-error .progress-bar-filled {
  background-color: #d9052f;
}
.checkout-group-content .group-content.group-small, .content-group-table-row .group-content.group-small {
  flex: 0 0 25%;
}
.checkout-group-content .group-content.group-content-switch .group-content-label, .checkout-group-content .group-content.group-content-title-switch .group-content-label, .content-group-table-row .group-content.group-content-switch .group-content-label, .content-group-table-row .group-content.group-content-title-switch .group-content-label {
  flex: 1;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description, .content-group-table-row .group-content.group-content-switch .group-content-switch-description, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description {
  padding-top: 2px;
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header {
  font-weight: bold;
  display: flex;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header > div, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header > div, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header > div, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header > div {
  display: inline-block;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi {
  padding-left: 8px;
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .content-group-table-row .group-content.group-content-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-description .group-content-switch-description-header .rc-icon.sgw-icon.wi:before {
  transform: translateY(-75%);
}
.checkout-group-content .group-content.group-content-switch .group-content-switch-error, .checkout-group-content .group-content.group-content-title-switch .group-content-switch-error, .content-group-table-row .group-content.group-content-switch .group-content-switch-error, .content-group-table-row .group-content.group-content-title-switch .group-content-switch-error {
  font-weight: bold;
  color: #d9052f;
}
.checkout-group-content .group-content.group-content-title-switch, .content-group-table-row .group-content.group-content-title-switch {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-avatar, .content-group-table-row .group-content.group-content-avatar {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
}
.checkout-group-content .group-content.group-content-avatar .avatar-from-text > span, .content-group-table-row .group-content.group-content-avatar .avatar-from-text > span {
  font-size: 18px;
}
.checkout-group-content .group-content.group-content-avatar.group-small, .content-group-table-row .group-content.group-content-avatar.group-small {
  height: unset;
}
.checkout-group-content .group-content.group-content-avatar.group-small .rc-avatar, .content-group-table-row .group-content.group-content-avatar.group-small .rc-avatar {
  width: 26px;
  height: 26px;
}
.checkout-group-content .group-content.group-content-avatar.group-small .avatar-from-text > span, .content-group-table-row .group-content.group-content-avatar.group-small .avatar-from-text > span {
  font-size: 14px;
}
.checkout-group-content .group-content.group-content-avatar.large-avatar, .content-group-table-row .group-content.group-content-avatar.large-avatar {
  width: 128px;
  height: 128px;
}
.checkout-group-content .group-content.group-content-avatar.large-avatar .rc-avatar, .content-group-table-row .group-content.group-content-avatar.large-avatar .rc-avatar {
  width: 128px;
  height: 128px;
}
.checkout-group-content .group-content.group-content-avatar + .group-content-label, .content-group-table-row .group-content.group-content-avatar + .group-content-label {
  flex-grow: 1;
}
.checkout-group-content .group-content.group-content-project-page, .content-group-table-row .group-content.group-content-project-page {
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg {
  position: relative;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg svg, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg svg {
  height: auto;
  width: 100%;
  display: block;
}
.checkout-group-content .group-content.group-content-project-page .group-content-project-page-svg img, .content-group-table-row .group-content.group-content-project-page .group-content-project-page-svg img {
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.checkout-group-content .group-content.group-content-like, .content-group-table-row .group-content.group-content-like {
  display: flex;
  cursor: pointer;
  width: unset;
}
.checkout-group-content .group-content .group-content-password-rules-list, .content-group-table-row .group-content .group-content-password-rules-list {
  margin-bottom: 8px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul, .content-group-table-row .group-content .group-content-password-rules-list ul {
  display: flex;
  flex-wrap: wrap;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li, .content-group-table-row .group-content .group-content-password-rules-list ul li {
  width: 50%;
  flex: auto;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li .rc-label-component, .content-group-table-row .group-content .group-content-password-rules-list ul li .rc-label-component {
  min-height: 24px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-failed, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-failed {
  width: calc(50% - 16px);
  list-style: square;
  margin-left: 16px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected {
  display: flex;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon {
  padding-left: 16px;
}
.checkout-group-content .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before, .content-group-table-row .group-content .group-content-password-rules-list ul li.rule-respected .rc-icon.sgw-icon:before {
  left: 2px;
  color: #6c9d0d;
}
.checkout-group-content .group-content .rc-component, .content-group-table-row .group-content .rc-component {
  width: 100%;
  max-width: unset;
}
.checkout-group-content .group-content .rc-component.rc-checkbox, .content-group-table-row .group-content .rc-component.rc-checkbox {
  align-items: unset;
  /*.rc-checkbox-box {
  		margin-top: 2px;
  }*/
}
.checkout-group-content .group-content .rc-component.rc-checkbox.redesign, .content-group-table-row .group-content .rc-component.rc-checkbox.redesign {
  align-items: center;
}
.checkout-group-content .group-content.group-content-image, .content-group-table-row .group-content.group-content-image {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout-group-content .group-content.group-content-image .group-content-image-svg, .content-group-table-row .group-content.group-content-image .group-content-image-svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.checkout-group-content .group-content.group-content-image .group-content-image-svg svg, .content-group-table-row .group-content.group-content-image .group-content-image-svg svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.checkout-group-content .group-content.group-content-image.is-clickable, .content-group-table-row .group-content.group-content-image.is-clickable {
  cursor: pointer;
}
.checkout-group-content .group-content.group-content-image.group-align-left, .content-group-table-row .group-content.group-content-image.group-align-left {
  align-items: flex-start;
}
.checkout-group-content .group-content.group-content-image.group-align-right, .content-group-table-row .group-content.group-content-image.group-align-right {
  align-items: flex-end;
}
.checkout-group-content .group-content.group-content-image-histogram .image-histogram-canvas, .content-group-table-row .group-content.group-content-image-histogram .image-histogram-canvas {
  width: 100%;
  margin-bottom: 16px;
}
.checkout-group-content .group-content.group-content-image-histogram .image-histogram-canvas img, .content-group-table-row .group-content.group-content-image-histogram .image-histogram-canvas img {
  border: 1px solid #cccccc;
  width: 100%;
}
.checkout-group-content .group-content.group-content-tabcontrol, .content-group-table-row .group-content.group-content-tabcontrol {
  display: flex;
  justify-content: center;
}
.checkout-group-content .group-content a, .content-group-table-row .group-content a {
  color: #3669c4;
}
.checkout-group-content .group-content a:before, .checkout-group-content .group-content a:after, .content-group-table-row .group-content a:before, .content-group-table-row .group-content a:after {
  content: " ";
  white-space: pre;
}
.checkout-group-content .content-group-wrapper, .content-group-table-row .content-group-wrapper {
  margin-bottom: 16px;
}
.checkout-group-content .content-group-wrapper > .group-content.group-important, .content-group-table-row .content-group-wrapper > .group-content.group-important {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper > .group-content-item .group-content.group-important, .content-group-table-row .content-group-wrapper > .group-content-item .group-content.group-important {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper > .group-content-horizontal-group, .content-group-table-row .content-group-wrapper > .group-content-horizontal-group {
  margin-bottom: 0;
}
.checkout-group-content .content-group-wrapper .content-group-subwrapper .group-content-label, .content-group-table-row .content-group-wrapper .content-group-subwrapper .group-content-label {
  min-height: unset;
}
.checkout-group-content .content-group-wrapper .content-group-subwrapper .group-content.group-content-checkbox, .content-group-table-row .content-group-wrapper .content-group-subwrapper .group-content.group-content-checkbox {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.drop-zone {
  outline: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.apip-error-alert-wrapper:not(.service-unavailable-throwed) {
  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;
}

.service-unavailable-throwed .apip-error-alert {
  display: none;
}

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

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

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

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

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: pay;
  display: inline-block;
  min-height: 36px;
  border: 1px solid black;
  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;
  border-radius: 6px;
  -apple-pay-button-style: white-outline;
  min-width: 180px;
}

.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: 88px;
  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 - 88px);
  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: 76px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-1 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 76px;
}
.tooltip-dialog-overlay.desktop-version.step-1 .tooltip-dialog-step-overlay-end {
  top: 152px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-2 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 152px;
}
.tooltip-dialog-overlay.desktop-version.step-2 .tooltip-dialog-step-overlay-end {
  top: 228px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-3 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 228px;
}
.tooltip-dialog-overlay.desktop-version.step-3 .tooltip-dialog-step-overlay-end {
  top: 304px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-4 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 304px;
}
.tooltip-dialog-overlay.desktop-version.step-4 .tooltip-dialog-step-overlay-end {
  top: 380px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-5 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 380px;
}
.tooltip-dialog-overlay.desktop-version.step-5 .tooltip-dialog-step-overlay-end {
  top: 456px;
  bottom: 0;
}
.tooltip-dialog-overlay.desktop-version.step-6 .tooltip-dialog-step-overlay-start {
  top: 0;
  height: 456px;
}
.tooltip-dialog-overlay.desktop-version.step-6 .tooltip-dialog-step-overlay-end {
  top: 532px;
  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: 96px;
}
.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: 84px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-2 {
  top: 160px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-3 {
  top: 236px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-4 {
  top: 312px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-5 {
  top: 388px;
}
.tooltip-dialog-overlay .tooltip-dialog-content.desktop-version.step-6 {
  top: 464px;
}

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

.reseller-discount-button {
  border-radius: 6px;
  background: #d9052f;
  color: #FFFFFF;
  padding: 1px 4px 2px;
  min-width: max-content;
  max-width: fit-content;
}

.sales-settings-end-publishing-warning {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  align-content: flex-start;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(54, 105, 196, 0.1);
}
.sales-settings-end-publishing-warning .rc-icon.sgw-icon.tab_check_project {
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
  padding-left: unset;
}
.sales-settings-end-publishing-warning .sales-settings-end-publishing-warning-info {
  flex: 1;
}
.sales-settings-end-publishing-warning .sales-settings-end-publishing-warning-info p {
  padding: 0;
  margin: 0;
  color: #3669c4;
  font-size: 14px;
  line-height: 20px;
}
.sales-settings-end-publishing-warning .sales-settings-end-publishing-warning-info p:first-child {
  font-weight: bold;
}

#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;
  border-radius: 6px;
}
@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 .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;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: inherit;
  flex: inherit;
  overflow: visible;
}
.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;
}
.upload-image-info input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload-image-info.extended {
  box-sizing: border-box;
  align-items: center;
  width: 408px;
  max-width: 408px;
  padding: 32px;
}
.upload-image-info.extended .sgw-icon.tab_image {
  z-index: 1;
  position: absolute;
  padding: 0;
}
.upload-image-info.extended .sgw-icon.tab_image:before {
  text-align: center;
  font-size: 46px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  margin-bottom: 8px;
  color: #6E6E6E;
  position: relative;
  transform: none;
  left: 0;
  top: 9px;
  background-color: #efefef;
  border-radius: 50%;
  padding: 9px;
}
.upload-image-info.extended .drag-here {
  color: #2C2C2C;
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
  margin-top: 8px;
  margin-bottom: 10px;
  padding: 0;
  cursor: default;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload-image-info.extended .drag-here:before {
  content: "";
  text-align: center;
  font-size: 64px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  margin-bottom: 8px;
  background-color: #efefef;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.upload-image-info.extended .image-pool-button-wrapper {
  width: 100%;
}
.upload-image-info.extended .image-pool-button-wrapper .drop-down-menu-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.upload-image-info.extended .image-pool-button-wrapper .drop-down-menu-body .image-source-item {
  background-repeat: no-repeat;
  background-position: 8px center;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  background-color: #efefef;
  border-radius: 6px;
  box-sizing: border-box;
  height: 36px;
  justify-content: center;
}
.upload-image-info.extended .image-pool-button-wrapper .drop-down-menu-body .image-source-item span {
  font-size: 14px;
}
.upload-image-info.extended .image-pool-button-wrapper .drop-down-menu-body .image-source-item.device {
  background-color: #6c9d0d;
  color: #FFFFFF;
  margin: 16px 0 16px;
}
.upload-image-info.extended .image-pool-button-wrapper .drop-down-menu-body .image-source-item input[type=file] {
  cursor: pointer;
}
.upload-image-info.extended.mobile .sgw-icon.tab_image {
  position: relative;
}
.upload-image-info.extended.mobile .drag-here:before {
  display: none;
}
.upload-image-info.extended.mobile .image-pool-button-wrapper {
  width: 100%;
}
.upload-image-info.extended.mobile .image-pool-button-wrapper .image-source-item.device {
  background-color: #efefef;
  color: #2C2C2C;
}
.upload-image-info.extended.mobile.tablet .image-pool-button-wrapper {
  max-width: 375px;
}
.upload-image-info.extended.left-panel {
  width: 100%;
  padding: 32px 16px 16px;
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
}
.upload-image-info.extended.left-panel .drag-here,
.upload-image-info.extended.left-panel .drag-image-or {
  margin-bottom: 0;
}
.upload-image-info.extended.left-panel .drag-image-or {
  color: inherit;
}
.upload-image-info.extended.left-panel .drop-down-menu-body .drop-down-menu-item input[type=file] {
  cursor: pointer;
}

.rc-mobile-view .upload-image-info {
  width: 100%;
  padding: 32px 16px;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}
.rc-mobile-view .upload-image-info .image-pool-button-wrapper {
  width: 270px;
}
.rc-mobile-view .mobile-image-selection-content .upload-image-info.extended.mobile {
  height: auto;
}

.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.mobile-view {
  flex-direction: column;
  align-items: flex-start;
}
.image-pool-toolbar.mobile-view .dialog-v2-breadcrumb {
  padding: 16px 0;
}
.image-pool-toolbar.mobile-view .image-pool-filter-and-sort {
  width: 100%;
  gap: 8px;
  justify-content: flex-start;
}
.image-pool-toolbar.mobile-view .image-pool-filter-and-sort .image-pool-sidebar-control-line {
  flex: 1;
}
.image-pool-toolbar.mobile-view .image-pool-filter-and-sort .image-pool-sidebar-control-line .group-content.group-content-horizontal-group form {
  margin-bottom: 0;
}
.image-pool-toolbar.mobile-view .image-pool-filter-and-sort .image-pool-sidebar-control-line .rc-input.rc-mobile-component,
.image-pool-toolbar.mobile-view .image-pool-filter-and-sort .image-pool-sidebar-control-line .btn-default {
  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="1"] .image-item-wrapper.tablet.landscape {
  flex: 0 0 30%;
}

.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;
  display: none;
}
.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: content-box;
  top: 2px;
  right: 2px;
  width: 35px;
  height: 24px;
  padding: 0 0 0 4px;
  cursor: auto;
  color: #6e6e6e;
  gap: 0;
  min-width: unset;
  border-radius: 6px;
}
.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;
}

.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;
  gap: 8px;
  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 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  overflow-y: hidden;
  -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;
  overflow-y: auto;
  overflow-x: hidden;
}
.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;
  gap: 8px;
}
.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-v2-container {
  flex: 1;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container .selected-option {
  height: 36px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab {
  gap: 8px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab button {
  margin: 0;
  border-radius: 6px;
  padding: 8px 10px;
}
.image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab button.btn-simple.keyboard-focus:focus *, .image-pool-sidebar .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab button.btn-simple:focus * {
  text-decoration: none;
}
.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;
}
.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 .image-pool-view-menu {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: fixed;
  text-align: left;
  z-index: 10;
  border-radius: 6px;
  padding: 8px 16px;
  white-space: nowrap;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.44);
  width: max-content;
  gap: 8px;
  font-size: 14px;
}
.image-pool-view-menu-wrapper .image-pool-view-menu .menu-divider {
  height: 1px;
  background-color: #efefef;
}
.image-pool-view-menu-wrapper .rc-checkbox {
  padding: 8px;
}
.image-pool-view-menu-wrapper .rc-checkbox .rc-checkbox-box {
  margin: 0 12px 0 4px;
}

.view-type-button {
  display: flex;
  gap: 6px;
  padding: 8px;
  cursor: pointer;
}
.view-type-button .sgw-icon {
  padding-left: 24px;
}
.view-type-button.selected .sgw-icon:before {
  color: #3669c4;
}

.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-item {
  padding: 16px;
  cursor: default;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.drop-down-menu-item.image-source-item {
  padding: 8px;
}
.drop-down-menu-item.image-source-item img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

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

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

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

.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-toolbar.active {
  max-height: 100%;
}
.edit-toolbar.mobile {
  max-height: 100%;
  width: 100%;
  padding: 0;
}
.edit-toolbar.mobile .edit-toolbar-wrapper {
  flex-wrap: nowrap;
  justify-content: space-between;
}
.edit-toolbar.mobile .edit-toolbar-wrapper .edit-toolbar-right {
  display: flex;
  gap: 8px;
}

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

.edit-toolbar-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.edit-toolbar-wrapper .edit-toolbar-right {
  display: flex;
  gap: 24px;
}
.edit-toolbar-wrapper:last-child {
  margin-bottom: 0;
}
.edit-toolbar-wrapper.edit-toolbar-centered {
  justify-content: center;
  flex-wrap: wrap;
}
.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) {
  .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;
  }
}
#MobileRedesignImagePoolDialog {
  z-index: 10040;
}

#MobileRedesignImagePoolDialog.embedded,
#MobileRedesignImagePool.embedded {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-button-wrapper,
#MobileRedesignImagePool.embedded .image-pool-button-wrapper {
  max-width: 375px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body {
  flex: 1;
  display: flex;
  height: calc(100% - 74px);
  flex-direction: column;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(1),
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(1) {
  order: 3;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(2),
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(2) {
  flex: 1;
  order: 2;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(3),
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(3) {
  flex: 1;
  order: 1;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(4),
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(4) {
  order: 4;
  width: 100%;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait .image-pool-view-menu,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait .image-pool-view-menu {
  right: 0;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(1),
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(1) {
  width: 100%;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-component.rc-select, #MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-component.rc-select,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container {
  flex: 1;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .image-pool-view-menu.mobile,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .image-pool-view-menu.mobile {
  right: 0;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar {
  flex: 1;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form {
  margin: 0;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .rc-component,
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .btn-default,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .rc-component,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .btn-default {
  height: 36px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab {
  margin: 0;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-browser.noselect,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-browser.noselect {
  padding: 16px;
  overflow-y: auto;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper {
  position: relative;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet.shadow,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet.shadow {
  box-shadow: rgba(0, 0, 0, 0.75) 2px 2px 3px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet .dnd-icon-wrapper,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet .dnd-icon-wrapper {
  position: absolute;
  top: -13px;
  left: -13px;
  z-index: 1000;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet .dnd-icon-wrapper .sgw-icon,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet .dnd-icon-wrapper .sgw-icon {
  background: #3776B2;
  width: 46px;
  height: 46px;
  padding-left: 0;
  border-radius: 23px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet .dnd-icon-wrapper .sgw-icon:before,
#MobileRedesignImagePool.embedded .image-pool-sidebar-body .image-pool-browser.noselect .image-pool-image-list .image-item-wrapper.tablet .dnd-icon-wrapper .sgw-icon:before {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-footer,
#MobileRedesignImagePool.embedded .image-pool-sidebar-footer {
  background-color: #FFFFFF;
  padding: 16px;
  position: relative;
  bottom: 0;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  border-top: solid 2px #efefef;
}
#MobileRedesignImagePoolDialog.embedded .image-pool-sidebar-footer .btn-submit,
#MobileRedesignImagePool.embedded .image-pool-sidebar-footer .btn-submit {
  width: 100%;
}
#MobileRedesignImagePoolDialog header .back-button,
#MobileRedesignImagePool header .back-button {
  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.btn-redesign .btn-label,
#MobileRedesignImagePool header .back-button:not(.left-align) > button.btn-redesign .btn-label {
  display: none;
}
#MobileRedesignImagePoolDialog header .mobile-page-title,
#MobileRedesignImagePool header .mobile-page-title {
  flex: unset;
  text-align: unset;
  margin: inherit;
  padding: 0 60px;
}
#MobileRedesignImagePoolDialog main,
#MobileRedesignImagePool main {
  background-color: #FFFFFF;
  overflow-y: hidden;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body,
#MobileRedesignImagePool main .content-for-selected-image-source,
#MobileRedesignImagePool main .image-pool-sidebar-body {
  flex: 1;
  height: calc(100% - 74px);
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-component.rc-select, #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-component.rc-select,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-component.rc-select,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-component.rc-select,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .rc-select-v2-container {
  flex: 1;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .image-pool-view-menu.mobile,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .image-pool-view-menu.mobile,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .image-pool-view-menu.mobile,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .image-pool-view-menu.mobile {
  right: 0;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar {
  flex: 1;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form {
  margin: 0;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .rc-component,
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .btn-default,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .rc-component,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .btn-default,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .rc-component,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .btn-default,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .rc-component,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line .search-bar form .btn-default {
  height: 36px;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control .image-pool-sidebar-control-line.used-images-tab {
  margin: 0;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait, #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(1), #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(1),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(1),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(1),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(1),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(1),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(1),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(1) {
  order: 3;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(2), #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(2),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(2),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(2),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(2),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(2),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(2),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(2) {
  flex: 1;
  order: 2;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(3), #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(3),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(3),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(3),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(3),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(3),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(3),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(3) {
  flex: 1;
  order: 1;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(4), #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(4),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(4),
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(4),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(4),
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(4),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait > div:nth-child(4),
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape > div:nth-child(4) {
  order: 4;
  width: 100%;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait .image-pool-view-menu, #MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape .image-pool-view-menu,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait .image-pool-view-menu,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape .image-pool-view-menu,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-portrait .image-pool-view-menu,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-sidebar-control.is-tablet-landscape .image-pool-view-menu,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-portrait .image-pool-view-menu,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-sidebar-control.is-tablet-landscape .image-pool-view-menu {
  right: 0;
}
#MobileRedesignImagePoolDialog main .content-for-selected-image-source .image-pool-browser.noselect,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-body .image-pool-browser.noselect,
#MobileRedesignImagePool main .content-for-selected-image-source .image-pool-browser.noselect,
#MobileRedesignImagePool main .image-pool-sidebar-body .image-pool-browser.noselect {
  overflow-y: auto;
}
#MobileRedesignImagePoolDialog main .image-pool-sidebar-toolbar,
#MobileRedesignImagePool main .image-pool-sidebar-toolbar {
  flex: 0;
}
#MobileRedesignImagePoolDialog main .image-pool-image-list,
#MobileRedesignImagePool main .image-pool-image-list {
  padding: 16px;
}
#MobileRedesignImagePoolDialog main .external-images-content-footer .btn-submit,
#MobileRedesignImagePoolDialog main .image-pool-sidebar-footer .btn-submit,
#MobileRedesignImagePool main .external-images-content-footer .btn-submit,
#MobileRedesignImagePool main .image-pool-sidebar-footer .btn-submit {
  width: 100%;
}
#MobileRedesignImagePoolDialog main .image-pool-sidebar-footer,
#MobileRedesignImagePool main .image-pool-sidebar-footer {
  background-color: #FFFFFF;
  padding: 16px;
  position: fixed;
  top: calc(100% - 74px);
  z-index: 1;
}
#MobileRedesignImagePoolDialog,
#MobileRedesignImagePool {
  /* Image pool tabs */
}
#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: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  /* Embedded, non-dialog component */
}
#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;
  height: unset;
}
#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;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  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;
  min-height: 24px;
  color: #525252;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  flex: 1 0 0;
  white-space: nowrap;
  align-self: stretch;
}
#MobileRedesignImagePoolDialog,
#MobileRedesignImagePool {
  /* Content for selected image source */
}
#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.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: 16px 16px 82px;
  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,
#MobileRedesignImagePool .content-for-selected-image-source.already-added-image-list {
  /* Common image list styles */
}
#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,
#MobileRedesignImagePool .content-for-selected-image-source {
  /* Used images tab */
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .used-images-tab,
#MobileRedesignImagePool .content-for-selected-image-source .used-images-tab {
  display: flex;
  gap: 8px;
  margin: 16px 16px 0;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .used-images-tab button,
#MobileRedesignImagePool .content-for-selected-image-source .used-images-tab button {
  flex: 0 1 auto;
  margin: 0;
  border-radius: 6px;
  padding: 8px 10px;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .used-images-tab button.btn-simple.btn-redesign,
#MobileRedesignImagePool .content-for-selected-image-source .used-images-tab button.btn-simple.btn-redesign {
  background-color: #efefef;
  color: #2C2C2C;
  border: none;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .used-images-tab button.btn-simple.btn-redesign.btn-action,
#MobileRedesignImagePool .content-for-selected-image-source .used-images-tab button.btn-simple.btn-redesign.btn-action {
  background-color: #3669c4;
  color: #ffffff;
}
#MobileRedesignImagePoolDialog .content-for-selected-image-source .used-images-tab button.btn-simple.keyboard-focus:focus *, #MobileRedesignImagePoolDialog .content-for-selected-image-source .used-images-tab button.btn-simple:focus *,
#MobileRedesignImagePool .content-for-selected-image-source .used-images-tab button.btn-simple.keyboard-focus:focus *,
#MobileRedesignImagePool .content-for-selected-image-source .used-images-tab button.btn-simple:focus * {
  text-decoration: none;
}
#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,
#MobileRedesignImagePool .content-for-selected-image-source {
  /* External/device connection */
}
#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,
#MobileRedesignImagePool .content-for-selected-image-source {
  /* Progress bar dialog */
}
#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,
#MobileRedesignImagePool .content-for-selected-image-source {
  /* Device image selection */
}
#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 {
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  border-radius: 21px;
  background-color: #fff;
  border: 1px solid #525252;
  color: #525252;
  padding: 8px 24px;
  cursor: pointer;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  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,
#MobileRedesignImagePool {
  /* Redesign tablet */
}
#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,
#MobileRedesignImagePool {
  /* External images footer */
}
#MobileRedesignImagePoolDialog .external-images-content-footer,
#MobileRedesignImagePool .external-images-content-footer {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  bottom: 0;
  padding: 16px;
  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);
}

#ImageSelectionDialog #imagePoolDialog.desktop-image-selection {
  color: #525252;
  border-radius: 6px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body {
  margin-top: 0;
  flex-direction: row;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .rc-label-component {
  font-size: 16px;
  font-weight: 700;
  height: 36px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel {
  position: fixed;
  width: 300px;
  flex: unset;
  padding: 16px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .image-pool-button-wrapper {
  margin-bottom: 16px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section {
  margin-top: 8px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section .desktop-image-selection-left-panel-group-options-wrapper > * {
  height: 36px;
  margin-left: 16px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section .desktop-image-selection-left-panel-group-options-wrapper .desktop-image-selection-left-panel-date-options-wrapper {
  display: flex;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section .desktop-image-selection-left-panel-group-options-wrapper .desktop-image-selection-left-panel-date-options-wrapper .rc-radio-group {
  flex-direction: row;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section .desktop-image-selection-left-panel-group-options-wrapper .desktop-image-selection-left-panel-date-options-wrapper .rc-radio-group .rc-radio {
  margin-left: 8px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section .rc-checkbox {
  height: 36px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-left-panel .desktop-image-selection-left-panel-section .desktop-image-selection-left-panel-stack-info {
  margin: 8px 0;
  font-size: 12px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main.has-border {
  margin-left: 300px;
  border-left: 2px solid #d8d8d8;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-toolbar {
  flex: 0;
  box-sizing: border-box;
  padding: 16px 16px 0;
  height: 52px;
  position: relative;
  z-index: 100;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-toolbar.header-section {
  padding-bottom: 16px;
  border-bottom: solid 1px #d8d8d8;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-selection-toolbar {
  box-sizing: border-box;
  background: #3669c4;
  color: #fff;
  justify-content: stretch;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
  height: 52px;
  display: flex;
  padding: 6px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-selection-toolbar .edit-toolbar {
  width: 100%;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-selection-toolbar .edit-toolbar .edit-toolbar-wrapper {
  justify-content: space-between;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser {
  flex: 1;
  margin: 16px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-pool-image-list {
  padding: 0 16px 0 0;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  box-sizing: border-box;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group:last-child {
  border-bottom: none;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group.is-hover {
  border: 3px solid #3669C4;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-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;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group .image-group-header .image-group-header-left {
  display: flex;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group .image-group-header .image-group-header-left .sgw-icon {
  padding-left: 20px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group .image-group-header .image-group-header-left h3 {
  margin-left: 4px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group .image-group-header .image-group-header-right {
  position: relative;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-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;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-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;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-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;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .dialog-v2-body .desktop-image-selection-main .image-pool-browser .image-group .image-pool-image-list {
  margin-bottom: 8px;
}
#ImageSelectionDialog #imagePoolDialog.desktop-image-selection .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: 100dvh;
  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;
  width: 100%;
}
.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;
  width: 100%;
}
.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;
  width: 100%;
}
.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;
}
.full-page-image-preview-overlay.mobile {
  box-sizing: border-box;
  padding: 0;
  background: #585661;
}
.full-page-image-preview-overlay.mobile .full-page-image-preview-header {
  padding: 8px;
  flex-direction: column;
  height: unset;
  min-height: 52px;
}
.full-page-image-preview-overlay.mobile .full-page-image-preview-header .full-page-image-preview-header-section {
  padding: 0 8px;
  display: flex;
  gap: 8px;
}
.full-page-image-preview-overlay.mobile .full-page-image-preview-header .full-page-image-preview-header-section .sgw-icon.close {
  padding-left: 16px;
}
.full-page-image-preview-overlay.mobile .full-page-image-preview-header .full-page-image-preview-header-section .btn-icon {
  padding: 0;
}
.full-page-image-preview-overlay.mobile .full-page-image-preview-content {
  padding: 8px;
}
.full-page-image-preview-overlay.mobile .full-page-image-preview-stack-gallery {
  width: 100%;
}

.external-images-content {
  overflow-y: auto;
  padding: 8px 16px 16px 16px;
}
.external-images-content.tablet .header-buttons .select-all-btn {
  flex: unset;
}
.external-images-content.tablet .image-pool-mobile-folder-list .rc-icon.sgw-icon.folder {
  margin-right: unset;
}
.external-images-content .external-source-selection-logout {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.external-images-content .external-source-selection-logout .logout-btn {
  width: unset;
  padding: unset;
  height: unset;
}
.external-images-content .external-source-selection-logout .logout-btn .rc-icon:before {
  color: #3669c4;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 18px;
}
.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;
}
.external-images-content .external-source-selection-logout .select-all-btn {
  flex: unset;
  height: unset;
  width: unset;
  background-color: #FFFFFF;
  padding: unset;
}
.external-images-content .external-source-selection-logout .select-all-btn .rc-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
.external-images-content .external-source-selection-logout .select-all-btn .rc-icon:before {
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 12px;
}
.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;
}
.external-images-content .picker-link-button {
  margin: 12px 0;
}
.external-images-content .header-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 16px;
  justify-content: space-between;
  box-sizing: border-box;
  height: 34px;
  margin: 0;
  padding: 8px 0;
}
.external-images-content .header-buttons > button {
  height: unset;
}
.external-images-content .header-buttons.single-button-right {
  justify-content: flex-end;
}
.external-images-content .header-buttons .folder-back-btn {
  border: none;
  padding: unset;
}
.external-images-content .header-buttons .folder-back-btn.hidden {
  display: none;
}
.external-images-content .header-buttons .folder-back-btn .rc-icon {
  margin-right: 16px;
  width: 14px;
  height: 14px;
}
.external-images-content .header-buttons .folder-back-btn .rc-icon:before {
  color: #525252;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.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;
}
.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;
}
.external-images-content .header-buttons .select-all-btn .rc-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
.external-images-content .header-buttons .select-all-btn .rc-icon:before {
  color: #525252;
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px;
}
.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;
}
.external-images-content .image-pool-mobile-folder-list {
  margin-bottom: 8px;
}
.external-images-content .image-pool-mobile-folder-list > button {
  display: flex;
  height: 58px;
  justify-content: flex-start;
  border-bottom: 1px solid #CBCACA;
  padding: unset;
}
.external-images-content .image-pool-mobile-folder-list > button .rc-icon:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.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;
}

#ExternalImagesDialog {
  font-size: 14px;
}
#ExternalImagesDialog.rc-mobile-view > header .external-image-source-header-label {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 8px;
}
#ExternalImagesDialog.rc-mobile-view > header .external-image-source-header-label > img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
#ExternalImagesDialog.rc-mobile-view > header .external-image-source-header-label .mobile-page-title {
  flex: unset;
  width: unset;
  padding: 0;
  margin: 0;
}
#ExternalImagesDialog.rc-mobile-view > main > div.external-images-dialog-content {
  flex: auto;
}
#ExternalImagesDialog.rc-mobile-view > main > div.external-images-dialog-content #imagesGroup .image-item-wrapper .image-item {
  padding: 0;
}
#ExternalImagesDialog.rc-mobile-view > main > div.external-images-dialog-content #imagesGroup .image-item-wrapper .image-item img {
  max-width: 100%;
  max-height: 100%;
  height: unset;
  width: unset;
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}
#ExternalImagesDialog.rc-mobile-view > main > div.external-images-dialog-content #imagesGroup .image-item-wrapper .image-item .image-selection-border {
  top: unset;
  transform: none;
}
#ImageSelectionMobile.rc-mobile-view header {
  position: relative;
  border-bottom: solid 2px #d8d8d8;
}
#ImageSelectionMobile.rc-mobile-view header.redesign.phone > .mobile-header-options-buttons {
  position: absolute;
  right: 0;
}
#ImageSelectionMobile.rc-mobile-view header .mobile-page-title {
  margin-right: unset;
}
#ImageSelectionMobile.rc-mobile-view header .mobile-header-image-selection {
  font-size: 14px;
}
#ImageSelectionMobile.rc-mobile-view header .image-selection-button-wrapper.hidden {
  opacity: 0;
  width: 0;
}
#ImageSelectionMobile.rc-mobile-view header .selection-options-wrapper.redesign > button {
  margin-left: 8px;
}
#ImageSelectionMobile.rc-mobile-view header .image-pool-source-selection.drop-down-menu {
  top: 100%;
  right: 0;
  left: unset;
  max-width: 200px;
}
#ImageSelectionMobile.rc-mobile-view header .btn-simple.btn-action {
  color: #fff;
  background-color: #3669c4;
  flex: unset;
  padding: 8px 12px;
  text-transform: none;
}
#ImageSelectionMobile.rc-mobile-view main.tablet {
  scrollbar-width: thin;
}
#ImageSelectionMobile.rc-mobile-view main.redesign.bulk {
  background-color: #FFFFFF;
}
#ImageSelectionMobile.rc-mobile-view main.redesign.bulk .add-more-images-btn {
  flex: unset;
  min-height: 42px;
  margin: 16px;
  border-radius: 120px;
  background: #3669C4;
}
#ImageSelectionMobile.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;
}
#ImageSelectionMobile.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;
}
#ImageSelectionMobile.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;
}
#ImageSelectionMobile.rc-mobile-view footer.footer-section {
  border-top: solid 2px #d8d8d8;
}
#ImageSelectionMobile.rc-mobile-view footer.footer-section .btn-simple.btn-submit {
  text-transform: none;
}
#ImageSelectionMobile.rc-mobile-view footer.image-pool-toolbar.mobile-ios-footer.redesign {
  box-shadow: none;
  border-top: solid 2px #d8d8d8;
}
#ImageSelectionMobile.rc-mobile-view footer.redesign.bulk {
  box-shadow: unset;
}
#ImageSelectionMobile.rc-mobile-view.extended .image-pool-selection-toolbar {
  background: #3669c4;
  color: #fff;
  justify-content: stretch;
  align-items: center;
  width: 100%;
  z-index: 100;
  box-sizing: border-box;
  padding: 6px;
  display: flex;
}
#ImageSelectionMobile.rc-mobile-view.extended .image-pool-selection-toolbar .edit-toolbar-right .btn-icon .btn-label {
  font-size: 12px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .mobile-image-selection-content {
  padding: 0 16px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group {
  border: 3px solid transparent;
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 4px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group.is-hover {
  border: 3px solid #3669C4;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header {
  box-sizing: border-box;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-left {
  display: flex;
  min-width: 0;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-left .sgw-icon {
  padding-left: 14px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-left .sgw-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-left h3 {
  font-size: 14px;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-right {
  position: relative;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-right > div > .btn-icon.btn-icon-only {
  width: 14px;
  height: 14px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-right > div > .btn-icon.btn-icon-only .sgw-icon {
  width: 14px;
  height: 14px;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-group-header .image-group-header-right > div > .btn-icon.btn-icon-only .sgw-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#ImageSelectionMobile.rc-mobile-view.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;
}
#ImageSelectionMobile.rc-mobile-view.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;
}
#ImageSelectionMobile.rc-mobile-view.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;
}
#ImageSelectionMobile.rc-mobile-view.extended main .image-pool-browser .image-group .image-pool-image-list {
  padding: 8px 0 12px;
}

.rc-mobile-menu.redesign .mobile-image-selection-controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .rc-label-component {
  font-size: 16px;
  font-weight: 700;
  min-height: 36px;
  height: 36px;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .rc-radio-group.redesign .rc-radio {
  padding: 0;
  min-height: 36px;
  height: 36px;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .rc-radio-group.redesign .rc-radio .rc-radio-element {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .rc-radio-group.redesign .rc-radio .rc-radio-element.selected + .rc-radio-label {
  font-weight: 700;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .mobile-group-options-date-options-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .mobile-group-options-date-options-wrapper .rc-radio-group {
  flex-direction: row;
  gap: 8px;
}
.rc-mobile-menu.redesign .mobile-image-selection-controls .mobile-stack-info {
  font-size: 12px;
  padding: 8px 0;
}

.rc-mobile-view .image-pool-browser .image-group-date,
.rc-mobile-view .content-for-selected-image-source .image-group-date {
  margin: 24px 0 16px 0;
}
.rc-mobile-view .image-pool-browser .image-group-date .rc-radio .rc-radio-element,
.rc-mobile-view .content-for-selected-image-source .image-group-date .rc-radio .rc-radio-element {
  margin-right: 16px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #525252;
}
.rc-mobile-view .image-pool-browser .image-group-date .rc-radio .rc-radio-label,
.rc-mobile-view .content-for-selected-image-source .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;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list {
  gap: 8px;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper {
  margin: unset;
  padding: unset;
  height: 100%;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper .img-name,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper .img-name {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  white-space: normal;
  overflow-wrap: break-word;
  display: inline-block;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name),
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper > div:not(.img-name) {
  margin: unset;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item {
  position: relative;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item img,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper > div:not(.img-name) div .image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper.selected,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper.selected {
  positon: relative;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .selected-icon-container.mobile .selected-icon-blue-circle,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper.selected .selected-icon-container.mobile .selected-icon-blue-circle {
  width: 20px;
  height: 20px;
  right: 9px;
  bottom: 8px;
  border-radius: 50px;
  border: none;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .selected-icon-container.mobile .selected-icon-blue-circle::after,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper.selected .selected-icon-container.mobile .selected-icon-blue-circle::after {
  content: "\e9aa";
  font-family: "icomoon";
  speak: none;
  position: absolute;
  color: #fff;
  font-size: 15px;
  top: 2px;
  left: 2px;
}
.rc-mobile-view .image-pool-browser .image-pool-image-list .image-item-wrapper.selected .selected-icon-container.mobile .rc-icon.sgw-icon:before,
.rc-mobile-view .content-for-selected-image-source .image-pool-image-list .image-item-wrapper.selected .selected-icon-container.mobile .rc-icon.sgw-icon:before {
  display: none;
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.phone {
  width: calc(100% / 2 - 8px * 1 / 2);
  flex: 0 0 calc(100% / 2 - 8px * 1 / 2);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 5 - 8px * 4 / 5);
  flex: 0 0 calc(100% / 5 - 8px * 4 / 5);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 6 - 8px * 5 / 6);
  flex: 0 0 calc(100% / 6 - 8px * 5 / 6);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.phone {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 7 - 8px * 6 / 7);
  flex: 0 0 calc(100% / 7 - 8px * 6 / 7);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 9 - 8px * 8 / 9);
  flex: 0 0 calc(100% / 9 - 8px * 8 / 9);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.phone {
  width: calc(100% / 1 - 8px * 0 / 1);
  flex: 0 0 calc(100% / 1 - 8px * 0 / 1);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #ExternalImagesDialog .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 4 - 8px * 3 / 4);
  flex: 0 0 calc(100% / 4 - 8px * 3 / 4);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.phone {
  width: calc(100% / 2 - 8px * 1 / 2);
  flex: 0 0 calc(100% / 2 - 8px * 1 / 2);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 5 - 8px * 4 / 5);
  flex: 0 0 calc(100% / 5 - 8px * 4 / 5);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 6 - 8px * 5 / 6);
  flex: 0 0 calc(100% / 6 - 8px * 5 / 6);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.phone {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 7 - 8px * 6 / 7);
  flex: 0 0 calc(100% / 7 - 8px * 6 / 7);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 9 - 8px * 8 / 9);
  flex: 0 0 calc(100% / 9 - 8px * 8 / 9);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.phone {
  width: calc(100% / 1 - 8px * 0 / 1);
  flex: 0 0 calc(100% / 1 - 8px * 0 / 1);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #MobileRedesignImagePool .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 4 - 8px * 3 / 4);
  flex: 0 0 calc(100% / 4 - 8px * 3 / 4);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.phone {
  width: calc(100% / 2 - 8px * 1 / 2);
  flex: 0 0 calc(100% / 2 - 8px * 1 / 2);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 5 - 8px * 4 / 5);
  flex: 0 0 calc(100% / 5 - 8px * 4 / 5);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 2 - 8px * 1 / 2);
  flex: 0 0 calc(100% / 2 - 8px * 1 / 2);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.phone {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 7 - 8px * 6 / 7);
  flex: 0 0 calc(100% / 7 - 8px * 6 / 7);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.phone {
  width: calc(100% / 1 - 8px * 0 / 1);
  flex: 0 0 calc(100% / 1 - 8px * 0 / 1);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #MobileRedesignImagePool.embedded .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 1 - 8px * 0 / 1);
  flex: 0 0 calc(100% / 1 - 8px * 0 / 1);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.phone {
  width: calc(100% / 2 - 8px * 1 / 2);
  flex: 0 0 calc(100% / 2 - 8px * 1 / 2);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 5 - 8px * 4 / 5);
  flex: 0 0 calc(100% / 5 - 8px * 4 / 5);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="2"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 6 - 8px * 5 / 6);
  flex: 0 0 calc(100% / 6 - 8px * 5 / 6);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.phone {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 7 - 8px * 6 / 7);
  flex: 0 0 calc(100% / 7 - 8px * 6 / 7);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="4"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 9 - 8px * 8 / 9);
  flex: 0 0 calc(100% / 9 - 8px * 8 / 9);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.phone {
  width: calc(100% / 1 - 8px * 0 / 1);
  flex: 0 0 calc(100% / 1 - 8px * 0 / 1);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.portrait {
  width: calc(100% / 3 - 8px * 2 / 3);
  flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}
.rc-mobile-view #ImageSelectionMobile .image-pool-browser .image-pool-image-list[data-view-type="1"] > .image-item-wrapper.tablet.landscape {
  width: calc(100% / 4 - 8px * 3 / 4);
  flex: 0 0 calc(100% / 4 - 8px * 3 / 4);
}

.sort-view-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
.sort-view-control button {
  height: unset;
}
.sort-view-control .sort-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sort-view-control .sort-buttons .context-menu .context-menu-body {
  margin: unset;
  padding: 8px 16px;
}
.sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign {
  display: flex;
  gap: 12px;
}
.sort-view-control .sort-buttons .context-menu .context-menu-body > div .rc-radio-group.redesign .rc-radio {
  padding: 8px;
}
.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;
}
.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;
}
.sort-view-control .sort-buttons .context-menu .context-menu-body > div .menu-divider {
  margin: 12px 0;
}
.sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #000000;
}
.sort-view-control .sort-buttons .context-menu .context-menu-body > div .btn-cancel .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
.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;
}
.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;
}
.sort-view-control .sort-buttons .context-menu button {
  background-color: #FFFFFF;
  padding: 8px;
  height: unset;
  color: #000000;
}
.sort-view-control .sort-buttons .context-menu button .rc-icon {
  margin-right: 16px;
  height: 18px;
  width: 18px;
}
.sort-view-control .sort-buttons .context-menu button .btn-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.sort-view-control .sort-buttons button {
  padding: unset;
}
.sort-view-control .sort-buttons button .rc-icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.sort-view-control .sort-buttons button .rc-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.sort-view-control .sort-buttons button .btn-label {
  color: #525252;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
.sort-view-control .sort-buttons button.asc-desc .btn-label {
  color: #3669C4;
}
.sort-view-control .view-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sort-view-control .view-buttons .btn-icon.btn-icon-only.view-type-menu-button {
  background-color: #efefef;
  width: 24px;
  height: 24px;
}
.sort-view-control .view-buttons button {
  padding: unset;
  width: 14px;
  height: 14px;
}
.sort-view-control .view-buttons button.btn-selected .rc-icon:before {
  color: #3669c4;
}
.sort-view-control .view-buttons button .rc-icon {
  width: 14px;
  height: 14px;
}
.sort-view-control .view-buttons button .rc-icon:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.sort-view-control.isMobile {
  gap: 8px;
  padding: 16px 0;
}
.sort-view-control.isMobile .search-bar {
  flex: 1;
  max-width: 300px;
}
.sort-view-control.isMobile .search-bar .group-content.group-content-horizontal-group .search-bar-form-input {
  margin-bottom: 0;
}
.sort-view-control.isMobile .search-bar .group-content.group-content-horizontal-group .search-bar-form-input .rc-input,
.sort-view-control.isMobile .search-bar .group-content.group-content-horizontal-group .search-bar-form-input .btn-simple {
  height: 36px;
}
.sort-view-control.isMobile .search-bar.content-group-table-row .group-content.group-content-horizontal-group .search-bar-form-input button.btn-icon-only.rc-mobile-component {
  height: 35px;
}
.sort-view-control.isMobile .sort-buttons button {
  padding: 8px 12px 8px 8px;
}
.sort-view-control.isMobile .sort-buttons button .btn-label {
  font-size: 14px;
  font-weight: 400;
}
.sort-view-control.isMobile .sort-buttons button .rc-icon {
  margin-right: 0;
}
.sort-view-control.isMobile .view-buttons .btn-icon.btn-icon-only.view-type-menu-button {
  height: unset;
  width: unset;
}
.sort-view-control.isMobile.isPhone .search-bar {
  max-width: unset;
}

.rc-mobile-menu.redesign {
  font-size: 14px;
}
.rc-mobile-menu.redesign.sort-view-control-viewtype-menu .mobile-menu-content {
  padding: 8px 16px 16px;
}
.rc-mobile-menu.redesign.sort-view-control-viewtype-menu .mobile-menu-content button {
  margin: 0;
}
.rc-mobile-menu.redesign.sort-view-control-sort-menu .mobile-menu-content .rc-mobile-menu.redesign .mobile-menu-content .rc-radio-group.redesign .rc-radio {
  padding: 0;
}

#NoImagesListed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 16px 16px;
}
#NoImagesListed .rc-icon {
  padding-bottom: 36px;
}
#NoImagesListed .rc-icon:before {
  background-color: #6c9d0d;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #FFFFFF;
  padding: 10px;
}
#NoImagesListed .no-images-text {
  margin: 8px 0;
  font-size: 16px;
  line-height: 24px;
}
#NoImagesListed:not(.isMobile) button {
  border-radius: 21px;
  border: solid 1px #525252;
  padding: 8px 12px;
}
#NoImagesListed button {
  background-color: transparent;
}

#ImagePoolFolderBreadcrumb {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 8px;
}
#ImagePoolFolderBreadcrumb .image-pool-folder-breadcrumb-item {
  cursor: pointer;
}
#ImagePoolFolderBreadcrumb .breadcrumb-ellipsis {
  cursor: pointer;
  user-select: none;
}
#ImagePoolFolderBreadcrumb .breadcrumb-ellipsis:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
#ImagePoolFolderBreadcrumb.breadcrumb-popup-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 9;
}
#ImagePoolFolderBreadcrumb .breadcrumb-popup {
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
#ImagePoolFolderBreadcrumb .breadcrumb-popup-list {
  overflow-y: auto;
  padding: 8px 16px;
}
#ImagePoolFolderBreadcrumb .breadcrumb-popup-item {
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
#ImagePoolFolderBreadcrumb.mobile-view {
  padding: 0 0 8px;
}

.sort-view-control.isMobile #ImagePoolFolderBreadcrumb {
  flex: 1;
}

#ExternalFolders.external-folders-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
}
#ExternalFolders.external-folders-container .folder-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #e7e7e7;
  border-radius: 6px;
  overflow: hidden;
  height: 149px;
  width: 170px;
  min-height: 55px;
  cursor: pointer;
}
#ExternalFolders.external-folders-container .folder-item .btn-default {
  flex: 1;
  width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
#ExternalFolders.external-folders-container .folder-item .btn-default .sgw-icon:before {
  color: #6e6e6e;
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
#ExternalFolders.external-folders-container .folder-item .btn-default img {
  height: auto;
  width: 100%;
}
#ExternalFolders.external-folders-container .folder-item .folder-name {
  padding: 8px;
  width: 100%;
  font-size: 14px;
  background-color: #efefef;
  color: #2c2c2c;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.image-pool-browser[data-view-type="0"] #ExternalFolders {
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.image-pool-browser[data-view-type="0"] #ExternalFolders .folder-item {
  flex-direction: row;
  height: 56px;
  background-color: transparent;
  padding: 8px 0;
  border-bottom: 1px solid #efefef;
  border-radius: 0;
  width: 100%;
}
.image-pool-browser[data-view-type="0"] #ExternalFolders .folder-item:hover {
  background-color: #efefef;
}
.image-pool-browser[data-view-type="0"] #ExternalFolders .folder-item .btn-default {
  flex: 1 0 52px;
  height: 52px;
  background-color: #e7e7e7;
  border-radius: 0;
  margin-left: 44px;
}
.image-pool-browser[data-view-type="0"] #ExternalFolders .folder-item .btn-default .sgw-icon:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.image-pool-browser[data-view-type="0"] #ExternalFolders .folder-item .folder-name {
  background-color: transparent;
  text-align: left;
  padding-left: 16px;
}
.image-pool-browser[data-view-type="0"] #ExternalFolders .folder-item .image-information-type {
  flex: 0 0 380px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders .folder-item {
  width: calc(12.5% - 14px);
  height: auto;
  aspect-ratio: 1.2;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders .folder-item .btn-default .sgw-icon:before {
  font-size: 3vw;
  width: 3vw;
  height: 3vw;
  line-height: 3vw;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders .folder-item .folder-name {
  font-size: 14px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.mobile-view {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.mobile-view .folder-item {
  width: 100%;
  height: auto;
  aspect-ratio: 1.3;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.mobile-view .folder-item .btn-default .sgw-icon:before {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.tablet-portrait {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.tablet-portrait .folder-item {
  width: calc(33.333% - 5.33px);
  height: auto;
  aspect-ratio: 1.2;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.tablet-portrait .folder-item .btn-default .sgw-icon:before {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.tablet-landscape {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.tablet-landscape .folder-item {
  width: calc(25% - 6px);
  height: auto;
  aspect-ratio: 1.2;
}
.image-pool-browser[data-view-type="1"] #ExternalFolders.tablet-landscape .folder-item .btn-default .sgw-icon:before {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders .folder-item {
  width: calc(10% - 14.4px);
  height: auto;
  aspect-ratio: 1.14;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders .folder-item .btn-default .sgw-icon:before {
  font-size: 2.5vw;
  width: 2.5vw;
  height: 2.5vw;
  line-height: 2.5vw;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders .folder-item .folder-name {
  font-size: 14px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.mobile-view {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.mobile-view .folder-item {
  width: calc(50% - 4px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.mobile-view .folder-item .btn-default .sgw-icon:before {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.tablet-portrait {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.tablet-portrait .folder-item {
  width: calc(20% - 6.4px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.tablet-portrait .folder-item .btn-default .sgw-icon:before {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.tablet-landscape {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.tablet-landscape .folder-item {
  width: calc(16.66% - 6.66px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="2"] #ExternalFolders.tablet-landscape .folder-item .btn-default .sgw-icon:before {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders .folder-item {
  width: calc(6.25% - 15px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders .folder-item .btn-default .sgw-icon:before {
  font-size: 2vw;
  width: 2vw;
  height: 2vw;
  line-height: 2vw;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders .folder-item .folder-name {
  font-size: 12px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders .folder-name {
  padding: 6px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.mobile-view {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.mobile-view .folder-item {
  width: calc(33.333% - 5.33px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.mobile-view .folder-item .btn-default .sgw-icon:before {
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.tablet-portrait {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.tablet-portrait .folder-item {
  width: calc(14.2% - 6.85px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.tablet-portrait .folder-item .btn-default .sgw-icon:before {
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.tablet-landscape {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 0;
  gap: 8px;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.tablet-landscape .folder-item {
  width: calc(11.11% - 7.1px);
  height: auto;
  aspect-ratio: 1.1;
}
.image-pool-browser[data-view-type="4"] #ExternalFolders.tablet-landscape .folder-item .btn-default .sgw-icon:before {
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}

#ExternalImageSourceProgressBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10002;
}
#ExternalImageSourceProgressBar .image-pool-progress-bar {
  flex: 0 0 260px;
  font-size: 14px;
}
#ExternalImageSourceProgressBar .image-pool-progress-bar .image-pool-progress-bar-info {
  display: flex;
  border-bottom: 4px;
}
#ExternalImageSourceProgressBar .image-pool-progress-bar .image-pool-progress-bar-info .image-pool-progress-bar-label {
  flex: 1;
}
#ExternalImageSourceProgressBar .image-pool-progress-bar .progress-bar {
  height: 8px;
  position: relative;
  background: #efefef;
  overflow: hidden;
  border-radius: 12px;
}
#ExternalImageSourceProgressBar .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;
  border-radius: 12px;
}

#ExternalImageSourceDialog .rc-dialog-wrapper,
#ImageSelectionDialog .rc-dialog-wrapper {
  max-width: unset;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header {
  border-bottom: solid 2px #efefef;
  padding: 6px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar {
  position: relative;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container {
  justify-content: center;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .image-pool-external-source-container-close-btn,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .image-pool-external-source-container-close-btn {
  position: absolute;
  left: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .btn-simple.social-media-button,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .btn-simple.social-media-button {
  background-color: transparent;
  border-radius: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .image-pool-external-source-btn,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .image-pool-external-source-btn {
  position: absolute;
  right: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .image-pool-external-source-btn .user-menu-box.drop-down-menu,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-header .image-pool-toolbar .image-pool-external-source-container .image-pool-external-source-btn .user-menu-box.drop-down-menu {
  left: unset;
  right: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body {
  margin: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-toolbar,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-toolbar {
  flex: 0;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-toolbar .image-pool-filter-and-sort,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-toolbar .image-pool-filter-and-sort {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  padding-bottom: 16px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-browser-img-selection,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-browser-img-selection {
  display: flex;
  gap: 8px;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-browser-img-selection p,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-browser-img-selection p {
  flex: 1;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list .image-list-item-wrapper,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list .image-list-item-wrapper {
  margin: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list .image-list-item-wrapper .image-list-checkbox,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list .image-list-item-wrapper .image-list-checkbox {
  margin-left: 12px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item.header-items,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item.header-items {
  font-weight: 700;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder {
  display: flex;
  padding-left: 12px;
  align-items: center;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name {
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name .hover-icon {
  opacity: 0;
  transition: opacity 0.3s ease;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name:hover .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name:hover .hover-icon {
  opacity: 1;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name.filtered,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name.filtered {
  color: #3669c4;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name.filtered .rc-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name.filtered .rc-icon {
  display: inline;
  flex: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name.filtered .rc-icon:before,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information-folder .image-information-name.filtered .rc-icon:before {
  color: #3669c4;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information {
  margin: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-item,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-item {
  flex: 0 0 56px;
  height: 56px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size .hover-icon,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type .hover-icon,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date .hover-icon {
  opacity: 0;
  transition: opacity 0.3s ease;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size:hover .hover-icon,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type:hover .hover-icon,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date:hover .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size:hover .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type:hover .hover-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date:hover .hover-icon {
  opacity: 1;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size.filtered,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type.filtered,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date.filtered,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size.filtered,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type.filtered,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date.filtered {
  color: #3669c4;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size.filtered .rc-icon,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type.filtered .rc-icon,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date.filtered .rc-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size.filtered .rc-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type.filtered .rc-icon,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date.filtered .rc-icon {
  display: inline;
  flex: 0;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size.filtered .rc-icon:before,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type.filtered .rc-icon:before,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date.filtered .rc-icon:before,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size.filtered .rc-icon:before,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type.filtered .rc-icon:before,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date.filtered .rc-icon:before {
  color: #3669c4;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-size {
  margin: 0;
  flex: 0 0 80px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type,
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-type,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect .image-pool-image-list[data-view-type="0"] .image-list-item .image-information .image-information-date {
  margin: 0;
  flex: 0 0 150px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup {
  padding: 0 16px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .image-item,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .image-item {
  padding: 0;
  height: 100%;
  width: 100%;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .image-item img,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .image-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .image-item .image-selection-border,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .image-item .image-selection-border {
  top: unset;
  transform: none;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .img-name,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-body .image-pool-browser.noselect #imagesGroup .image-item-wrapper .img-name {
  display: inline-block;
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-footer,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-footer {
  border-top: 2px solid #D8D8D8;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-bottom-edit-toolbar .edit-toolbar,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-bottom-edit-toolbar .edit-toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}
#ExternalImageSourceDialog .rc-dialog-wrapper .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper.edit-toolbar-small,
#ImageSelectionDialog .rc-dialog-wrapper .dialog-v2-bottom-edit-toolbar .edit-toolbar .edit-toolbar-wrapper.edit-toolbar-small {
  gap: 24px;
}

.rc-mobile-menu.redesign.logout-menu .mobile-menu-content {
  gap: 8px;
}
.rc-mobile-menu.redesign.logout-menu hr {
  color: #cccccc;
}

#SelectImagesOptions.image-pool-browser-img-selection.mobile-view {
  display: flex;
  justify-content: right;
  gap: 16px;
  padding: 16px 0;
}
#SelectImagesOptions.image-pool-browser-img-selection p {
  margin-right: auto;
}

.popup-button-popup-container {
  border-radius: 6px;
  -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);
  z-index: 1000001;
  filter: none;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: max-content;
  display: flex;
  flex-direction: column;
}
.popup-button-popup-container .sort-label {
  padding: 8px;
  font-size: 14px;
  font-weight: 700;
}
.popup-button-popup-container .rc-radio {
  padding: 0 8px;
}
.popup-button-popup-container .display-type {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.popup-button-popup-container .display-type .menu-divider {
  height: 1px;
  background-color: #efefef;
}

#ExternalImagePickerDialog * {
  box-sizing: border-box;
}
#ExternalImagePickerDialog .dialog-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 6px;
  background: #FFFFFF;
  font-size: 16px;
  position: relative;
}
#ExternalImagePickerDialog .dialog-header .btn-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  align-self: flex-start;
}
#ExternalImagePickerDialog .rc-dialog-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2px;
  background-color: #E7E7E7;
  padding: 0;
  position: relative;
  overflow: hidden;
  min-height: 300px;
  width: 91.5%;
  height: 30vh;
  margin: 0 auto;
  border-radius: 6px;
  text-align: center;
}
#ExternalImagePickerDialog .picker-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  flex: 1;
  gap: 8px;
  background: #FFFFFF;
  font-size: 14px;
  padding: 40px 40px 56px;
}
#ExternalImagePickerDialog .picker-container .picker-image {
  height: 48px;
  width: 48px;
}
#ExternalImagePickerDialog .picker-container .picker-name {
  font-size: 18px;
  font-weight: bold;
}
#ExternalImagePickerDialog .picker-container .btn-default {
  margin-top: 8px;
}

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

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

#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 0;
}
#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.rc-mobile-view-light {
  margin-bottom: unset;
}
#UpgradeDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .webshop-dialog-banner .content .slider-text {
  padding: 16px;
  box-sizing: border-box;
}

.webshop-dialog-banner {
  margin-bottom: 32px;
  position: relative;
}
.webshop-dialog-banner .dotted-nav {
  display: flex;
  background-color: transparent;
  flex-wrap: nowrap;
  padding: unset;
  justify-content: unset;
}
.webshop-dialog-banner .dotted-nav div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: #d8d8d8;
}
.webshop-dialog-banner .dotted-nav div:hover {
  background-color: #b7b7b7;
}
.webshop-dialog-banner .dotted-nav div.active {
  background-color: #707070;
}
.webshop-dialog-banner .slider-images, .webshop-dialog-banner .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
}
.webshop-dialog-banner .slider-images {
  margin-bottom: 16px;
}
.webshop-dialog-banner .slider-images .image {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
  transition: transform 0.4s ease, background 0.4s ease;
}
.webshop-dialog-banner .slider-images .image.dummy-data {
  background-color: #EFEFEF !important;
}
.webshop-dialog-banner .slider-images.is-swiping .image {
  transition: unset;
}
.webshop-dialog-banner .slider-images picture {
  height: auto;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 46.1041954818%;
}
.webshop-dialog-banner .slider-images picture img {
  margin: 0;
  padding: 0;
  max-height: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*IE11 :-(*/
  max-width: 16000px;
  height: auto;
  width: 100%;
}
.webshop-dialog-banner .slider-text {
  width: 100%;
  max-width: 668px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
.webshop-dialog-banner .slider-text .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 4px;
  display: inline-block;
  padding-right: 4px;
}
.webshop-dialog-banner .slider-text .labels {
  padding: 16px;
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 800px) {
  .webshop-dialog-banner .slider-text .labels {
    transition: transform 0.4s ease, background 0.4s ease;
  }
}
.webshop-dialog-banner .slider-text h1, .webshop-dialog-banner .slider-text h2, .webshop-dialog-banner .slider-text h3, .webshop-dialog-banner .slider-text p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.webshop-dialog-banner .slider-text h1, .webshop-dialog-banner .slider-text h2 {
  line-height: 31px;
  margin-top: 1px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 6px;
  font-family: "SourceSansPro-Light", sans-serif;
  font-weight: normal;
}
.webshop-dialog-banner .slider-text h3 {
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 18px;
  text-align: center;
}
.webshop-dialog-banner .slider-text p {
  font-size: 14px;
  margin-top: 24px;
  line-height: 18px;
  text-align: left;
  color: #707070;
}
.webshop-dialog-banner .slider-text a {
  position: relative;
}
.webshop-dialog-banner .slider-text a:before {
  left: auto;
  right: -20px;
}

@media only screen and (min-width: 800px) and (orientation: portrait) {
  .webshop-dialog-banner .slider-text {
    margin-top: -66px;
  }
  .webshop-dialog-banner .slider-text p {
    font-size: 12px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
  }
  .webshop-dialog-banner .slider-images .image {
    background-color: #FFFFFF !important;
    background-image: none;
  }
  .webshop-dialog-banner .slider-images picture {
    padding-bottom: 550px;
  }
  .webshop-dialog-banner .slider-images picture img {
    height: calc(140% + 4px);
    top: 44%;
  }
}
@media only screen and (min-width: 1200px) {
  .webshop-dialog-banner .slider-text {
    margin-top: -5.7142857143%;
  }
  .webshop-dialog-banner .slider-images picture {
    padding-bottom: 46.1041954818%;
  }
}
#UpgradeDialog.rc-mobile-view.landscape, #UpgradeDialog.redesign-tablet.landscape {
  display: flex;
  margin: 32px 0;
  justify-content: center;
  align-items: center;
}
#UpgradeDialog.rc-mobile-view.landscape > div, #UpgradeDialog.redesign-tablet.landscape > div {
  height: 100%;
}
#UpgradeDialog.rc-mobile-view.landscape > div .rc-dialog-content, #UpgradeDialog.redesign-tablet.landscape > div .rc-dialog-content {
  height: 100%;
  max-height: unset;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description {
  margin: 0 24px 8px 24px;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description h1, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content .selected-item-description h1 {
  margin-top: 8px;
  margin-bottom: unset;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content.tablet p, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content.tablet p {
  margin-top: 10px;
}
#UpgradeDialog.rc-mobile-view .webshop-dialog-banner-thumbnails-upgrade-dialog .content.phone p, #UpgradeDialog.redesign-tablet .webshop-dialog-banner-thumbnails-upgrade-dialog .content.phone p {
  margin-top: 8px;
}
#UpgradeDialog.rc-mobile-view .content-group-table-row, #UpgradeDialog.redesign-tablet .content-group-table-row {
  margin-top: auto;
  padding: 16px 32px 24px 32px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#UpgradeDialog.rc-mobile-view .content-group-table-row .group-content-button, #UpgradeDialog.redesign-tablet .content-group-table-row .group-content-button {
  margin: unset;
  padding: unset;
}
#UpgradeDialog.rc-mobile-view .content-group-table-row .group-content-button.close button, #UpgradeDialog.redesign-tablet .content-group-table-row .group-content-button.close button {
  border: unset;
}
#UpgradeDialog.redesign-tablet .rc-dialog-wrapper {
  max-width: 480px;
  width: 480px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog {
  width: 100%;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .selected-image {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 446px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .selected-image img {
  max-width: 100%;
  max-height: 100%;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 7px;
  padding: 16px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails.mobile {
  overflow-x: auto;
  flex-wrap: unset;
  padding: 16px 24px;
  gap: 8px;
  scrollbar-width: thin;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails .thumbnail {
  display: flex;
  height: 65px;
  width: 86px;
  justify-content: center;
  align-items: center;
  background: var(--grey, #EFEFEF);
  position: relative;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails .thumbnail.selected {
  border: 2px solid #3669C4;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .images .thumbnails .thumbnail .popular {
  display: flex;
  height: 12px;
  transform: rotate(-15deg);
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: -15px;
  top: -11px;
  border-radius: 32px;
  background: #D9052F;
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description {
  max-width: 668px;
  margin: 0 16px 20px 16px;
  background-color: #FFFFFF;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 4px;
  display: inline-block;
  padding-right: 4px;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description .labels {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 800px) {
  #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description .labels {
    transition: transform 0.4s ease, background 0.4s ease;
  }
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h1, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h2, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h3, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h1, #UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h2 {
  font-weight: 700;
  line-height: 31px;
  margin-top: 1px;
  font-size: 21px;
  margin-bottom: 6px;
  font-family: "SourceSansPro-Light", sans-serif;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description h3 {
  line-height: 20px;
  margin-bottom: 3px;
  font-size: 18px;
  text-align: center;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description p {
  font-size: 14px;
  margin-top: 24px;
  line-height: 18px;
  text-align: left;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description ul {
  font-size: 14px;
  margin-top: 24px;
  line-height: 18px;
  text-align: left;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description ul li {
  margin-left: 24px;
  list-style-type: disc;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description a {
  position: relative;
}
#UpgradeDialog .webshop-dialog-banner-thumbnails-upgrade-dialog .selected-item-description a:before {
  left: auto;
  right: -20px;
}
#UpgradeDialog main.redesign .selected-item-description {
  margin: 0 24px 32px;
}
#UpgradeDialog main.redesign .selected-item-description h1 {
  font-family: "SourceSansPro", sans-serif;
  font-weight: 600;
}

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

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

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

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

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

    padding: 0;
    padding-bottom: 4px;
}*/
.rc-dialog-open .saal-chat,
.rc-dialog-open #ChatwindowPortal,
#Chat {
  filter: unset !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a, a:hover, a:visited {
  text-decoration: none;
  color: unset;
}

.light {
  font-family: "SourceSansPro-Light", sans-serif !important;
}

body {
  background-color: #efefef;
  font-family: "source_sans_pro";
  touch-action: pan-x pan-y;
}
body.rc-dialog-open {
  overflow: hidden;
}

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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

#ArticleSelectionContent {
  min-height: 100vh;
  min-height: 100dvh;
  height: 100vh;
  height: 100dvh;
  position: relative;
  font-family: "source_sans_pro";
}
#ArticleSelectionContent.mobile-view {
  display: none;
}
#ArticleSelectionContent .article-configurator .configurator-name {
  font-family: "SourceSansPro-Light", sans-serif;
}
#ArticleSelectionContent .rc-mobile-view > main {
  flex-direction: column;
  position: relative;
}

body.rc-mobile-view {
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  z-index: 0;
  min-height: 100vh;
}
body.rc-mobile-view > footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}
body.rc-mobile-view > main {
  overflow: unset;
  padding: 16px 16px 76px;
}
body.rc-mobile-view > main.article-selection-wrapper {
  padding: 0 0 76px;
}

.rc-mobile-view {
  z-index: 2;
}
.rc-mobile-view > main {
  flex-direction: column;
  position: relative;
}
.rc-mobile-view > header {
  z-index: 2;
}

#ArticleSelectionMobileView.rc-mobile-view {
  font-family: "source_sans_pro";
}
#ArticleSelectionMobileView.rc-mobile-view main .content-group-table-row.search-bar {
  padding: 8px 0 0;
  box-sizing: border-box;
}
#ArticleSelectionMobileView.rc-mobile-view main .article-selection .content-group-table-row.search-bar {
  padding: 8px 8px 0;
}
#ArticleSelectionMobileView.rc-mobile-view main.promotion-tab-content {
  margin-top: unset;
}
#ArticleSelectionMobileView.rc-mobile-view main .categories-no-result {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ArticleSelectionMobileView.rc-mobile-view footer.mobile-tabs {
  min-height: 80px;
}
#ArticleSelectionMobileView.rc-mobile-view footer.mobile-tabs > div .article-selection-shoppingcart-button div:not(.rc-icon):last-child {
  background-color: #d9052f;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(50%, 50%);
}

.apip-error-alert {
  font-family: "source_sans_pro";
}

b, strong, .error {
  font-weight: bold;
}

em {
  font-style: italic;
}

img, svg {
  width: 100%;
  height: auto;
  display: block;
}

h2 {
  line-height: 27px;
  font-size: 21px;
  font-family: "SourceSansPro-Light", sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 1px;
}

p {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 3px;
}

.rc-mobile-view:not(.saal-chat-view) h2 {
  line-height: 31px;
  font-size: 24px;
}
.rc-mobile-view:not(.saal-chat-view) p {
  line-height: 20px;
  font-size: 16px;
}

ol, ul {
  list-style: none;
}

.apip-error-alert .apip-error-alert-content p {
  font-size: 14px;
  line-height: unset;
}

.show-mobile {
  display: none;
}

@media (max-width: 800px) {
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
}
#LoginViewMobile > div {
  padding: unset;
}

#ArticleSelectionMobileView header.redesign {
  padding: 16px;
}
#ArticleSelectionMobileView header.redesign .header-buttons-wrapper {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}
#ArticleSelectionMobileView header.redesign .header-buttons-wrapper .back-button {
  position: relative;
}
#ArticleSelectionMobileView header.redesign .header-buttons-wrapper .header-buttons-right {
  display: flex;
}
#ArticleSelectionMobileView header.redesign > .back-button {
  left: 16px;
}
#ArticleSelectionMobileView header.redesign.tablet > .back-button {
  left: 32px;
}
#ArticleSelectionMobileView main.article-selection-wrapper.redesign {
  padding: 0;
}
#ArticleSelectionMobileView main.article-selection-wrapper.redesign .article-selection {
  padding: 0 16px;
}
#ArticleSelectionMobileView main.article-selection-wrapper.redesign .article-selection .content-group-table-row.search-bar {
  padding: 0;
}
#ArticleSelectionMobileView main.article-selection-wrapper.redesign.tablet .article-selection {
  padding: 0 32px;
}

#AboutProfessionalAccount .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#AboutProfessionalAccount .checkout-group-content .group-content.group-content-image img {
  width: 100%;
  align-self: center;
}
#AboutProfessionalAccount .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#AboutProfessionalAccount .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#AboutProfessionalAccount .checkout-group-content .group-content.group-content-label {
  display: block;
}
#AboutProfessionalAccount .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
}
#AboutProfessionalAccount .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
#AboutProfessionalAccount .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#AboutProfessionalAccount.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#AboutProfessionalAccount main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#AboutProfessionalAccount main > div > form {
  padding: 0 16px;
  flex: 1;
}
#AboutProfessionalAccount main > div > form .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}

.address-group-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  padding-top: 35px;
  margin: 0 auto;
}
.address-group-wrapper .address-group {
  width: 100%;
}
.address-group-wrapper .address-group .address-group-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.address-group-wrapper .address-group .address-group-list .menu-item-wrapper {
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 6px;
}
.address-group-wrapper .address-group .big-title-label {
  font-weight: bold;
  font-size: 18px;
  color: black;
  margin-bottom: 10px;
}

#OrderAddressListDialog .rc-dialog-content {
  padding: 0;
}
#OrderAddressListDialog .dialog-control {
  margin: 0;
}
#OrderAddressListDialog .account-overview-subview {
  background-color: #ffffff;
  padding: 16px;
}
#OrderAddressListDialog .order-address-list-dialog {
  background-color: #efefef;
}
#OrderAddressListDialog .address-group {
  padding: 0 8px;
}
.complaint-list-table .flat-table-cell.date, .complaint-list-table .group-content.date {
  flex-basis: 150px;
}
.complaint-list-table .flat-table-cell.ticketNumber, .complaint-list-table .group-content.ticketNumber {
  flex-basis: 150px;
}
.complaint-list-table .flat-table-cell.type, .complaint-list-table .group-content.type {
  flex-basis: 150px;
}
.complaint-list-table .flat-table-cell.status, .complaint-list-table .group-content.status {
  flex-basis: 150px;
}
.complaint-list-table .flat-table-cell.reseller, .complaint-list-table .group-content.reseller {
  flex-basis: 200px;
}
.complaint-list-table .flat-table-cell.orderNumber, .complaint-list-table .group-content.orderNumber {
  flex-basis: 200px;
}
.complaint-list-table .flat-table-cell.total, .complaint-list-table .group-content.total {
  flex-basis: 100px;
}
.complaint-list-table .flat-table-cell.user, .complaint-list-table .group-content.user {
  flex: 1;
}
.complaint-list-table .flat-table-cell.tickets, .complaint-list-table .group-content.tickets {
  flex-basis: 100px;
}

#ComplaintAdminView .complaint-admin-detailview {
  background-color: white;
  width: fit-content;
  padding: 16px;
  margin-top: 16px;
}
#ComplaintAdminView .cockpit-complaint-table {
  margin: 16px 0;
}

.rc-mobile-view .complaint-admin-detailview {
  background-color: white;
  padding: 8px;
  margin-top: 16px;
}

#AdminCouponsGroupsList .search-bar-filter-content {
  display: none;
}

#AdminCouponEditDialog.rc-dialog .rc-dialog-wrapper.wide-dialog {
  max-width: 724px;
}
#AdminCouponEditDialog.rc-dialog .ColumnTicketUrl button .rc-icon.sgw-icon.add {
  display: none;
}

.coupons-list-table-wrapper {
  overflow-x: auto;
}

.coupons-list-table .flat-table-cell.CreatedOn, .coupons-list-table .group-content.CreatedOn {
  flex-basis: 100px;
}
.coupons-list-table .flat-table-cell.CouponName, .coupons-list-table .group-content.CouponName {
  flex-basis: 100px;
}
.coupons-list-table .flat-table-cell.couponCode, .coupons-list-table .group-content.couponCode {
  flex-basis: 200px;
}
.coupons-list-table .flat-table-cell.couponStatus, .coupons-list-table .group-content.couponStatus {
  flex-basis: 150px;
}
.coupons-list-table .flat-table-cell.couponUseType, .coupons-list-table .group-content.couponUseType {
  flex-basis: 150px;
}
.coupons-list-table .flat-table-cell.couponAmount, .coupons-list-table .group-content.couponAmount {
  flex-basis: 100px;
}
.coupons-list-table .flat-table-cell.couponMinimumAmount, .coupons-list-table .group-content.couponMinimumAmount {
  flex-basis: 100px;
}
.coupons-list-table .flat-table-cell.couponResellerName, .coupons-list-table .group-content.couponResellerName {
  flex-basis: 350px;
}
.coupons-list-table .flat-table-cell.couponArticleGroup, .coupons-list-table .group-content.couponArticleGroup {
  flex: auto;
}
.coupons-list-table .flat-table-cell.couponExpired, .coupons-list-table .group-content.couponExpired {
  flex-basis: 100px;
}
.coupons-list-table .flat-table-cell.couponExpirationDate, .coupons-list-table .group-content.couponExpirationDate {
  flex-basis: 100px;
}
.coupons-list-table .flat-table-cell.edit, .coupons-list-table .flat-table-cell.editCouponLink, .coupons-list-table .group-content.edit, .coupons-list-table .group-content.editCouponLink {
  flex-basis: 50px;
}

.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.admin-coupon-dialog-scrollable-content {
  padding-bottom: 0;
  margin-bottom: 8px;
}
.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content.admin-coupon-dialog-scrollable-content .rc-component.rc-snackbar.is-opened {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.admin-coupon-content .group-content-label.group-content.lblActive {
  justify-content: right;
}
.admin-coupon-content .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}
.admin-coupon-content .group-content.group-content-horizontal-group > .group-content {
  flex-basis: calc(50% - 8px);
  max-width: calc(50% - 8px);
}
.admin-coupon-content .group-content.group-content-horizontal-group > .group-content.group-content-checkbox {
  flex: unset;
  margin-right: unset;
  padding-right: 32px;
}
.admin-coupon-content .group-content.group-content-horizontal-group.buttons-group > .group-content.group-content-button {
  flex: unset;
  max-width: unset;
}
.admin-coupon-content .admin-coupon-created-modified-line .group-content.group-content-horizontal-group {
  margin-bottom: 8px;
}
.admin-coupon-content .admin-coupon-created-modified-line .group-content.group-content-horizontal-group > div {
  font-weight: normal;
  min-height: unset;
}
.admin-coupon-content .admin-coupon-created-modified-line .group-content.group-content-horizontal-group > div:first-child {
  max-width: 200px;
}
.admin-coupon-content .admin-coupon-created-modified-line .group-content.group-content-horizontal-group:last-child {
  margin-bottom: 16px;
}
.admin-coupon-content .copy-button-line {
  display: flex;
  max-width: calc(100% - 8px);
}
.admin-coupon-content .copy-button-line.copy-button-half-line {
  flex-basis: calc(50% - 8px);
  max-width: calc(50% - 8px);
}
.admin-coupon-content .copy-button-line > *:first-child {
  flex: 1;
}
.admin-coupon-content .copy-button-line .btn-icon.btn-icon-only {
  margin-left: 8px;
}

.content-group-table-row .coupon-create-copy-group .group-content.group-content-input.CreateCopiesQuantity {
  flex: 1;
}
.content-group-table-row .coupon-create-copy-group .group-content-button.btnCreateCopiesSubmit {
  padding: 0;
  flex: unset;
}

.coupons-groups-list-table .flat-table-cell.Name, .coupons-groups-list-table .group-content.Name {
  flex: 1;
}
.coupons-groups-list-table .flat-table-cell.Affix, .coupons-groups-list-table .group-content.Affix {
  flex-basis: 150px;
}
.coupons-groups-list-table .flat-table-cell.GracePeriod, .coupons-groups-list-table .group-content.GracePeriod {
  flex-basis: 150px;
}
.coupons-groups-list-table .flat-table-cell.IsActivated, .coupons-groups-list-table .group-content.IsActivated {
  flex-basis: 150px;
}
.coupons-groups-list-table .flat-table-cell.edit, .coupons-groups-list-table .flat-table-cell.editCouponGroupLink, .coupons-groups-list-table .group-content.edit, .coupons-groups-list-table .group-content.editCouponGroupLink {
  flex-basis: 50px;
}

.admin-coupon-group-dialog-scrollable-content form {
  display: flex;
  flex-direction: column;
}

.order-management-detail-view .order-management-info-table {
  margin: 16px 0;
}
.order-management-detail-view .order-management-info-table .group-content.group-important {
  margin-bottom: unset;
}

.ordermanagement-list-table .flat-table-cell.date, .ordermanagement-list-table .group-content.date {
  flex-basis: 150px;
}
.ordermanagement-list-table .flat-table-cell.orderNumber, .ordermanagement-list-table .group-content.orderNumber {
  flex-basis: 150px;
}
.ordermanagement-list-table .flat-table-cell.reseller, .ordermanagement-list-table .group-content.reseller {
  flex-basis: 300px;
}
.ordermanagement-list-table .flat-table-cell.status, .ordermanagement-list-table .group-content.status {
  flex: 1;
}
.ordermanagement-list-table .flat-table-cell.voucher, .ordermanagement-list-table .group-content.voucher {
  flex-basis: 150px;
}
.ordermanagement-list-table .flat-table-cell.total, .ordermanagement-list-table .group-content.total {
  flex-basis: 100px;
}
.ordermanagement-list-table .flat-table-cell.tickets, .ordermanagement-list-table .group-content.tickets {
  flex-basis: 100px;
}
.ordermanagement-list-table .flat-table-cell.name, .ordermanagement-list-table .group-content.name {
  flex-basis: 200px;
}
.ordermanagement-list-table .flat-table-cell.debitorNumber, .ordermanagement-list-table .group-content.debitorNumber {
  flex-basis: 100px;
}

.ordermanagement-suborders-table .flat-table-cell.orderNumber, .ordermanagement-suborders-table .group-content.orderNumber {
  flex-basis: 150px;
}
.ordermanagement-suborders-table .flat-table-cell.orderStatus, .ordermanagement-suborders-table .group-content.orderStatus {
  flex: auto;
}
.ordermanagement-suborders-table .flat-table-cell.omrc, .ordermanagement-suborders-table .group-content.omrc {
  flex-basis: 100px;
}
.ordermanagement-suborders-table .flat-table-cell.service, .ordermanagement-suborders-table .group-content.service {
  flex-basis: 100px;
}

.ordermanagement-order-history-table .flat-table-cell.date, .ordermanagement-order-history-table .group-content.date {
  flex-basis: 150px;
}
.ordermanagement-order-history-table .flat-table-cell.orderNumber, .ordermanagement-order-history-table .group-content.orderNumber {
  flex-basis: 150px;
}
.ordermanagement-order-history-table .flat-table-cell.orderStatus, .ordermanagement-order-history-table .group-content.orderStatus {
  flex: auto;
}
.ordermanagement-order-history-table .flat-table-cell.omrc, .ordermanagement-order-history-table .group-content.omrc {
  flex-basis: 100px;
}
.ordermanagement-order-history-table .flat-table-cell.service, .ordermanagement-order-history-table .group-content.service {
  flex-basis: 100px;
}
.ordermanagement-order-history-table .flat-table-cell.datacheck, .ordermanagement-order-history-table .group-content.datacheck {
  flex-basis: 200px;
}
.ordermanagement-order-history-table .flat-table-cell.reclamationId, .ordermanagement-order-history-table .group-content.reclamationId {
  flex-basis: 150px;
}
.ordermanagement-order-history-table .flat-table-cell.total, .ordermanagement-order-history-table .group-content.total {
  flex-basis: 100px;
}

.ordermanagement-order-project-log-table .flat-table-cell.date, .ordermanagement-order-project-log-table .group-content.date {
  flex-basis: 150px;
}
.ordermanagement-order-project-log-table .flat-table-cell.user, .ordermanagement-order-project-log-table .group-content.user {
  flex-basis: 150px;
}
.ordermanagement-order-project-log-table .flat-table-cell.ipAddress, .ordermanagement-order-project-log-table .group-content.ipAddress {
  flex-basis: 150px;
}
.ordermanagement-order-project-log-table .flat-table-cell.name, .ordermanagement-order-project-log-table .group-content.name {
  flex-basis: 150px;
}
.ordermanagement-order-project-log-table .flat-table-cell.changes, .ordermanagement-order-project-log-table .group-content.changes {
  flex: auto;
  height: auto;
  overflow: unset;
  padding: 8px 4px;
}
.ordermanagement-order-project-log-table .flat-table-cell.changes > div, .ordermanagement-order-project-log-table .group-content.changes > div {
  white-space: normal;
  overflow: unset;
  text-overflow: unset;
  word-break: break-all;
}

.photoportal-statistics-table .flat-table-cell.type, .photoportal-statistics-table .group-content.type {
  flex-basis: 25%;
  min-width: 300px;
}
.photoportal-statistics-table .flat-table-cell.status, .photoportal-statistics-table .group-content.status {
  flex: auto;
  min-width: 200px;
}

.order-management-detail-position-row {
  background-color: white;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
  position: relative;
  display: flex;
}
.order-management-detail-position-row .order-management-detail-position-row-data {
  display: flex;
  flex: 1;
}
.order-management-detail-position-row .order-management-detail-position-row-data .content-group-table-row .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}
.order-management-detail-position-row .order-management-detail-position-row-footer {
  display: flex;
  justify-content: right;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.order-management-detail-position-row.is-bulk-orderer, .order-management-detail-position-row.is-product-set, .order-management-detail-position-row.is-photo-portal-image-selection {
  display: block;
}
.order-management-detail-position-row.is-bulk-orderer .order-management-detail-position-row-footer, .order-management-detail-position-row.is-product-set .order-management-detail-position-row-footer, .order-management-detail-position-row.is-photo-portal-image-selection .order-management-detail-position-row-footer {
  position: relative;
  inset: unset;
}
.order-management-detail-position-row .order-management-detail-position-image {
  height: 96px;
  width: 96px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-management-detail-position-row .order-management-detail-position-image img {
  height: auto;
  width: auto;
}
.order-management-detail-position-row .order-management-detail-position-image img.landscape {
  width: 100%;
}
.order-management-detail-position-row .order-management-detail-position-image img.portrait {
  height: 100%;
}
.order-management-detail-position-row .order-management-detail-position-amount {
  width: 80px;
  text-align: right;
}
.order-management-detail-position-row .order-management-detail-position-menu {
  width: 80px;
  position: relative;
}
.order-management-detail-position-row .order-management-detail-position-menu .rc-context-menu.rc-context-menu-v2 {
  position: absolute;
  right: 0;
  top: -4px;
}
.order-management-detail-position-row .order-management-detail-position-buy-now .group-content-button.buyAgain {
  margin-bottom: unset;
}
.order-management-detail-position-row .order-management-detail-position-buy-now .group-content-button.buyAgain button {
  padding-right: 16px;
  height: unset;
}
.order-management-detail-position-row .order-management-detail-position-buy-now .group-content-button.buyAgain button .btn-label, .order-management-detail-position-row .order-management-detail-position-buy-now .group-content-button.buyAgain button .rc-icon.sgw-icon:before {
  color: #3669c4;
}
.order-management-detail-position-row .order-management-detail-position-buy-now {
  /*position: absolute;
  right: 16px;
  bottom: 16px;*/
}
.order-management-detail-position-row .order-management-detail-position-summary {
  flex: 1;
  margin-left: 8px;
}
.order-management-detail-position-row .order-management-detail-position-summary .content-group-table-row .group-content-label {
  min-height: unset;
}
.order-management-detail-position-row .order-management-detail-position-amount .content-group-table-row .group-content-label {
  min-height: unset;
}

.order-cockpit-cards-view-item .order-management-detail-position-row {
  display: block;
}

.rc-mobile-view .order-management-detail-position-row {
  background-color: white;
  padding: 16px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 8px;
  position: relative;
}
.rc-mobile-view .order-management-detail-position-row > div {
  display: flex;
}
.rc-mobile-view .order-management-detail-position-row .order-management-detail-position-image {
  height: 96px;
  width: 96px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-mobile-view .order-management-detail-position-row .order-management-detail-position-image img {
  height: auto;
  width: auto;
}
.rc-mobile-view .order-management-detail-position-row .order-management-detail-position-image img.landscape {
  width: 100%;
}
.rc-mobile-view .order-management-detail-position-row .order-management-detail-position-image img.portrait {
  height: 100%;
}
.rc-mobile-view .order-management-detail-position-row .rc-context-menu.rc-context-menu-v2 {
  position: absolute;
  right: 4px;
  top: 8px;
}
.rc-mobile-view .order-management-detail-summary-section {
  background-color: white;
  padding: 16px;
  box-sizing: border-box;
  display: block;
}
.rc-mobile-view .order-management-detail-summary-section .rc-tabcontrol {
  margin-bottom: 16px;
}

#ShoppingCartForm.rc-mobile-view main > div {
  padding: 0 8px;
  box-sizing: border-box;
}

#MobileOrderManagement .data .group-content-link-add {
  margin-bottom: 0;
}
#MobileOrderManagement .data .group-content-link-add .rc-mobile-component.btn-simple {
  height: 36px;
}
#MobileOrderManagement .rc-icon.sgw-icon.add_big {
  display: none;
}

.reclamations-table .flat-table-cell.date, .reclamations-table .group-content.date {
  flex-basis: 100px;
}
.reclamations-table .flat-table-cell.status, .reclamations-table .group-content.status {
  flex-basis: 150px;
}
.reclamations-table .flat-table-cell.type, .reclamations-table .group-content.type {
  flex-basis: 150px;
}
.reclamations-table .flat-table-cell.reclamationId, .reclamations-table .group-content.reclamationId {
  flex-basis: 150px;
}
.reclamations-table .flat-table-cell.reclamation, .reclamations-table .group-content.reclamation {
  flex-basis: 150px;
}
.reclamations-table .flat-table-cell.orderNumber, .reclamations-table .group-content.orderNumber {
  flex-basis: 150px;
}
.reclamations-table .flat-table-cell.total, .reclamations-table .group-content.total {
  flex-basis: 100px;
}

.admin-order-details-summary .group-content-link-add button {
  height: unset;
}
.admin-order-details-summary .btn-icon .sgw-icon.add_big {
  display: none;
}
.admin-order-details-summary .group-content-key-value .group-content-key-value-value {
  word-break: break-all;
}
.admin-order-details-summary .checkout-group-content > .checkout-group-content .group-content.group-content-label {
  min-height: unset;
  margin-bottom: unset;
}
.admin-order-details-summary .checkout-group-content > .checkout-group-content .group-content-horizontal-group {
  margin-bottom: unset;
}
.admin-order-details-summary .checkout-group-content > .checkout-group-content .group-content-chip-wrapper {
  justify-content: flex-start;
}
.admin-order-details-summary .checkout-group-content > .checkout-group-content .group-content-chip-wrapper .group-content.group-content-chip {
  height: unset;
  color: #FFFFFF;
  background-color: #d9052f !important;
  border-radius: unset;
}

.order-management-shipping-state .btn-icon .sgw-icon.add_big {
  display: none;
}
.order-management-shipping-state .group-content-link-add button.btn-icon {
  align-items: end;
}

.page-layout .desktop-main-content#AdminOrderManagementList {
  align-items: unset;
}

.order-cockpit-cards-view .order-cockpit-cards-view-item {
  max-width: 750px;
  margin-bottom: 32px;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-horizontal-group.item-header {
  margin-bottom: 0;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-horizontal-group.item-header .group-content-horizontal-group {
  flex: 0;
  justify-content: right;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-horizontal-group.item-header .group-content-horizontal-group .group-content-label {
  white-space: nowrap;
  color: #676767;
  min-height: unset;
  margin-bottom: 0;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-horizontal-group.item-header.mobile-item-header .group-content-label.date {
  margin-right: 0;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-label.group-content.status {
  flex: 1;
  min-height: unset;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-link-add.group-content.orderNumber {
  flex: 0;
  margin-bottom: 0;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-link-add.group-content.orderNumber button {
  min-height: unset;
  height: auto;
  line-height: unset;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-link-add.group-content.orderNumber .rc-icon.sgw-icon.add_big {
  display: none;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-button.group-content.payNow {
  justify-content: right;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-button.group-content.payNow.button-submit {
  padding: unset;
}
.order-cockpit-cards-view .order-cockpit-cards-view-item .group-content-button.group-content.payNow.rc-mobile-component button {
  width: 100%;
}
.order-cockpit-cards-view .order-management-detail-view .progress-bar-base {
  background-color: #cccccc;
  border-radius: 32px;
}
.order-cockpit-cards-view .order-management-detail-view .progress-bar-base .progress-bar-filled {
  border-radius: 32px;
}

.order-comments-table {
  margin-top: 32px;
}
.order-comments-table .order-comments-row {
  position: relative;
  margin-bottom: 16px;
}
.order-comments-table .order-comments-row .order-comments-row-header .group-content-label {
  min-height: 24px;
}
.order-comments-table .order-comments-row .order-comments-row-buttons {
  position: absolute;
  top: 0;
  right: 0;
}

.address-form-dialog .button-row {
  margin-top: 24px;
}
.address-form-dialog .address-form {
  margin-top: 19px;
}
.address-form-dialog .address-form .form-row, .address-form-dialog .address-form .button-row {
  display: flex;
}
.address-form-dialog {
  /* buttons */
}
.address-form-dialog .address-form .button-row {
  margin-top: 12px;
  align-items: center;
}
.address-form-dialog .address-form .button-row > div {
  flex: auto;
  text-align: center;
}
.address-form-dialog .address-form .button-row > div:first-child {
  text-align: left;
}
.address-form-dialog .address-form .button-row > div:last-child {
  text-align: right;
}
.address-form-dialog .address-form .group-content {
  flex: 1 1 50%;
}
.address-form-dialog .address-form .group-content.group-small {
  flex: 0 0 25%;
}
.address-form-dialog .address-form .group-content.group-small.StreetNumber .rc-error-label {
  left: unset;
  right: 0;
}
.address-form-dialog .address-form .group-content.group-small.StreetNumber .rc-error-label:after {
  left: unset;
  right: 8px;
}
.address-form-dialog .address-form .group-content-radio-group {
  flex: 1;
  display: flex;
}
.address-form-dialog .address-form .group-content-radio-group > div {
  flex: 0 1 auto;
}
.address-form-dialog .address-form .form-row > div {
  margin: 4px;
}
.address-form-dialog .address-form .rc-input > .rc-label-wrapper {
  margin-right: 0;
}
.address-form-dialog {
  /* same as order-button */
}
.address-form-dialog .button-row > div > div {
  font-size: 14px;
  display: inline-block;
  height: auto;
  padding: 10px 32px;
  background-color: #efefef;
  text-align: center;
  cursor: pointer;
}
.address-form-dialog .button-row > div > div:not(.submit):hover {
  background-color: #e3e3e3;
}
.address-form-dialog .button-row > div > div:not(.submit):active {
  background-color: #D8D8D8;
}
.address-form-dialog .address-form-dialog .group-content .rc-select {
  min-width: unset;
  width: 100%;
}

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

.settlements-list-table .flat-table-cell.status, .settlements-list-table .group-content.status {
  flex-basis: 150px;
}
.settlements-list-table .flat-table-cell.country, .settlements-list-table .group-content.country {
  flex-basis: 100px;
}
.settlements-list-table .flat-table-cell.month, .settlements-list-table .group-content.month {
  flex-basis: 150px;
}
.settlements-list-table .flat-table-cell.date, .settlements-list-table .group-content.date {
  flex-basis: 150px;
}
.settlements-list-table .flat-table-cell.orders, .settlements-list-table .group-content.orders {
  flex-basis: 100px;
}
.settlements-list-table .flat-table-cell.buyingPrice, .settlements-list-table .group-content.buyingPrice {
  flex-basis: 150px;
}
.settlements-list-table .flat-table-cell.sellingPrice, .settlements-list-table .group-content.sellingPrice {
  flex-basis: 150px;
}
.settlements-list-table .flat-table-cell.commission, .settlements-list-table .group-content.commission {
  flex-basis: 100px;
}
.settlements-list-table .flat-table-cell.profit, .settlements-list-table .group-content.profit {
  flex-basis: 100px;
}
.settlements-list-table .flat-table-cell.payoutMethod, .settlements-list-table .group-content.payoutMethod {
  flex-basis: 200px;
}
.settlements-list-table .flat-table-cell.user, .settlements-list-table .group-content.user {
  flex: auto;
  min-width: 200px;
}

.settlements-list-view .checkout-group-content .group-content-card .rc-card {
  padding: 8px 16px;
}

.settlements-detail-table .flat-table-cell.date, .settlements-detail-table .group-content.date {
  flex-basis: 100px;
}
.settlements-detail-table .flat-table-cell.article, .settlements-detail-table .group-content.article {
  flex: auto;
}
.settlements-detail-table .flat-table-cell.quantity, .settlements-detail-table .group-content.quantity {
  flex-basis: 100px;
}
.settlements-detail-table .flat-table-cell.buyingPrice, .settlements-detail-table .group-content.buyingPrice {
  flex-basis: 100px;
}
.settlements-detail-table .flat-table-cell.commission, .settlements-detail-table .group-content.commission {
  flex-basis: 100px;
}
.settlements-detail-table .flat-table-cell.userForCommission, .settlements-detail-table .group-content.userForCommission {
  flex-basis: 200px;
}
.settlements-detail-table .flat-table-cell.profit, .settlements-detail-table .group-content.profit {
  flex-basis: 100px;
}
.settlements-detail-table .flat-table-cell.sellingPrice, .settlements-detail-table .group-content.sellingPrice {
  flex-basis: 100px;
}

.admin-users-table .flat-table-cell.createDate, .admin-users-table .group-content.createDate {
  flex-basis: 150px;
}
.admin-users-table .flat-table-cell.userType, .admin-users-table .group-content.userType {
  flex-basis: 150px;
}
.admin-users-table .flat-table-cell.userName, .admin-users-table .group-content.userName {
  flex-basis: 40%;
}
.admin-users-table .flat-table-cell.name, .admin-users-table .group-content.name {
  flex: auto;
}

.mobile-table .userName {
  display: block;
}

.user-management-detail-view-functions .checkout-group-content .group-content-link-add {
  text-align: right;
}
.user-management-detail-view-functions .checkout-group-content .group-content-link-add button.btn-icon .sgw-icon.add_big {
  display: none;
}
.user-management-detail-view-functions .checkout-group-content .group-content.group-content-horizontal-group .group-content-checkbox.cbxChangeDownloadFee, .user-management-detail-view-functions .checkout-group-content .group-content.group-content-horizontal-group .group-content-checkbox.cbxChangeProductFee {
  max-width: unset;
}
.user-management-detail-view-functions .checkout-group-content .group-content.group-content-horizontal-group .group-content-input.numericChangeDownloadFee, .user-management-detail-view-functions .checkout-group-content .group-content.group-content-horizontal-group .group-content-input.numericChangeProductFee {
  max-width: 60px;
}

.rc-mobile-view .user-management-detail-view-functions {
  background-color: white;
  padding: 8px;
  box-sizing: border-box;
}

.cronjobs-list-table-wrapper {
  overflow-x: auto;
}
.cronjobs-list-table-wrapper .cronjobs-list-table {
  min-width: 1600px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.name, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.name {
  flex: auto;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.nextRun, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.nextRun {
  flex-basis: 150px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.type, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.type {
  flex-basis: 200px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.releaseType, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.releaseType {
  flex-basis: 200px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.interval, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.interval {
  flex-basis: 200px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.intervalStartOn, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.intervalStartOn {
  flex-basis: 150px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.status, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.status {
  flex-basis: 200px;
}
.cronjobs-list-table-wrapper .cronjobs-list-table .flat-table-cell.take, .cronjobs-list-table-wrapper .cronjobs-list-table .group-content.take {
  flex-basis: 200px;
}

.cronjobs-history-list-table .flat-table-cell.date, .cronjobs-history-list-table .group-content.date {
  flex-basis: 150px;
}
.cronjobs-history-list-table .flat-table-cell.name, .cronjobs-history-list-table .group-content.name {
  flex-basis: 300px;
}
.cronjobs-history-list-table .flat-table-cell.type, .cronjobs-history-list-table .group-content.type {
  flex-basis: 200px;
}
.cronjobs-history-list-table .flat-table-cell.releaseType, .cronjobs-history-list-table .group-content.releaseType {
  flex-basis: 150px;
}
.cronjobs-history-list-table .flat-table-cell.executedDate, .cronjobs-history-list-table .group-content.executedDate {
  flex-basis: 200px;
}
.cronjobs-history-list-table .flat-table-cell.status, .cronjobs-history-list-table .group-content.status {
  flex-basis: 150px;
}
.cronjobs-history-list-table .flat-table-cell.notificationMessage, .cronjobs-history-list-table .group-content.notificationMessage {
  flex: auto;
  min-width: 300px;
}
.cronjobs-history-list-table .group-content-chip-wrapper {
  flex: unset;
  flex-basis: 150px;
  justify-content: flex-start;
}
.cronjobs-history-list-table .group-content-chip-wrapper .group-content-chip.status.group-content-chip-status {
  min-height: unset;
  flex: unset;
}

#SystemMessagesAddDialog .checkout-group-content .group-content.group-content-horizontal-group .group-content-button, #SystemMessagesDuplicateDialog .checkout-group-content .group-content.group-content-horizontal-group .group-content-button {
  flex: unset;
}

#AdminSystemMessagesListView .desktop-main-content-header.system-messages-view-header, #AdminSystemMessagesDetailView .desktop-main-content-header.system-messages-view-header {
  justify-content: space-between;
}
#AdminSystemMessagesListView .desktop-main-content-header.system-messages-view-header .desktop-content-add-item-button, #AdminSystemMessagesDetailView .desktop-main-content-header.system-messages-view-header .desktop-content-add-item-button {
  position: relative;
  inset: unset;
}
#AdminSystemMessagesListView .system-messages-pagination, #AdminSystemMessagesDetailView .system-messages-pagination {
  display: flex;
  gap: 8px;
}
#AdminSystemMessagesListView .system-messages-pagination .checkout-group-content, #AdminSystemMessagesDetailView .system-messages-pagination .checkout-group-content {
  width: 150px;
}

.system-messages-list-table.flat-table .flat-table-row .flat-table-cell > div, .system-messages-list-table.flat-table .flat-table-row .group-content > div {
  white-space: normal;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.date, .system-messages-list-table.flat-table .flat-table-row .group-content.date {
  flex-basis: 150px;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.internalName, .system-messages-list-table.flat-table .flat-table-row .group-content.internalName {
  flex: auto;
  min-width: 200px;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.status, .system-messages-list-table.flat-table .flat-table-row .group-content.status {
  flex-basis: 200px;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.sendingDate, .system-messages-list-table.flat-table .flat-table-row .group-content.sendingDate {
  flex-basis: 200px;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.reseller, .system-messages-list-table.flat-table .flat-table-row .group-content.reseller {
  flex-basis: 300px;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.usergroup, .system-messages-list-table.flat-table .flat-table-row .group-content.usergroup {
  flex-basis: 300px;
}
.system-messages-list-table.flat-table .flat-table-row .flat-table-cell.receiverSent, .system-messages-list-table.flat-table .flat-table-row .flat-table-cell.receiverOpened, .system-messages-list-table.flat-table .flat-table-row .flat-table-cell.receiver, .system-messages-list-table.flat-table .flat-table-row .group-content.receiverSent, .system-messages-list-table.flat-table .flat-table-row .group-content.receiverOpened, .system-messages-list-table.flat-table .flat-table-row .group-content.receiver {
  flex-basis: 100px;
}

.system-messages-receivers-table .flat-table-cell.date, .system-messages-receivers-table .group-content.date {
  flex-basis: 150px;
}
.system-messages-receivers-table .flat-table-cell.fullName, .system-messages-receivers-table .group-content.fullName {
  flex-basis: 300px;
}
.system-messages-receivers-table .flat-table-cell.email, .system-messages-receivers-table .group-content.email {
  flex: auto;
  min-width: 200px;
}
.system-messages-receivers-table .flat-table-cell.usergroup, .system-messages-receivers-table .group-content.usergroup {
  flex-basis: 300px;
}
.system-messages-receivers-table .flat-table-cell.reseller, .system-messages-receivers-table .group-content.reseller {
  flex-basis: 300px;
}

.system-messages-detail-content.content-group-table-row .system-messages-detail-content-section,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .system-messages-detail-content-section {
  margin-bottom: 16px;
}
.system-messages-detail-content.content-group-table-row .system-messages-detail-content-section button.btn-default, .system-messages-detail-content.content-group-table-row .system-messages-detail-content-section button.btn-action, .system-messages-detail-content.content-group-table-row .system-messages-detail-content-section button.btn-submit,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .system-messages-detail-content-section button.btn-default,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .system-messages-detail-content-section button.btn-action,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .system-messages-detail-content-section button.btn-submit {
  width: 100%;
  justify-content: left;
}
.system-messages-detail-content.content-group-table-row .group-content-chip-wrapper,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-chip-wrapper {
  justify-content: unset;
}
.system-messages-detail-content.content-group-table-row .group-content-horizontal-group > div,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-horizontal-group > div {
  margin-right: unset;
  width: 50%;
  min-height: unset;
}
.system-messages-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add {
  justify-content: unset;
}
.system-messages-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button {
  height: unset;
}
.system-messages-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button .rc-icon.sgw-icon,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button .rc-icon.sgw-icon {
  display: none;
}
.system-messages-detail-content.content-group-table-row .group-content-key-value,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  padding-right: 0;
  margin-bottom: 8px;
  gap: 8px;
}
.system-messages-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-key,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-key {
  width: calc(50% - 8px);
}
.system-messages-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-value,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-value {
  width: 50%;
  font-size: 14px;
}
.system-messages-detail-content.content-group-table-row .labelFunctions,
.rc-mobile-view .system-messages-detail-content.content-group-table-row .labelFunctions {
  font-size: 12px;
  color: #676767;
  min-height: unset;
}
.system-messages-detail-content.content-group-table-row,
.rc-mobile-view .system-messages-detail-content.content-group-table-row {
  /*.key-values-lines {
  		margin-bottom: 8px;

  		.group-content-label {
  				margin-bottom: 0;
  		}

  		.group-content-key-value {
  				display: flex;
  				padding-bottom: 0;
  				margin-bottom: 0;

  				.group-content-key-value-key {
  						width: 50%;
  				}

  				.group-content-key-value-value {
  						font-size: 14px;
  				}
  		}
  }*/
}

.space-quota-dialog .checkout-group-content .group-content.group-content-horizontal-group {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.space-quota-dialog .checkout-group-content .group-content.group-content-key-value {
  display: flex;
  justify-content: space-between;
  padding: unset;
}
.space-quota-dialog .checkout-group-content .group-content.group-content-key-value > p {
  min-height: unset;
}
.space-quota-dialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  line-height: 15px;
  font-size: 14px;
  text-align: right;
}
.space-quota-dialog .checkout-group-content .group-content.group-content-label {
  min-height: unset;
}
.space-quota-dialog .checkout-group-content .group-content.group-content-label:not(.group-important) {
  margin-bottom: 24px;
}
.space-quota-dialog .rc-floating-button {
  flex: unset;
  height: unset;
  align-items: center;
}
.space-quota-dialog .rc-floating-button button {
  width: max-content;
}

#ArtistManagement.account-overview-subview div.content {
  max-width: 65%;
}
#ArtistManagement.account-overview-subview .desktop-main-content-breadcrumb {
  margin-bottom: 16px;
}
#ArtistManagement.account-overview-subview .content-group-table-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 16px;
}
#ArtistManagement.account-overview-subview .content-group-table-row:last-child {
  border-bottom: none;
}
#ArtistManagement.account-overview-subview .group-content-label {
  width: 50%;
}
#ArtistManagement.account-overview-subview .group-content-button {
  flex: 0;
  border-bottom: none;
}
#ArtistManagement.account-overview-subview .group-content-drop-down {
  max-width: 15%;
}

/*
@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;
}
.breadcrumb span strong {
  white-space: nowrap;
}
.breadcrumb span {
  /*&:last-child {
      flex: auto;
  }*/
}
.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;
}

#BuyingSettings .rc-textarea, #BuyingSettings .rc-textarea-v2-container {
  min-height: 278px;
}
#BuyingSettings .rc-textarea textarea, #BuyingSettings .rc-textarea-v2-container textarea {
  width: calc(100% - 4px);
}

.buying-translation-image .group-content-image.group-content img {
  max-height: 150px;
  width: 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;
  }
}*/
.categories-page-cards .article-selection {
  position: relative;
  background-color: #efefef;
  max-width: calc(1206px + 456px);
  margin: 0 auto;
  display: flex;
}

.rc-mobile-view .article-selection .article-selection-content {
  flex: auto;
  padding: 4px 4px 16px;
}
.rc-mobile-view .article-selection .promotion-button {
  background-color: #000000;
  font-size: 14px;
  display: flex;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-image {
  height: 112px;
  width: 112px;
  padding: 8px;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text {
  color: #FFFFFF;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-header {
  display: flex;
  align-items: center;
  height: 36px;
  font-weight: 700;
  flex-shrink: 0;
  align-self: stretch;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-body {
  font-weight: 400;
  display: flex;
  padding: 2px 0px 4px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-more {
  display: flex;
  padding: 5px 0px;
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
}
.rc-mobile-view .article-selection .promotion-button .promotion-button-text .promotion-button-text-more .rc-icon:before {
  color: #FFFFFF;
}

.article-selection-footer {
  flex: 1;
  display: flex;
  max-height: 44px;
  font-size: 12px;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .article-selection-footer {
    background-color: #efefef;
    position: sticky;
    position: -webkit-sticky;
  }
}
.article-selection-footer .footer-price-info {
  text-align: right;
  white-space: nowrap;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
}
.article-selection-footer .footer-price-info a {
  text-decoration: underline;
  font-size: 12px;
}
.article-selection-footer.mobile-footer {
  display: block;
  max-height: unset;
}
.article-selection-footer.mobile-footer .footer-price-info {
  height: 44px;
  align-items: center;
  flex-direction: unset;
}
.article-selection-footer.mobile-footer .language-selector {
  width: 100%;
  margin: 0 4px;
}

.article-selection .article-selection-content {
  flex: 0 1 1206px;
  max-width: 1206px;
  flex-direction: column;
  display: flex;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.article-selection .article-selection-content > div {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  font-size: 16px;
}
.article-selection .article-selection-content > div.three-cols .cardbox {
  flex: 0 1 33.3333%;
}
.article-selection .article-selection-content > div.two-cols .cardbox {
  flex: 0 1 50%;
}
.article-selection .article-selection-content .microsite-banner-caption {
  height: 36px;
  display: none;
  align-items: center;
  justify-content: left;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.article-selection .article-selection-content .project-list-item {
  display: none;
}
@media (max-width: 700px) {
  .article-selection .article-selection-content > div {
    justify-content: center;
  }
}
@media (max-width: 1130px) {
  .article-selection .article-selection-content > div {
    justify-content: center;
  }
}
.article-selection .article-selection-content .cardbox {
  align-self: stretch;
  cursor: pointer;
  padding: 8px;
}
.article-selection .article-selection-content .cardbox .image {
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 6px 6px 0 0;
}
.article-selection .article-selection-content .cardbox .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  display: block;
}
.article-selection .article-selection-content .cardbox .image.custom-image.square img, .article-selection .article-selection-content .cardbox .image.custom-image.portrait img {
  width: unset;
  height: 100%;
}
.article-selection .article-selection-content .cardbox .image .rc-icon.sgw-icon.info {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  padding: unset;
}
.article-selection .article-selection-content .cardbox .image .rc-icon.sgw-icon.info:before {
  font-size: 32px;
  line-height: 32px;
  left: 4px;
  top: 4px;
}
.article-selection .article-selection-content .cardbox.dummy-item {
  min-height: unset;
  height: 0;
  cursor: unset;
}
.article-selection .article-selection-content .cardbox > div {
  background-color: #FFF;
  border-radius: 6px;
}
.article-selection .article-selection-content .cardbox .promotion-label {
  position: absolute;
  top: 16px;
  right: 16px;
  left: unset;
  overflow: unset;
  box-shadow: unset;
}
.article-selection .article-selection-content .cardbox .promotion-label > div {
  display: block;
  padding: 6px 16px;
  color: #ffffff;
  background-color: #d9052f;
  font-size: 12px;
  line-height: 15px;
  border-radius: 120px;
  /*&: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);
  }*/
}
.article-selection .article-selection-content .cardbox.is-mobile .promotion-label {
  font-size: 12px;
  white-space: nowrap;
  top: -4px;
  left: 0;
  margin-left: 50%;
  transform: translateX(-50%);
}
.article-selection .article-selection-content .cardbox.is-mobile .promotion-label > div {
  padding: 4px 8px;
}
.article-selection .cardbox {
  flex: 1;
  min-width: 350px;
  max-width: 402px;
  justify-content: center;
  min-height: 200px;
  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;
}
@media only screen and (max-width: 1600px) {
  .article-selection .cardbox {
    min-width: 310px;
    max-width: 350px;
  }
}
@media only screen and (max-width: 1440px) {
  .article-selection .cardbox {
    min-width: 250px;
    max-width: 310px;
  }
}
@media only screen and (max-width: 1280px) {
  .article-selection .cardbox {
    min-width: 220px;
    max-width: 250px;
  }
}
.article-selection .cardbox {
  /*@media only screen and (max-height:768px) {
      max-width: 260px;
  }*/
}
.article-selection .cardbox.is-mobile {
  flex: 0 0 50%;
  min-width: unset;
  min-height: unset;
  padding: 4px;
}
.article-selection .cardbox.is-mobile .price {
  display: block;
}
.article-selection .cardbox.is-mobile .price .color {
  color: #d9052f;
}
.article-selection .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;
}
.article-selection .cardbox a, .article-selection .cardbox a:active, .article-selection .cardbox a:hover, .article-selection .cardbox a:visited {
  text-decoration: none;
  color: #000;
}
.article-selection .cardbox > div {
  flex: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.article-selection .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));
}
.article-selection .cardbox .labels {
  box-sizing: border-box;
  padding: 24px 8px 25px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 0 0 6px 6px;
}
@media only screen and (max-width: 1600px) {
  .article-selection .cardbox .labels {
    /*min-width: 310px;
    max-width: 350px;*/
    padding: 20px 16px;
  }
}
@media only screen and (max-width: 1440px) {
  .article-selection .cardbox .labels {
    /*min-width: 250px;
    max-width: 310px;*/
    padding: 18px 16px;
  }
}
@media only screen and (max-width: 1280px) {
  .article-selection .cardbox .labels {
    /*min-width: 220px;
    max-width: 250px;*/
    padding: 16px 16px;
  }
}
.article-selection .cardbox.is-mobile .labels {
  padding: 8px 8px;
  text-align: center;
}
.article-selection .cardbox h2, .article-selection .cardbox h3 {
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  margin-bottom: 0;
}
.article-selection .cardbox h2 {
  padding-bottom: 10px;
}
.article-selection .cardbox h2 .price {
  display: block;
}
.article-selection .cardbox h2 .price .color {
  color: #d9052f;
}
.article-selection .cardbox p {
  margin-top: 28px;
  margin-bottom: 0;
}
.article-selection .cardbox ul, .article-selection .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
}
.article-selection .cardbox ul li {
  margin-top: 5px;
  line-height: 22px;
}
.article-selection .cardbox p + p {
  margin-top: 13px;
}
.article-selection .cardbox h3 {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
}
.article-selection .cardbox h3 a {
  position: relative;
  padding-right: 0;
}
.article-selection .cardbox h3 a:before, .article-selection .cardbox h3:hover a:before, .article-selection .cardbox h3:active a:before, .article-selection .cardbox h3:visited a:before {
  font-size: 21px;
  top: -1px;
  left: auto;
  right: -20px;
  line-height: 100%;
}
.article-selection .cardbox .highlight {
  background-color: #D9052F;
  font-weight: normal;
  color: #FFF;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}
.article-selection .microsite-banner {
  box-sizing: border-box;
  min-width: 0;
  flex-wrap: wrap;
  flex: 0 0 456px;
  max-width: 456px;
  align-items: flex-start;
}
.article-selection .microsite-banner .project-list-item {
  margin-bottom: 16px;
}
.article-selection .microsite-banner .microsite-banner-wrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 52px;
}
.article-selection .microsite-banner .microsite-banner-caption {
  color: #2C2C2C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-left: 8px;
}
.article-selection .microsite-banner .project-list-item .context-menu {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: unset !important;
}
@media only screen and (max-width: 1500px) {
  .article-selection .microsite-banner {
    flex: 0 0 400px;
    max-width: 400px;
  }
}
@media only screen and (max-width: 1280px) {
  .article-selection .microsite-banner {
    flex: 0 0 340px;
    max-width: 340px;
  }
}
.article-selection .microsite-banner .continue-last-project-label {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
.article-selection .microsite-banner .cardbox {
  color: #2C2C2C;
  margin: 8px;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  overflow: hidden;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  background-color: white;
  text-align: left;
  min-height: 400px;
  flex-direction: row;
  border-radius: 6px;
}
.article-selection .microsite-banner .cardbox:hover .image:after {
  background-image: none;
}
.article-selection .microsite-banner .cardbox h2, .article-selection .microsite-banner .cardbox h3 {
  text-align: left;
  line-height: 27px;
  margin-top: unset;
}
.article-selection .microsite-banner .cardbox h2 {
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
  padding-bottom: 10px;
  font-weight: bold;
}
.article-selection .microsite-banner .cardbox h2 .price {
  display: block;
}
.article-selection .microsite-banner .cardbox h2 .price .color {
  color: #d9052f;
}
.article-selection .microsite-banner .cardbox p {
  margin-top: unset;
}
.article-selection .microsite-banner.screen-small-height .cardbox {
  height: calc(100vh - 74px);
}
.article-selection .microsite-banner.screen-small-height .content {
  background-color: white;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto;
}
.article-selection .microsite-banner.screen-small-height .slider-images {
  height: max-content;
}
.article-selection .microsite-banner a, .article-selection .microsite-banner a:active, .article-selection .microsite-banner a:hover, .article-selection .microsite-banner a:visited {
  text-decoration: none;
  color: #3669C4;
}
.article-selection .microsite-banner a:before, .article-selection .microsite-banner a:active:before, .article-selection .microsite-banner a:hover:before, .article-selection .microsite-banner a:visited:before {
  color: #3669C4;
}
.article-selection .microsite-banner img {
  width: 100%;
  height: auto;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}
.article-selection .microsite-banner .labels {
  box-sizing: border-box;
  padding: 41px 32px;
  flex: 0 0 100%;
  max-width: 100%;
}
.article-selection .microsite-banner .image {
  overflow: hidden;
  flex: 0 0 100%;
  transition: transform 0.4s ease, background 0.4s ease;
  max-width: 100%;
  background-color: transparent;
}
.article-selection .microsite-banner .is-swiping .image {
  transition: background 0.4s ease;
}
.article-selection .microsite-banner .image:not(.active) {
  background-color: unset !important;
}
.article-selection .microsite-banner .image.color {
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
.article-selection .microsite-banner .slider-images, .article-selection .microsite-banner .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
}
.article-selection .microsite-banner {
  /*.slider-text {
      align-items: center;

  }*/
}
.article-selection .microsite-banner .dotted-nav {
  display: flex;
  background-color: white;
  flex-wrap: nowrap;
  padding-bottom: 36px;
  justify-content: center;
}
.article-selection .microsite-banner .dotted-nav > div {
  border-radius: 50%;
  flex: 0 0 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 4px 4px;
  background-color: #D8d8d8;
}
.article-selection .microsite-banner .dotted-nav > div:hover {
  background-color: #b7b7b7;
}
.article-selection .microsite-banner .dotted-nav > div:active {
  background-color: #a7a7a7;
}
.article-selection .microsite-banner .dotted-nav > div.active {
  background-color: #777777;
}

@media handheld, only screen and (max-width: 1206px) {
  .article-selection .microsite-banner {
    display: none;
  }
  .article-selection .article-selection-content .microsite-banner-caption, .article-selection .article-selection-content .project-list-item {
    display: flex;
  }
}
@media handheld, only screen and (min-width: 1206px) {
  .without-microsite-banner .article-content {
    min-height: 70vh;
    justify-content: center;
    align-items: center;
  }
}
.cardbox.is-phone-tablet {
  border-radius: 6px;
}
.cardbox.is-phone-tablet > div {
  border-radius: 6px;
}
.cardbox.is-phone-tablet > div .labels h2 {
  padding-bottom: unset;
}

main.article-selection-wrapper.redesign .article-selection .article-selection-content {
  padding: 0;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content.phone .project-list-item {
  margin-top: 8px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .project-list-item {
  margin-top: 16px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group {
  justify-content: space-between;
  gap: 16px;
  margin: 16px 0 4px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox {
  padding: 0;
  flex: unset;
  min-width: unset;
  max-width: unset;
  width: calc((100% - 16px) / 2);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15), -2px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.flex-card-list-dummy-item {
  box-shadow: none;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .image {
  padding-bottom: 85%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .image img {
  top: 58%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels {
  padding: 12px 8px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels * {
  font-size: 12px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div, main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div * {
  font-size: 12px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .labels div:first-child {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .promotion-label {
  box-shadow: none;
  left: auto;
  right: 6px;
  top: 6px;
  margin-left: 0;
  transform: none;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox .promotion-label > div {
  background-color: #cc0000;
  padding: 8px;
  border-radius: 24px;
  font-size: 10px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width {
  width: 100%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .image {
  padding-bottom: 69.4444444444%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .image img {
  top: 50%;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels {
  padding: 16px 8px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels h2 * {
  font-size: 16px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels h2 div, main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels h2 div * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .labels div:first-child {
  font-size: 16px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-cards-group .cardbox.full-width .promotion-label > div {
  font-size: 12px;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-selection-footer {
  background-color: #FFFFFF;
  justify-content: start;
}
main.article-selection-wrapper.redesign .article-selection .article-selection-content .article-selection-footer .footer-price-info a {
  font-size: 13px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox {
  width: calc((100% - 32px) / 3);
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .image {
  padding-bottom: 69.4444444444%;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .image img {
  top: 50%;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 * {
  font-size: 16px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div, main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 div * {
  font-size: 14px;
}
main.article-selection-wrapper.redesign.tablet .article-selection .article-selection-content .article-cards-group .cardbox .promotion-label > div {
  font-size: 12px;
}

#ArticleSelectionContent .categories-page-cards .article-selection .article-selection-content .article-cards-group .cardbox .labels h2 {
  padding-bottom: unset;
}

/*
@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;
  }
}*/
.categories-page-cards {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  box-sizing: border-box;
}
.categories-page-cards > * {
  width: 100%;
}
.categories-page-cards.without-microsite-banner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.categories-page-cards.without-microsite-banner .article-selection {
  flex: auto;
}
.categories-page-cards.without-microsite-banner .article-selection.no-results {
  justify-content: center;
}
.categories-page-cards.without-microsite-banner .article-selection .cardbox {
  max-width: 415px;
}
.categories-page-cards.without-microsite-banner .article-selection-content {
  flex: 0 1 calc(1206px + 456px);
  max-width: calc(1206px + 456px);
}
.categories-page-cards.without-microsite-banner .microsite-banner {
  display: none;
}

#CollectionImageApprovalView {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
}
#CollectionImageApprovalView .group-content-horizontal-group .group-content-button {
  flex: 1;
}
#CollectionImageApprovalView .group-content-horizontal-group .group-content-button button {
  width: 100%;
}
#CollectionImageApprovalView .image-approval-close {
  position: absolute;
  left: 8px;
  top: 8px;
}
#CollectionImageApprovalView .image-approval-close button {
  padding: 0;
}
#CollectionImageApprovalView .image-approval-close button .rc-icon:before {
  color: white;
}
#CollectionImageApprovalView .desktop-main-content {
  flex: 1;
  overflow-y: hidden;
  user-select: none;
}
#CollectionImageApprovalView .desktop-main-content > div {
  background-color: black;
  padding: 64px 80px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#CollectionImageApprovalView .desktop-main-content .approve-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50vh - 16px);
}
#CollectionImageApprovalView .desktop-main-content .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
#CollectionImageApprovalView .desktop-main-content .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
#CollectionImageApprovalView .desktop-main-content .approve-previous-button {
  left: 8px;
}
#CollectionImageApprovalView .desktop-main-content .approve-next-button {
  right: 8px;
}
#CollectionImageApprovalView .desktop-detail-content .key-values-lines {
  margin-bottom: 8px;
}
#CollectionImageApprovalView .desktop-detail-content .key-values-lines .group-content-label {
  margin-bottom: 0;
}
#CollectionImageApprovalView .desktop-detail-content .key-values-lines .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
}
#CollectionImageApprovalView .desktop-detail-content .key-values-lines .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
#CollectionImageApprovalView .desktop-detail-content .key-values-lines .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}
#CollectionImageApprovalView .iiz {
  overflow: unset;
}
#CollectionImageApprovalView .iiz__img {
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: calc(100vh - 128px);
}

.mobile-approval-image {
  flex: 1;
  user-select: none;
  margin-bottom: 16px;
}
.mobile-approval-image > div {
  margin: -16px;
  background-color: black;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-approval-image .approve-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50% - 16px);
}
.mobile-approval-image .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.mobile-approval-image .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
.mobile-approval-image .approve-previous-button {
  left: 8px;
}
.mobile-approval-image .approve-next-button {
  right: 8px;
}

/*
@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;
  }
}*/
.content-card.collection-item {
  width: unset;
  height: unset;
  background-color: #ffffff;
  max-width: 260px;
  min-width: 260px;
  flex: 1;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
}
.content-card.collection-item.hidden {
  display: none;
}
.content-card.collection-item.detail-content {
  max-width: unset;
  flex: 0 0 auto;
}
.content-card.collection-item.sort-started {
  border: 2px solid #3669c4;
}
.content-card.collection-item .content-card-image {
  cursor: pointer;
  flex: unset;
  position: relative;
}
.content-card.collection-item .content-card-image .image-tile {
  position: relative;
  padding-top: 66%;
}
.content-card.collection-item .content-card-image .image-tile svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  min-height: 100%;
  display: block;
  object-fit: cover;
}
.content-card.collection-item .content-card-image .collection-item-share-link {
  position: absolute;
  left: 0;
  bottom: 0;
}
.content-card.collection-item .content-card-image .collection-item-share-link .btn-icon.btn-icon-only {
  height: auto;
  width: auto;
  min-height: 26px;
}
.content-card.collection-item .content-card-image .collection-item-share-link .btn-icon.btn-icon-only .rc-icon.sgw-icon {
  height: 16px;
}
.content-card.collection-item .content-card-image .collection-item-share-link .btn-icon.btn-icon-only .rc-icon.sgw-icon:before {
  color: white;
}
.content-card.collection-item .content-card-image .collection-item-share-status {
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.content-card.collection-item .content-card-image .collection-item-share-status .group-content.group-content-chip {
  margin-bottom: 0;
}
.content-card.collection-item .content-card-title {
  cursor: pointer;
}
.content-card.collection-item .content-card-title .group-content-label {
  flex: 1;
  margin-bottom: 0;
  max-width: calc(100% - 36px);
}
.content-card.collection-item .content-card-title .group-content-label div {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 500px) {
  .rc-mobile-view .content-card.collection-item {
    width: 100%;
    height: inherit;
    background-color: #ffffff;
    max-width: unset;
    min-width: unset;
    flex: auto;
  }
}
.rc-mobile-view .mobile-search-header {
  display: flex;
}
.rc-mobile-view .mobile-search-header .search-bar.content-group-table-row {
  padding-top: 0 !important;
  flex: 1;
}
@media only screen and (max-width: 500px) {
  .rc-mobile-view .mobile-search-header .rc-context-menu.rc-context-menu-v2 > button {
    height: 44px;
    width: 44px;
    margin-left: 8px;
  }
}

.project-edit-item .content-group-table-row .group-content-key-value {
  display: flex;
  padding: 4px 0;
  flex-wrap: wrap;
  justify-content: unset;
}
.project-edit-item .content-group-table-row .group-content-key-value .group-content-key-value-key {
  flex-basis: 50%;
}
.project-edit-item .content-group-table-row .group-content-key-value .group-content-key-value-value {
  flex: 1;
  text-align: left;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
}
.project-edit-item .content-group-table-row .group-content-horizontal-group .group-content-key-value .group-content-key-value-key {
  flex-basis: 60%;
  word-break: break-all;
}
.project-edit-item .content-group-table-row .group-content-horizontal-group .group-content-key-value .group-content-key-value-value {
  flex-basis: 40%;
  padding-left: 4px;
  box-sizing: border-box;
}
.project-edit-item .qr-collection-details {
  padding-top: 8px;
  padding-bottom: 4px;
}
.project-edit-item .collection-detail-meta-data {
  margin-bottom: 16px;
}
.project-edit-item .collection-detail-meta-data .inline-share-status {
  display: flex;
  flex-direction: row;
  font-size: 14px;
}
.project-edit-item .collection-detail-meta-data .inline-share-status .key-value-pair-key {
  width: 50%;
  flex-basis: 50%;
}
.project-edit-item .collection-detail-meta-data .inline-share-status .key-value-pair-value {
  width: 50%;
  flex-basis: 50%;
}
.project-edit-item .collection-detail-meta-data .inline-share-status .key-value-pair-value .group-content-chip-wrapper {
  padding-left: unset;
}
.project-edit-item .collection-detail-meta-data .group-content-chip-wrapper {
  justify-content: unset;
  padding-left: 50%;
  box-sizing: border-box;
}
.project-edit-item .collection-detail-meta-data .group-content-key-value {
  display: flex;
  padding: 0;
}
.project-edit-item .collection-detail-meta-data .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
.project-edit-item .collection-detail-meta-data .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
  font-weight: normal;
}
.project-edit-item .mockup-collection-line {
  border-bottom: 1px solid #cccccc;
  align-items: center;
}
.project-edit-item .mockup-collection-line .mockupImage {
  max-width: 64px;
  max-height: 64px;
  width: 64px;
  height: 64px;
}
.project-edit-item .mockup-collection-line .mockupTitle {
  flex: 1;
}
.project-edit-item .mockup-collection-line .rc-context-menu {
  flex: unset;
}

.page-layout .desktop-detail-content .content-card.collection-item {
  padding: 0;
  margin: 0;
}

.button-row-confirm {
  display: flex;
  justify-content: center;
  padding: 16px 0 8px 0;
}

#CollectionsView .collections-header-bar, .rc-mobile-view .collections-header-bar, #PhotoJobDetailView .collections-header-bar {
  display: flex;
  flex-wrap: nowrap;
  min-height: 36px;
}
#CollectionsView .collections-header-bar .pagination, .rc-mobile-view .collections-header-bar .pagination, #PhotoJobDetailView .collections-header-bar .pagination {
  display: flex;
}
#CollectionsView .collections-header-bar .pagination .checkout-group-content, .rc-mobile-view .collections-header-bar .pagination .checkout-group-content, #PhotoJobDetailView .collections-header-bar .pagination .checkout-group-content {
  margin-left: 8px;
  min-width: 130px;
  flex: 1;
}
#CollectionsView .collections-header-bar .collections-empty-recycling-bin button, .rc-mobile-view .collections-header-bar .collections-empty-recycling-bin button, #PhotoJobDetailView .collections-header-bar .collections-empty-recycling-bin button {
  padding-right: 0;
}
#CollectionsView .collections-header-bar-phone, .rc-mobile-view .collections-header-bar-phone, #PhotoJobDetailView .collections-header-bar-phone {
  display: flex;
  flex-wrap: nowrap;
  min-height: 36px;
  flex-direction: column;
}
#CollectionsView .collections-header-bar-phone .collections-empty-recycling-bin, .rc-mobile-view .collections-header-bar-phone .collections-empty-recycling-bin, #PhotoJobDetailView .collections-header-bar-phone .collections-empty-recycling-bin {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}
#CollectionsView .collections-header-bar-phone .pagination, .rc-mobile-view .collections-header-bar-phone .pagination, #PhotoJobDetailView .collections-header-bar-phone .pagination {
  display: flex;
  margin-bottom: 8px;
}
#CollectionsView .collections-header-bar-phone .pagination .rc-pagination, .rc-mobile-view .collections-header-bar-phone .pagination .rc-pagination, #PhotoJobDetailView .collections-header-bar-phone .pagination .rc-pagination {
  padding: unset;
}
#CollectionsView .collections-header-bar-phone .pagination .rc-pagination .rc-mobile-component, .rc-mobile-view .collections-header-bar-phone .pagination .rc-pagination .rc-mobile-component, #PhotoJobDetailView .collections-header-bar-phone .pagination .rc-pagination .rc-mobile-component {
  height: 44px;
}
#CollectionsView .collections-header-bar-phone .pagination .rc-pagination .rc-mobile-component .rc-input-wrapper, .rc-mobile-view .collections-header-bar-phone .pagination .rc-pagination .rc-mobile-component .rc-input-wrapper, #PhotoJobDetailView .collections-header-bar-phone .pagination .rc-pagination .rc-mobile-component .rc-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#CollectionsView .collections-header-bar-phone .pagination .checkout-group-content, .rc-mobile-view .collections-header-bar-phone .pagination .checkout-group-content, #PhotoJobDetailView .collections-header-bar-phone .pagination .checkout-group-content {
  margin-left: 8px;
  min-width: 130px;
  flex: 1;
}
#CollectionsView .sort-btn, .rc-mobile-view .sort-btn, #PhotoJobDetailView .sort-btn {
  margin: 8px 0 8px 0;
}
#CollectionsView .collections-labels, .rc-mobile-view .collections-labels, #PhotoJobDetailView .collections-labels {
  min-height: 36px;
  display: flex;
  align-items: center;
  flex: 1;
}
#CollectionsView .collections-labels.heading, .rc-mobile-view .collections-labels.heading, #PhotoJobDetailView .collections-labels.heading {
  font-weight: bold;
}
#CollectionsView .collections-buttons, .rc-mobile-view .collections-buttons, #PhotoJobDetailView .collections-buttons {
  display: flex;
  gap: 8px;
}
#CollectionsView .collections-buttons button:not(.btn-icon-only), .rc-mobile-view .collections-buttons button:not(.btn-icon-only), #PhotoJobDetailView .collections-buttons button:not(.btn-icon-only) {
  padding: 0 16px 0 0;
}
#CollectionsView .collections-buttons .group-content.group-content-drop-down.imageDisplaySteps, .rc-mobile-view .collections-buttons .group-content.group-content-drop-down.imageDisplaySteps, #PhotoJobDetailView .collections-buttons .group-content.group-content-drop-down.imageDisplaySteps {
  margin-left: 8px;
  margin-bottom: 0;
  min-width: 150px;
}
#CollectionsView.rc-mobile-view .collections-labels, .rc-mobile-view.rc-mobile-view .collections-labels, #PhotoJobDetailView.rc-mobile-view .collections-labels {
  min-height: 44px;
}
#CollectionsView.rc-mobile-view .collections-add-button, .rc-mobile-view.rc-mobile-view .collections-add-button, #PhotoJobDetailView.rc-mobile-view .collections-add-button {
  position: absolute;
  right: 0;
}
#CollectionsView.rc-mobile-view .collections-add-button > *, .rc-mobile-view.rc-mobile-view .collections-add-button > *, #PhotoJobDetailView.rc-mobile-view .collections-add-button > * {
  color: #3669c4;
  padding-right: 0;
}
#CollectionsView .desktop-main-content > div:not(.search-bar), .rc-mobile-view .desktop-main-content > div:not(.search-bar), #PhotoJobDetailView .desktop-main-content > div:not(.search-bar) {
  max-width: unset;
}
#CollectionsView .desktop-main-content .drop-zone-wrapper, #CollectionsView .desktop-main-content .drop-zone, .rc-mobile-view .desktop-main-content .drop-zone-wrapper, .rc-mobile-view .desktop-main-content .drop-zone, #PhotoJobDetailView .desktop-main-content .drop-zone-wrapper, #PhotoJobDetailView .desktop-main-content .drop-zone {
  display: flex;
  flex: auto;
  position: relative;
}
#CollectionsView .collections-add-button, .rc-mobile-view .collections-add-button, #PhotoJobDetailView .collections-add-button {
  margin-bottom: 8px;
}
#CollectionsView .collection-images-list-wrapper, .rc-mobile-view .collection-images-list-wrapper, #PhotoJobDetailView .collection-images-list-wrapper {
  flex: 1;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-header, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-header, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-header {
  display: inline-flex;
  max-height: unset;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-header .btn-add-more-images, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-header .btn-add-more-images, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-header .btn-add-more-images {
  width: auto;
  padding: 8px 32px;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body {
  overflow-y: unset;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-pool-browser, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-pool-browser, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-pool-browser {
  padding: unset;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper {
  width: 113px;
  height: 113px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-basis: unset;
  padding: unset;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper > div, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper > div, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper > div {
  display: flex;
  width: 100%;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper > div > div, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper > div > div, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-sidebar-body .image-item-wrapper > div > div {
  width: 100%;
  height: 100%;
  margin: unset;
}
#CollectionsView .collection-images-list-wrapper .image-pool-sidebar .image-pool-source-selection, .rc-mobile-view .collection-images-list-wrapper .image-pool-sidebar .image-pool-source-selection, #PhotoJobDetailView .collection-images-list-wrapper .image-pool-sidebar .image-pool-source-selection {
  width: unset;
  left: 0;
  top: 36px;
  min-width: 200px;
}
#CollectionsView .collection-images-list-wrapper .edit-toolbar, .rc-mobile-view .collection-images-list-wrapper .edit-toolbar, #PhotoJobDetailView .collection-images-list-wrapper .edit-toolbar {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
}
#CollectionsView .desktop-content-add-item-button.rc-context-menu.rc-context-menu-v2 .context-menu, .rc-mobile-view .desktop-content-add-item-button.rc-context-menu.rc-context-menu-v2 .context-menu, #PhotoJobDetailView .desktop-content-add-item-button.rc-context-menu.rc-context-menu-v2 .context-menu {
  right: unset;
  left: 0;
}
#CollectionsView .desktop-content-add-item-button.rc-context-menu.rc-context-menu-v2 .image-pool-source-selection.drop-down-menu, .rc-mobile-view .desktop-content-add-item-button.rc-context-menu.rc-context-menu-v2 .image-pool-source-selection.drop-down-menu, #PhotoJobDetailView .desktop-content-add-item-button.rc-context-menu.rc-context-menu-v2 .image-pool-source-selection.drop-down-menu {
  min-width: 200px;
}

#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: unset;
}
#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .group-content-carousel {
  display: flex;
}
#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .group-content-carousel.theme .group-content-carousel-item {
  width: calc(33.3333333333% - 4px);
}
#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .group-content-carousel-item {
  width: calc(25% - 6px);
  margin-right: 8px;
}
#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .group-content-carousel-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .group-content-carousel-item:last-child {
  margin-right: unset;
}
#CollectionShareView.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .content-card {
  width: 100%;
}
#CollectionShareView .checkout-group-content .group-content-horizontal-group .group-content-button {
  flex: unset;
}
#CollectionShareView.page-layout main .content-card.card-small {
  height: auto;
}
#CollectionShareView .content-card .content-card-image {
  cursor: pointer;
  position: relative;
  overflow: unset;
}
#CollectionShareView .content-card .content-card-image .image-tile {
  border: 2px solid transparent;
  background-color: #d8d8d8;
}
#CollectionShareView .content-card .content-card-image .image-tile.selected {
  border-color: #3669c4;
}
#CollectionShareView .content-card .content-card-image .image-tile.selected .rc-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
#CollectionShareView .content-card .content-card-image .image-tile.selected .rc-icon:before {
  color: #ffffff;
}
#CollectionShareView .content-card .content-card-title {
  justify-content: center;
  flex: unset;
}
#CollectionShareView .content-group-table-row .shareTitle {
  margin-bottom: 8px;
}
#CollectionShareView .content-group-table-row .group-content.useCollectiveShipping_addressgroup {
  padding-left: 0;
}
#CollectionShareView .content-group-table-row .group-content.useCollectiveShipping_addressgroup > .group-content {
  margin-bottom: 8px;
}
#CollectionShareView .content-group-table-row .sharedLink + .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}
#CollectionShareView .content-group-table-row .sharedLink + .group-content.group-content-horizontal-group .group-content-button {
  width: auto;
  margin-bottom: 8px;
  flex: 0;
}
#CollectionShareView.page-layout main.tablet.portrait .carousel-horizontal-scroll-content {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  scrollbar-width: thin;
  gap: 8px;
}
#CollectionShareView.page-layout main.tablet.portrait .carousel-horizontal-scroll-content .group-content-carousel-item {
  margin-right: unset;
}
#CollectionShareView.page-layout main > div.project-share-view-content {
  padding: 0;
}
#CollectionShareView.page-layout main .group-content.group-content-carousel.mobile-carousel {
  margin-left: -16px;
  margin-right: -16px;
}
#CollectionShareView.page-layout main .group-content.group-content-carousel.mobile-carousel .carousel-horizontal-scroll {
  padding-left: 16px;
}
#CollectionShareView.page-layout main .group-content.group-content-carousel.mobile-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item {
  flex: auto;
  margin-right: 8px;
}
#CollectionShareView.page-layout main .content-card {
  width: 300px;
  height: 230px;
  margin: unset;
}
#CollectionShareView.page-layout main button {
  width: 100%;
  justify-content: left;
}
#CollectionShareView.page-layout main .ql-toolbar button {
  width: unset;
}
#CollectionShareView.page-layout main .input-full-width {
  margin-bottom: 0;
}
#CollectionShareView.page-layout main .input-full-width .group-content.rc-mobile-component.group-content-ident-container {
  margin-bottom: 0;
}
#CollectionShareView.page-layout main .input-full-width .group-content.rc-mobile-component .group-content-input, #CollectionShareView.page-layout main .input-full-width .group-content.rc-mobile-component .group-content-drop-down {
  flex-basis: 100%;
  width: 100%;
  margin-right: 8px;
}
#CollectionShareView.page-layout main .rc-component.rc-input.mobile-numeric button {
  width: 44px;
}
#CollectionShareView.page-layout main .rc-component.rc-input.mobile-numeric .rc-label {
  z-index: 0;
  max-width: 100%;
}

#CollectionEditView main > div {
  padding: 0;
}
#CollectionEditView main .content-card.collection-item {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  max-width: unset;
  max-height: 266px;
  flex: 0 0 auto;
}
#CollectionEditView main .content-group-table-row {
  padding: 16px;
}
#CollectionEditView main .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#CollectionEditView main .content-group-table-row .btn-simple.btn-icon {
  width: 100%;
  justify-content: left;
}

.collection-detail-view .collection-orders-detail-content .group-content.group-content-horizontal-group {
  margin-bottom: 16px;
}
.collection-detail-view .collection-orders-detail-content .group-content.group-content-horizontal-group .group-content.group-content-key-value {
  display: block;
}
.collection-detail-view .collection-orders-detail-content .group-content.group-content-horizontal-group .group-content.group-content-key-value .group-content-key-value-value {
  font-size: 21px;
}
.collection-detail-view .collection-orders-detail-content .group-content.group-content-key-value {
  margin-bottom: 0;
}
.collection-detail-view .collection-orders-detail-content .group-content.group-content-key-value.rc-mobile-component {
  display: flex;
}
.collection-detail-view .collection-orders-detail-content .group-content.group-content-key-value.rc-mobile-component .group-content-key-value-key {
  min-width: 40%;
}

.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path {
  margin-left: -8px;
  margin-top: -8px;
  flex-wrap: nowrap;
  max-width: 100%;
}
.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .rc-icon {
  flex: unset;
}
.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content-label {
  flex: 1;
}
.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content.group-content-label.path {
  white-space: nowrap;
  flex: unset;
  display: flex;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content.group-content-label.path > div {
  display: block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content.group-content-button.rename {
  flex: 1;
}
.page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content.group-content-button.rename button, .page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content.group-content-button.rename button:hover {
  background-color: transparent;
}

.page-layout.rc-mobile-view .content-group-table-row .group-content-horizontal-group.collection-image-path .rc-icon {
  flex: unset;
  height: 36px;
}
.page-layout.rc-mobile-view .content-group-table-row .group-content-horizontal-group.collection-image-path .group-content-label {
  flex: unset;
  height: 36px;
  min-height: unset;
}

#CollectionSetMainImageDialog .rc-dialog-wrapper.wide-dialog {
  max-width: unset;
  width: 90%;
}
#CollectionSetMainImageDialog .rc-dialog-wrapper.wide-dialog .rc-dialog-content {
  height: 90vh;
}

#CollectionsView .collections-list-wrapper, #CollectionSetMainImageDialog .collections-list-wrapper, .rc-mobile-view .collections-list-wrapper, #PhotoJobDetailView .collections-list-wrapper {
  max-width: unset;
  flex: 0;
  position: relative;
  padding-bottom: 8px;
}
#CollectionsView .collection-images-list > div, #CollectionSetMainImageDialog .collection-images-list > div, .rc-mobile-view .collection-images-list > div, #PhotoJobDetailView .collection-images-list > div {
  display: flex;
  flex-wrap: wrap;
}
#CollectionsView .collection-images-list-wrapper, #CollectionSetMainImageDialog .collection-images-list-wrapper, .rc-mobile-view .collection-images-list-wrapper, #PhotoJobDetailView .collection-images-list-wrapper {
  max-width: unset;
  display: flex;
  flex-direction: column;
  flex: auto;
  position: relative;
}
#CollectionsView .collections-list, #CollectionsView .collection-images-list, #CollectionSetMainImageDialog .collections-list, #CollectionSetMainImageDialog .collection-images-list, .rc-mobile-view .collections-list, .rc-mobile-view .collection-images-list, #PhotoJobDetailView .collections-list, #PhotoJobDetailView .collection-images-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: baseline;
  flex: auto;
}
#CollectionsView .collections-list .drop-zone-wrapper, #CollectionsView .collection-images-list .drop-zone-wrapper, #CollectionSetMainImageDialog .collections-list .drop-zone-wrapper, #CollectionSetMainImageDialog .collection-images-list .drop-zone-wrapper, .rc-mobile-view .collections-list .drop-zone-wrapper, .rc-mobile-view .collection-images-list .drop-zone-wrapper, #PhotoJobDetailView .collections-list .drop-zone-wrapper, #PhotoJobDetailView .collection-images-list .drop-zone-wrapper {
  width: 100%;
  height: 100%;
  justify-content: center;
}
#CollectionsView .collection-images-list > div, #CollectionSetMainImageDialog .collection-images-list > div, .rc-mobile-view .collection-images-list > div, #PhotoJobDetailView .collection-images-list > div {
  display: flex;
  flex-direction: row;
}
#CollectionsView .collections-list.collection-items-list-sortable-helper > div, #CollectionSetMainImageDialog .collections-list.collection-items-list-sortable-helper > div, .rc-mobile-view .collections-list.collection-items-list-sortable-helper > div, #PhotoJobDetailView .collections-list.collection-items-list-sortable-helper > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#CollectionsView .carousel-horizontal-scroll-content.collection-items-list-sortable-helper > div, #CollectionSetMainImageDialog .carousel-horizontal-scroll-content.collection-items-list-sortable-helper > div, .rc-mobile-view .carousel-horizontal-scroll-content.collection-items-list-sortable-helper > div, #PhotoJobDetailView .carousel-horizontal-scroll-content.collection-items-list-sortable-helper > div {
  display: inline-flex;
}
#CollectionsView .react-sortable-ghost, #CollectionSetMainImageDialog .react-sortable-ghost, .rc-mobile-view .react-sortable-ghost, #PhotoJobDetailView .react-sortable-ghost {
  opacity: 0;
}
#CollectionsView .react-sortable-invisible, #CollectionSetMainImageDialog .react-sortable-invisible, .rc-mobile-view .react-sortable-invisible, #PhotoJobDetailView .react-sortable-invisible {
  visibility: hidden;
}
#CollectionsView .items-selection-link, #CollectionsView .items-selection-link:active, #CollectionsView .items-selection-link:visited, #CollectionSetMainImageDialog .items-selection-link, #CollectionSetMainImageDialog .items-selection-link:active, #CollectionSetMainImageDialog .items-selection-link:visited, .rc-mobile-view .items-selection-link, .rc-mobile-view .items-selection-link:active, .rc-mobile-view .items-selection-link:visited, #PhotoJobDetailView .items-selection-link, #PhotoJobDetailView .items-selection-link:active, #PhotoJobDetailView .items-selection-link:visited {
  color: #3669c4;
  text-decoration: none;
}
#CollectionsView .collection-image-item, #CollectionSetMainImageDialog .collection-image-item, .rc-mobile-view .collection-image-item, #PhotoJobDetailView .collection-image-item {
  box-sizing: border-box;
  display: flex;
  position: relative;
  cursor: pointer;
  flex-direction: column;
}
#CollectionsView .collection-image-item .collection-image-item-usage-bar, #CollectionSetMainImageDialog .collection-image-item .collection-image-item-usage-bar, .rc-mobile-view .collection-image-item .collection-image-item-usage-bar, #PhotoJobDetailView .collection-image-item .collection-image-item-usage-bar {
  display: flex;
  gap: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: white;
  padding: 2px 4px 2px 2px;
  border-radius: 8px;
  overflow: hidden;
}
#CollectionsView .collection-image-item .collection-image-item-usage-bar:empty, #CollectionSetMainImageDialog .collection-image-item .collection-image-item-usage-bar:empty, .rc-mobile-view .collection-image-item .collection-image-item-usage-bar:empty, #PhotoJobDetailView .collection-image-item .collection-image-item-usage-bar:empty {
  display: none;
}
#CollectionsView .collection-image-item .feedback-icon, #CollectionSetMainImageDialog .collection-image-item .feedback-icon, .rc-mobile-view .collection-image-item .feedback-icon, #PhotoJobDetailView .collection-image-item .feedback-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
#CollectionsView .collection-image-item.hidden, #CollectionSetMainImageDialog .collection-image-item.hidden, .rc-mobile-view .collection-image-item.hidden, #PhotoJobDetailView .collection-image-item.hidden {
  display: none;
}
#CollectionsView .collection-image-item.view-type-1, #CollectionSetMainImageDialog .collection-image-item.view-type-1, .rc-mobile-view .collection-image-item.view-type-1, #PhotoJobDetailView .collection-image-item.view-type-1 {
  flex: 0 0 282px;
  padding: 8px;
  max-width: 298px;
}
#CollectionsView .collection-image-item.view-type-1 > div:first-child, #CollectionSetMainImageDialog .collection-image-item.view-type-1 > div:first-child, .rc-mobile-view .collection-image-item.view-type-1 > div:first-child, #PhotoJobDetailView .collection-image-item.view-type-1 > div:first-child {
  width: 282px;
  min-height: 282px;
  max-height: 282px;
}
#CollectionsView .collection-image-item.view-type-2, #CollectionSetMainImageDialog .collection-image-item.view-type-2, .rc-mobile-view .collection-image-item.view-type-2, #PhotoJobDetailView .collection-image-item.view-type-2 {
  flex: 0 0 168px;
  padding: 4px;
  max-width: 176px;
}
#CollectionsView .collection-image-item.view-type-2 > div:first-child, #CollectionSetMainImageDialog .collection-image-item.view-type-2 > div:first-child, .rc-mobile-view .collection-image-item.view-type-2 > div:first-child, #PhotoJobDetailView .collection-image-item.view-type-2 > div:first-child {
  width: 168px;
  min-height: 168px;
  max-height: 168px;
}
#CollectionsView .collection-image-item.view-type-4, #CollectionSetMainImageDialog .collection-image-item.view-type-4, .rc-mobile-view .collection-image-item.view-type-4, #PhotoJobDetailView .collection-image-item.view-type-4 {
  flex: 0 0 76px;
  padding: 2px;
  max-width: 80px;
}
#CollectionsView .collection-image-item.view-type-4 > div:first-child, #CollectionSetMainImageDialog .collection-image-item.view-type-4 > div:first-child, .rc-mobile-view .collection-image-item.view-type-4 > div:first-child, #PhotoJobDetailView .collection-image-item.view-type-4 > div:first-child {
  width: 76px;
  min-height: 76px;
  max-height: 76px;
  align-items: center;
}
#CollectionsView .collection-image-item.view-type-4 .feedback-icon .circle-container, #CollectionSetMainImageDialog .collection-image-item.view-type-4 .feedback-icon .circle-container, .rc-mobile-view .collection-image-item.view-type-4 .feedback-icon .circle-container, #PhotoJobDetailView .collection-image-item.view-type-4 .feedback-icon .circle-container {
  margin-top: 0;
}
#CollectionsView .collection-image-item > div, #CollectionSetMainImageDialog .collection-image-item > div, .rc-mobile-view .collection-image-item > div, #PhotoJobDetailView .collection-image-item > div {
  position: relative;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  justify-content: center;
}
#CollectionsView .collection-image-item > div.file-name, #CollectionSetMainImageDialog .collection-image-item > div.file-name, .rc-mobile-view .collection-image-item > div.file-name, #PhotoJobDetailView .collection-image-item > div.file-name {
  height: 100%;
  word-break: break-all;
  font-size: 12px;
  align-content: center;
  padding: 6px 2px;
}
#CollectionsView .collection-image-item > div.file-name-qr-code, #CollectionSetMainImageDialog .collection-image-item > div.file-name-qr-code, .rc-mobile-view .collection-image-item > div.file-name-qr-code, #PhotoJobDetailView .collection-image-item > div.file-name-qr-code {
  color: #FFFFFF;
  background-color: #6C9D0D;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 12px;
}
#CollectionsView .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code, #CollectionSetMainImageDialog .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code, .rc-mobile-view .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code, #PhotoJobDetailView .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code {
  position: unset;
  display: unset;
}
#CollectionsView .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code:before, #CollectionSetMainImageDialog .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code:before, .rc-mobile-view .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code:before, #PhotoJobDetailView .collection-image-item > div.file-name-qr-code .rc-icon.sgw-icon.qr_code:before {
  position: unset;
  color: #FFFFFF;
  display: unset;
  font-size: 16px;
}
#CollectionsView .collection-image-item > div.file-name-qr-code .file-name, #CollectionSetMainImageDialog .collection-image-item > div.file-name-qr-code .file-name, .rc-mobile-view .collection-image-item > div.file-name-qr-code .file-name, #PhotoJobDetailView .collection-image-item > div.file-name-qr-code .file-name {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#CollectionsView .collection-image-item.landscape .collection-image-item-item, #CollectionSetMainImageDialog .collection-image-item.landscape .collection-image-item-item, .rc-mobile-view .collection-image-item.landscape .collection-image-item-item, #PhotoJobDetailView .collection-image-item.landscape .collection-image-item-item {
  align-items: flex-end;
}
#CollectionsView .collection-image-item.landscape .collection-image-item-item img, #CollectionSetMainImageDialog .collection-image-item.landscape .collection-image-item-item img, .rc-mobile-view .collection-image-item.landscape .collection-image-item-item img, #PhotoJobDetailView .collection-image-item.landscape .collection-image-item-item img {
  height: auto;
  width: 100%;
  display: flex;
}
#CollectionsView .collection-image-item.portrait .collection-image-item-item, #CollectionSetMainImageDialog .collection-image-item.portrait .collection-image-item-item, .rc-mobile-view .collection-image-item.portrait .collection-image-item-item, #PhotoJobDetailView .collection-image-item.portrait .collection-image-item-item {
  height: 168px;
  align-items: flex-end;
}
#CollectionsView .collection-image-item.portrait .collection-image-item-item img, #CollectionSetMainImageDialog .collection-image-item.portrait .collection-image-item-item img, .rc-mobile-view .collection-image-item.portrait .collection-image-item-item img, #PhotoJobDetailView .collection-image-item.portrait .collection-image-item-item img {
  height: 100%;
  width: unset !important;
}
#CollectionsView .collection-image-item.is-main-image :after, #CollectionSetMainImageDialog .collection-image-item.is-main-image :after, .rc-mobile-view .collection-image-item.is-main-image :after, #PhotoJobDetailView .collection-image-item.is-main-image :after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../Img/noImage.png);
  background-size: cover;
}
#CollectionsView .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component, #CollectionSetMainImageDialog .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component, .rc-mobile-view .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component, #PhotoJobDetailView .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component {
  flex: unset;
}
#CollectionsView .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add, #CollectionSetMainImageDialog .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add, .rc-mobile-view .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add, #PhotoJobDetailView .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add {
  flex: unset;
}
#CollectionsView .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon, #CollectionSetMainImageDialog .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon, .rc-mobile-view .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon, #PhotoJobDetailView .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon {
  display: none;
}
#CollectionsView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component, #CollectionSetMainImageDialog main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component, .rc-mobile-view main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component, #PhotoJobDetailView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .rc-label-component {
  flex: unset;
  justify-content: flex-end;
}
#CollectionsView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add, #CollectionSetMainImageDialog main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add, .rc-mobile-view main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add, #PhotoJobDetailView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add {
  flex: unset;
}
#CollectionsView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button, #CollectionSetMainImageDialog main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button, .rc-mobile-view main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button, #PhotoJobDetailView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button {
  align-items: unset;
  min-height: unset;
  height: auto;
}
#CollectionsView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon, #CollectionSetMainImageDialog main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon, .rc-mobile-view main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon, #PhotoJobDetailView main .collection-search-in-all-locations.content-group-table-row .group-content-horizontal-group .group-content.group-content-link-add button .rc-icon.sgw-icon {
  display: none;
}
#CollectionsView main > div, #CollectionSetMainImageDialog main > div, .rc-mobile-view main > div, #PhotoJobDetailView main > div {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  flex: auto;
}
#CollectionsView main .content-card, #CollectionSetMainImageDialog main .content-card, .rc-mobile-view main .content-card, #PhotoJobDetailView main .content-card {
  width: 100%;
  margin-right: 0;
}
@media only screen and (max-width: 900px) and (min-width: 500px) {
  #CollectionsView main .content-card, #CollectionSetMainImageDialog main .content-card, .rc-mobile-view main .content-card, #PhotoJobDetailView main .content-card {
    margin-right: 4px;
  }
  #CollectionsView main .content-card:nth-child(even), #CollectionSetMainImageDialog main .content-card:nth-child(even), .rc-mobile-view main .content-card:nth-child(even), #PhotoJobDetailView main .content-card:nth-child(even) {
    margin-right: 0;
    margin-left: 4px;
  }
}
#CollectionsView main .group-content-carousel-item .content-card, #CollectionSetMainImageDialog main .group-content-carousel-item .content-card, .rc-mobile-view main .group-content-carousel-item .content-card, #PhotoJobDetailView main .group-content-carousel-item .content-card {
  width: 343px;
}
#CollectionsView main .collection-image-item.view-type-1, #CollectionSetMainImageDialog main .collection-image-item.view-type-1, .rc-mobile-view main .collection-image-item.view-type-1, #PhotoJobDetailView main .collection-image-item.view-type-1 {
  flex: 0 0 282px;
}
#CollectionsView main .collection-image-item.view-type-1 > div:first-child, #CollectionSetMainImageDialog main .collection-image-item.view-type-1 > div:first-child, .rc-mobile-view main .collection-image-item.view-type-1 > div:first-child, #PhotoJobDetailView main .collection-image-item.view-type-1 > div:first-child {
  width: 282px;
  height: 282px;
}
#CollectionsView main .collection-image-item.view-type-2, #CollectionSetMainImageDialog main .collection-image-item.view-type-2, .rc-mobile-view main .collection-image-item.view-type-2, #PhotoJobDetailView main .collection-image-item.view-type-2 {
  flex: 0 0 168px;
}
#CollectionsView main .collection-image-item.view-type-2 > div:first-child, #CollectionSetMainImageDialog main .collection-image-item.view-type-2 > div:first-child, .rc-mobile-view main .collection-image-item.view-type-2 > div:first-child, #PhotoJobDetailView main .collection-image-item.view-type-2 > div:first-child {
  width: 168px;
  height: 168px;
}
@media only screen and (max-width: 500px) {
  #CollectionsView main .collection-image-item.view-type-2, #CollectionSetMainImageDialog main .collection-image-item.view-type-2, .rc-mobile-view main .collection-image-item.view-type-2, #PhotoJobDetailView main .collection-image-item.view-type-2 {
    flex: 0 0 auto;
    flex-basis: calc((100vw - 32px) / 2);
    max-width: calc((100vw - 32px) / 2);
  }
  #CollectionsView main .collection-image-item.view-type-2 > div:first-child, #CollectionSetMainImageDialog main .collection-image-item.view-type-2 > div:first-child, .rc-mobile-view main .collection-image-item.view-type-2 > div:first-child, #PhotoJobDetailView main .collection-image-item.view-type-2 > div:first-child {
    width: calc((100vw - 32px) / 2);
    height: calc((100vw - 32px) / 2);
    max-width: 100%;
  }
}
#CollectionsView main .collection-image-item.view-type-4, #CollectionSetMainImageDialog main .collection-image-item.view-type-4, .rc-mobile-view main .collection-image-item.view-type-4, #PhotoJobDetailView main .collection-image-item.view-type-4 {
  flex: 0 0 76px;
}
#CollectionsView main .collection-image-item.view-type-4 > div:first-child, #CollectionSetMainImageDialog main .collection-image-item.view-type-4 > div:first-child, .rc-mobile-view main .collection-image-item.view-type-4 > div:first-child, #PhotoJobDetailView main .collection-image-item.view-type-4 > div:first-child {
  width: 76px;
  height: 76px;
  max-width: 100%;
}
#CollectionsView main .collections-buttons, #CollectionSetMainImageDialog main .collections-buttons, .rc-mobile-view main .collections-buttons, #PhotoJobDetailView main .collections-buttons {
  display: flex;
  align-items: center;
}
#CollectionsView main .mobile-add-button, #CollectionSetMainImageDialog main .mobile-add-button, .rc-mobile-view main .mobile-add-button, #PhotoJobDetailView main .mobile-add-button {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1;
  padding-bottom: 24px;
  display: inline-flex;
  bottom: 60px;
  top: auto;
  box-sizing: border-box;
  align-self: flex-end;
}
#CollectionsView main .mobile-add-button > button, #CollectionSetMainImageDialog main .mobile-add-button > button, .rc-mobile-view main .mobile-add-button > button, #PhotoJobDetailView main .mobile-add-button > button {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #3669c4;
  font-size: 16px;
  pointer-events: all;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.35);
  padding: unset;
}
#CollectionsView main .mobile-add-button > button:active, #CollectionSetMainImageDialog main .mobile-add-button > button:active, .rc-mobile-view main .mobile-add-button > button:active, #PhotoJobDetailView main .mobile-add-button > button:active {
  background-color: #6c9d0d;
  color: #ffffff;
  pointer-events: all;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}
#CollectionsView main .mobile-add-button > button .rc-icon, #CollectionSetMainImageDialog main .mobile-add-button > button .rc-icon, .rc-mobile-view main .mobile-add-button > button .rc-icon, #PhotoJobDetailView main .mobile-add-button > button .rc-icon {
  margin: unset;
}
#CollectionsView main .mobile-add-button > button .rc-icon:before, #CollectionSetMainImageDialog main .mobile-add-button > button .rc-icon:before, .rc-mobile-view main .mobile-add-button > button .rc-icon:before, #PhotoJobDetailView main .mobile-add-button > button .rc-icon:before {
  color: #FFFFFF;
}

.collection-carousel-wrapper.content-group-table-row {
  width: 100%;
}
.collection-carousel-wrapper.content-group-table-row .group-content.group-content-carousel {
  margin-left: -16px;
  margin-right: -16px;
}
.collection-carousel-wrapper.content-group-table-row .group-content.group-content-carousel .carousel-horizontal-scroll {
  padding-left: 16px;
}
.collection-carousel-wrapper.content-group-table-row .group-content.group-content-carousel .carousel-horizontal-scroll .carousel-horizontal-scroll-content .group-content-carousel-item {
  flex: auto;
  margin-right: 8px;
}

.collection-members-list .group-content-horizontal-group, .collection-attached-projects-list .group-content-horizontal-group {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 4px;
  margin-bottom: 4px;
  position: relative;
  flex-wrap: nowrap !important;
}
.collection-members-list .group-content-horizontal-group:last-child, .collection-attached-projects-list .group-content-horizontal-group:last-child {
  border-bottom: none;
}
.collection-members-list .group-content-horizontal-group .group-content-avatar.group-content, .collection-attached-projects-list .group-content-horizontal-group .group-content-avatar.group-content {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
}
.collection-members-list .group-content-horizontal-group .group-content-avatar.group-content .rc-avatar, .collection-attached-projects-list .group-content-horizontal-group .group-content-avatar.group-content .rc-avatar {
  width: 32px;
  height: 32px;
}
.collection-members-list .group-content-horizontal-group .group-content-avatar.group-content .avatar-from-text > span, .collection-attached-projects-list .group-content-horizontal-group .group-content-avatar.group-content .avatar-from-text > span {
  font-size: 14px;
}
.collection-members-list .group-content-horizontal-group .rc-context-menu.rc-context-menu-v2, .collection-attached-projects-list .group-content-horizontal-group .rc-context-menu.rc-context-menu-v2 {
  width: unset;
  flex: 0 0 25px;
}
.collection-members-list .group-content-horizontal-group > .group-content-button.buttonDelete, .collection-attached-projects-list .group-content-horizontal-group > .group-content-button.buttonDelete {
  flex: unset;
}

.collection-attached-projects-list .group-content-horizontal-group .group-content-label {
  flex: auto;
}

.collection-share-view-content {
  padding: 16px;
  box-sizing: border-box;
  position: relative;
}

#CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 0 0 16px;
}
#CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .group-content-radio-group-content {
  display: flex;
}
#CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .group-content-image.group-content.previewImage {
  height: 180px;
  margin-bottom: 8px;
}
#CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .group-content-image.group-content.previewImage img {
  max-height: 100%;
  width: auto;
}
#CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .downloadPDF button.btn-simple.btn-icon, #CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .downloadSheet button.btn-simple.btn-icon {
  background-color: white;
}
#CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .downloadPDF button.btn-simple.btn-icon:hover, #CollectionDownloadCaptionData.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content .downloadSheet button.btn-simple.btn-icon:hover {
  background-color: white;
}

.expandable {
  margin-bottom: 8px;
  background: #ffffff;
}
.expandable:last-child {
  margin-bottom: 0;
}
.expandable .expandable-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  min-height: 36px;
  padding-right: 8px;
  box-sizing: border-box;
}
.expandable .expandable-header > div {
  display: flex;
}
.expandable .expandable-header .expandable-header-left .expandable-name {
  display: flex;
  align-items: center;
}
.expandable .expandable-header .expandable-header-left .expandable-name > span {
  white-space: normal;
}
.expandable .expandable-items {
  padding: 8px 16px 16px;
  display: flex;
  flex-wrap: wrap;
}
.expandable .expandable-items .collection-image-item {
  cursor: unset !important;
}
.expandable .expandable-items .more-items-button {
  height: auto;
  aspect-ratio: 1/1;
}
.expandable .expandable-items .more-items-button button.btn-simple.btn-icon {
  display: block;
  height: 100%;
  padding: unset;
}
.expandable .expandable-items .more-items-button button.btn-simple.btn-icon .sgw-icon {
  margin-right: unset;
}
.expandable .expandable-items .more-items-button.view-type-2 button {
  font-size: 16px;
  line-height: 22px;
}
.expandable .expandable-items .more-items-button.view-type-2 button .sgw-icon {
  width: 38px;
  height: 38px;
}
.expandable .expandable-items .more-items-button.view-type-2 button .sgw-icon:before {
  font-size: 34px;
  width: 38px;
  height: 38px;
  line-height: 38px;
}
.expandable .expandable-items .more-items-button.view-type-1 button {
  font-size: 18px;
  line-height: 24px;
}
.expandable .expandable-items .more-items-button.view-type-1 button .sgw-icon {
  width: 50px;
  height: 50px;
}
.expandable .expandable-items .more-items-button.view-type-1 button .sgw-icon:before {
  font-size: 46px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.expandable .expand-mobile {
  padding: unset;
}
.expandable .expandable-name {
  font-weight: bold;
  white-space: nowrap;
}
.expandable .expandable-status {
  color: #FFFFFF;
  align-self: center;
  display: unset;
  margin-left: 8px;
}
.expandable .expandable-status .group-content-chip-wrapper {
  display: unset;
}
.expandable .expandable-status .group-content-chip-wrapper .group-content-chip-status {
  padding: 2px 4px 2px 4px;
  display: unset;
  font-size: 12px;
  border-radius: 4px;
  line-height: 15px;
}
.expandable .subgallery-edit {
  background-color: #FFFFFF;
}
.expandable .subgallery-edit .group-content-button {
  background-color: #FFFFFF;
}
.expandable .subgallery-edit .group-content-button .btn-simple {
  background-color: #FFFFFF;
  padding: 0 8px 0 8px;
}
.expandable .subgallery-edit .group-content-button .btn-simple .rc-icon {
  margin-right: 0;
}

.drop-zone-wrapper-qr {
  flex: unset !important;
}

.collection-table-label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 25px;
}

.collection-table-description {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
}

.collection-table-link {
  display: flex;
  font-weight: bold;
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

.qr-contacts-table-wrapper {
  flex: 1;
  max-height: 100%;
  overflow-y: auto;
}

.qr-contacts-table-scrollable-wrapper {
  overflow-x: auto;
  max-width: 100%;
}

.qr-contacts-table {
  min-width: 1300px;
}
.qr-contacts-table .flat-table-header {
  cursor: pointer;
}
.qr-contacts-table .flat-table-cell.galleryName, .qr-contacts-table .group-content.galleryName {
  flex-basis: 150px;
  cursor: pointer;
}
.qr-contacts-table .flat-table-cell.date, .qr-contacts-table .group-content.date {
  flex-basis: 100px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.fullName, .qr-contacts-table .group-content.fullName {
  flex-basis: 250px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.email, .qr-contacts-table .group-content.email {
  flex-basis: 250px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.zipCode, .qr-contacts-table .group-content.zipCode {
  flex-basis: 100px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.city, .qr-contacts-table .group-content.city {
  flex-basis: 150px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.contactGroup, .qr-contacts-table .group-content.contactGroup {
  flex-basis: 150px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.total, .qr-contacts-table .group-content.total {
  flex-basis: 100px;
  cursor: unset;
}
.qr-contacts-table .flat-table-cell.edit, .qr-contacts-table .group-content.edit {
  flex-basis: 50px;
  cursor: pointer;
}

.order-position-flat-table-wrapper.collection-flat-table-wrapper {
  background-color: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table {
  min-width: 1000px;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.date, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.date {
  flex-basis: 100px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.orderNumber, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.orderNumber {
  flex-basis: 150px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.invoiceNumber, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.invoiceNumber {
  flex-basis: 150px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.orderStatus, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.orderStatus {
  flex-basis: 150px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.orderType, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.orderType {
  flex-basis: 150px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.total, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.total {
  flex-basis: 100px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.profit, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.profit {
  flex-basis: 100px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.galleryName, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.galleryName {
  flex-basis: 150px;
  cursor: pointer;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.name, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.name {
  flex-basis: 200px;
  cursor: unset;
}
.order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .flat-table-cell.edit, .order-position-flat-table-wrapper.collection-flat-table-wrapper .orders-table .group-content.edit {
  flex-basis: 50px;
  cursor: pointer;
}

.qrcodes-table .flat-table-cell.date, .qrcodes-table .group-content.date {
  flex-basis: 100px;
}
.qrcodes-table .flat-table-cell.amount, .qrcodes-table .group-content.amount {
  flex-basis: 200px;
}
.qrcodes-table .flat-table-cell.downloadLink, .qrcodes-table .group-content.downloadLink {
  flex-basis: 200px;
}

.mobile-detail-header {
  display: flex;
  flex-direction: column;
  align-content: center;
  margin: 5px;
  background-color: #EFEFEF;
}
.mobile-detail-header .mobile-page-title {
  margin: 8px;
  font-weight: bold;
}
.mobile-detail-header .rc-pagination {
  margin: 8px;
  display: flex;
  justify-content: left;
}
.mobile-detail-header input {
  display: flex;
  align-self: center;
}

.contacts-detail-btn {
  margin-bottom: 8px;
}

.controls-group-row {
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 8px;
}

.btn-apply-description {
  margin-top: 8px;
}

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

.stepper-vertical-orientation {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.stepper-horizontal-orientation {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.mobile-detail-tabs-content {
  background-color: #EFEFEF;
  padding: 0 8px;
  height: 100%;
}

.extra-top-padding {
  padding-top: 8px;
}

#qr-mobile-background {
  background-color: #EFEFEF;
}

.content-padded {
  padding: 8px;
}

.new-collection-title {
  font-weight: bold;
}

.zoom-image-dialog .rc-dialog-wrapper {
  justify-content: center;
}
.zoom-image-dialog .rc-dialog-wrapper .rc-dialog-content {
  padding: unset;
  max-height: 100%;
  max-width: 100%;
  overflow: unset;
  flex-direction: unset;
  box-shadow: unset;
  position: relative;
  background-color: unset;
}
.zoom-image-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  background: unset;
  position: fixed;
  top: 16px;
  left: 16px;
  margin: unset;
  border-bottom: unset;
}
.zoom-image-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-control .close-button .btn-simple.btn-icon.btn-icon-only .rc-icon.sgw-icon.close:before {
  color: #ffffff;
}
.zoom-image-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  max-height: 100%;
  align-items: center;
}
.zoom-image-dialog .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  overflow: unset;
}

.key-value-pair {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  align-items: center;
}
.key-value-pair .key-value-pair-key {
  width: 50%;
  flex-basis: 50%;
}
.key-value-pair .key-value-pair-value {
  width: 50%;
  flex-basis: 50%;
  display: flex;
  align-items: center;
}
.key-value-pair .key-value-pair-value .group-content-link-add {
  margin-bottom: unset;
}
.key-value-pair .key-value-pair-value .group-content-chip-wrapper {
  padding-left: unset;
}
.key-value-pair .key-value-pair-value .rc-icon.sgw-icon.add_big {
  display: none;
}

.image-detail-tab-contents {
  margin-top: 8px;
}

#CollectionDeleteDialog .checkout-group-content .group-content.group-content-horizontal-group {
  justify-content: center;
}
#CollectionDeleteDialog .checkout-group-content .group-content.group-content-horizontal-group > * {
  flex: unset;
}

.page-layout .desktop-detail-content.floating-detail-content.collection-image-detail-view .detail-content-header {
  padding-left: unset;
}
.page-layout .desktop-detail-content.floating-detail-content.collection-image-detail-view .floating-detail-content-close-button {
  display: none;
}

#AddCollectionMobileDialog.phone main > div {
  height: unset;
}
#AddCollectionMobileDialog.phone main > div .form-footer-buttons {
  display: inline-flex;
  bottom: 0;
  top: auto;
  box-sizing: border-box;
  position: sticky;
  align-self: center;
  justify-content: center;
  padding-bottom: 8px;
  padding-top: unset;
}
#AddCollectionMobileDialog.phone main > div .form-footer-buttons button {
  margin-left: unset;
  margin-right: unset;
  border-radius: 22px;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.35);
}
#AddCollectionMobileDialog.tablet.portrait main > div {
  height: unset;
}
#AddCollectionMobileDialog main {
  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;
  }
}*/
.rc-dialog.rc-dialog-confirm .rc-dialog-wrapper {
  min-width: 320px;
  max-width: 446px;
  width: 375px;
}
.rc-dialog.rc-dialog-confirm .rc-dialog-wrapper .rc-dialog-content {
  width: 100%;
}
.rc-dialog .rc-dialog-wrapper {
  max-width: 672px;
  min-width: 320px;
}
@media only screen and (max-width: 704px) {
  .rc-dialog .rc-dialog-wrapper {
    margin: 16px 16px;
  }
}

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

#DesignTypeSelectionDialog.rc-dialog .rc-dialog-wrapper {
  min-width: unset;
  max-width: unset;
  width: fit-content;
}
#DesignTypeSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  background-color: transparent;
  box-shadow: unset;
}
#DesignTypeSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content .design-type-selection-content {
  display: flex;
}
#DesignTypeSelectionDialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content .cardbox {
  margin: 0 8px;
  background-color: #ffffff;
}
#DesignTypeSelectionDialog.page-layout main > .project-list-items {
  padding: 8px;
}
#DesignTypeSelectionDialog.page-layout main > .project-list-items .project-list-item {
  padding: 8px;
}
#DesignTypeSelectionDialog.page-layout main > .project-list-items .project-list-item .project-list-item-image {
  overflow: hidden;
}
#DesignTypeSelectionDialog.page-layout main > .project-list-items .project-list-item .project-list-item-image img {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#DesignTypeSelectionDialog.page-layout main > .project-list-items .project-list-item .project-list-item-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#DesignTypeSelectionDialog.page-layout main > .project-list-items .project-list-item .project-list-item-data .project-list-item-title {
  font-weight: bold;
  font-size: 18px;
  min-height: 36px;
}
#DesignTypeSelectionDialog .cardbox {
  cursor: pointer;
}

.rc-mobile-view main form {
  display: flex;
  flex-direction: column;
}
.rc-mobile-view header .content-add-item-button {
  position: absolute;
  right: 0;
}
.rc-mobile-view header .content-add-item-button .btn-simple {
  padding-right: 16px;
}
.rc-mobile-view header .content-add-item-button .btn-simple .btn-label {
  color: #3669c4;
}

.flex-layout-view .content-add-item-button {
  position: fixed;
  right: 32px;
  bottom: 32px;
}
.flex-layout-view .content-add-item-button .btn-icon.btn-icon-only {
  height: 44px;
  width: 44px;
  border-radius: 50%;
}
.flex-layout-view .content-add-item-button .btn-icon.btn-icon-only .sgw-icon:before {
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}

#ArticleSelectionMobileView.rc-mobile-view main .rc-component.rc-snackbar {
  position: fixed;
  bottom: 80px;
  width: unset;
}
#ArticleSelectionMobileView.rc-mobile-view main .mobile-content-search-header {
  display: flex;
  gap: 8px;
}
#ArticleSelectionMobileView.rc-mobile-view main .mobile-content-search-header .content-group-table-row.search-bar {
  padding: 0;
  flex: 1;
}
#ArticleSelectionMobileView.rc-mobile-view main .mobile-content-search-header .content-group-table-row.search-bar + div {
  margin-right: 8px;
}
#ArticleSelectionMobileView.rc-mobile-view main .mobile-content-search-header .rc-context-menu.rc-context-menu-v2 {
  height: 44px;
  width: 44px;
  flex: 0;
}
#ArticleSelectionMobileView.rc-mobile-view main .mobile-content-search-header .rc-context-menu.rc-context-menu-v2 .rc-mobile-component.btn-icon.btn-icon-only {
  width: 44px;
  height: 44px;
}
#ArticleSelectionMobileView.rc-mobile-view main .mobile-content-search-header .download-button {
  margin-bottom: 8px;
}

.help-line {
  flex: 0;
  left: 8px;
  padding-bottom: unset;
  position: absolute;
}

.form-footer-buttons {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.form-footer-buttons button:first-child {
  margin-right: 4px;
}
.form-footer-buttons button:last-child {
  margin-left: 4px;
}

.image-tile {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #d8d8d8;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 66%;
}
.image-tile img, .image-tile video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-tile img.landscape, .image-tile video.landscape {
  height: 100%;
  width: auto;
}
.image-tile img.portrait, .image-tile video.portrait {
  width: 100%;
  height: auto;
}

.content-card, .rc-card {
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 343px;
  height: 266px;
  background-color: #ffffff;
  margin: 0 8px 8px 0;
  box-sizing: border-box;
  border: 1px solid #efefef;
}
.content-card .content-card-image, .rc-card .content-card-image {
  flex: 1;
  overflow: hidden;
}
.content-card .content-card-image .image-tile.selected .rc-icon, .rc-card .content-card-image .image-tile.selected .rc-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
.content-card .content-card-image .image-tile.selected .rc-icon:before, .rc-card .content-card-image .image-tile.selected .rc-icon:before {
  color: #ffffff;
}
.content-card .content-card-title, .rc-card .content-card-title {
  flex: 1;
  display: flex;
  padding-left: 8px;
  min-height: 44px;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.content-card .content-card-title .rc-icon.lock_ratio, .rc-card .content-card-title .rc-icon.lock_ratio {
  padding-left: 16px;
}
.content-card.card-small, .rc-card.card-small {
  height: auto;
  width: auto;
}
.content-card.card-small .content-card-title, .rc-card.card-small .content-card-title {
  font-weight: normal;
}

.rc-viewsection-dark {
  background-color: #efefef;
  padding: 16px;
}

.rc-viewsection-light {
  background-color: #FFFFFF;
  padding: 16px;
}

.rc-image-overlay {
  min-height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.rc-image-overlay.collection-item-image-overlay {
  position: absolute;
  bottom: 0;
  justify-content: space-between;
}
.rc-image-overlay.collection-item-image-overlay.with-empty-image-node {
  justify-content: right;
}
.rc-image-overlay.collection-item-image-overlay button {
  color: white;
}
.rc-image-overlay.collection-item-image-overlay button .rc-icon:before {
  color: white;
}

.content-group-table-row .group-content.group-content-horizontal-group.allow-wrap {
  flex-wrap: wrap;
}
.content-group-table-row .group-content.group-content-horizontal-group.format-as-three-columns > .group-content {
  flex: 0 0 calc(30% - 8px);
}
.content-group-table-row .group-content.group-content-horizontal-group.format-as-four-columns > .group-content {
  flex: 0 0 calc(25% - 24px);
}
.content-group-table-row .group-content.group-content-horizontal-group .group-content-link-add {
  display: flex;
  justify-content: flex-end;
}
.content-group-table-row .group-content.group-content-horizontal-group .group-content-link-add button {
  padding-right: 0;
}

#MobileFilterView main > div {
  padding: 16px;
}
#MobileFilterView main > div .checkout-group-content .group-content.group-content-radio-group {
  margin-bottom: 8px;
}
#MobileFilterView main > div .checkout-group-content .group-content.group-content-radio-group .group-content-radio {
  padding-left: 8px;
  border-bottom: 1px solid #efefef;
}
#MobileFilterView main > div .checkout-group-content .group-content.group-content-radio-group .group-content-radio:last-child {
  border-bottom: unset;
}

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

/*.bulk-orderer-page-dialog */
#bulkOrdererSelectionDialog {
  background-color: #efefef;
}

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

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

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

.rc-mobile-view > main > div.bulk-orderer-body {
  justify-content: unset;
}

.bulk-orderer-article-list-body {
  position: relative;
}

.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;
  padding-top: 16px;
  background-color: white;
  z-index: 1;
}
@media only screen and (max-width: 500px) {
  .bulk-orderer-caption {
    max-width: unset;
    background-color: #efefef;
    font-size: 16px;
  }
}

.bulk-orderer-article-list-header {
  display: flex;
  font-size: 18px;
  align-items: center;
  padding: 0 12px 0 4px;
  margin-bottom: 4px;
}
.bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin-right: 8px;
}
@media only screen and (max-width: 500px) {
  .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title {
    max-width: 100%;
  }
  .bulk-orderer-article-list-header .bulk-orderer-article-list-header-title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
  }
}
.bulk-orderer-article-list-header .bulk-orderer-article-list-header-title .btn-simple {
  margin-top: -2px;
  margin-left: 4px;
}
.bulk-orderer-article-list-header .sgw-icon {
  padding: 0;
  width: 23px;
  height: 23px;
}
.bulk-orderer-article-list-header .sgw-icon.arrow_down:before {
  font-size: 46px;
  left: -16px;
  top: 4px;
}
.bulk-orderer-article-list-header .sgw-icon.arrow_down.active {
  background: none;
}
.bulk-orderer-article-list-header .sgw-icon.arrow_down.active:before {
  color: #3669C4;
}
.bulk-orderer-article-list-header .sgw-icon.arrow_right:before {
  font-size: 46px;
  left: -13px;
}
.bulk-orderer-article-list-header hr {
  margin: 0;
  border: 0;
  flex: 1;
  padding: 0;
  height: 1px;
  background: #cccccc;
}

.bulk-orderer-footer {
  background: #EFEFEF;
}

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

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

.image-article-list {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  max-height: 100%;
}
.image-article-list .image-article-item {
  margin: 4px;
  position: relative;
  max-width: 150px;
  width: 150px;
}
@media only screen and (max-width: 500px) {
  .image-article-list .image-article-item {
    max-width: unset;
    width: 47%;
  }
}
.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;
}
@media only screen and (max-width: 500px) {
  .image-article-list .image-article-item div.image-article-image {
    max-width: unset;
  }
}
.image-article-list .image-article-item div.image-article-image:before {
  content: "";
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 3px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.image-article-list .image-article-item div.image-article-image > svg {
  max-width: 100%;
  max-height: 100%;
}
.image-article-list .image-article-item.selected div.image-article-image:before {
  border-color: #3669C4;
  z-index: 3;
}
.image-article-list .image-article-item .image-file-name {
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 4px;
  white-space: nowrap;
  font-size: 12px;
}
.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 > span {
  margin-left: 4px;
}

@media (max-width: 900px) {
  #bulkOrdererSelectionDialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 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;
  }
}*/
/*
@keyframes SlideDown {
  0% {
    opacity: 0;
    @include translate(0, -125%);
  }
  100% {
    opacity: 1;
    @include translate(0, 0);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  &.active {
      background-color: #D8d8d8;
  }*/
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages {
  /*position: absolute;
  bottom: 32px;
  left: 32px;
  display: flex;*/
  position: absolute;
  left: 8px;
  bottom: 8px;
  display: flex;
  padding: 8px;
  gap: 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage {
  height: 70px;
  width: 70px;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding: unset;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage > div {
  height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage > div img {
  object-fit: cover;
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage.selected > div:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  border: 2px solid #3669c4;
  box-sizing: border-box;
  border-radius: 6px;
}
@media only screen and (max-width: 700px) {
  .article-configurator-content .article-configurator-content-designer-stage-preview-pages {
    max-height: 64px;
    bottom: 8px;
  }
  .article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage {
    max-height: 64px;
    flex: 0 0 64px;
  }
}
.article-configurator-content .article-configurator-content-designer-stage-preview-pages .article-configurator-content-designer-stage-image-box {
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.16);
}
.article-configurator-content .article-configurator-content-designer-stage-image-box {
  position: absolute;
  background-color: #E5E5E5;
  background-image: url("../Img/emptyBoxPlaceholder.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
  display: none;
  overflow: hidden;
}
.article-configurator-content .article-configurator-content-designer-stage-image-box img {
  width: 100%;
  height: 100%;
}
.article-configurator-content .article-configurator-content-designer-stage-image-box.landscape img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: unset;
}
.article-configurator-content .article-configurator-content-designer-stage-image-box.portrait img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.article-configurator-content .article-configurator-content-designer-stage-frame-box {
  position: absolute;
  border-style: solid;
  border-image-repeat: repeat;
}
.article-configurator-content .article-configurator-content-designer-stage-upload-image-button {
  position: absolute;
  display: flex;
  justify-content: center;
}
.article-configurator-content .article-configurator-content-designer-stage-upload-image-button.mobile-view {
  width: 58px;
  height: 58px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
}
.article-configurator-content .article-configurator-content-designer-stage-upload-image-button.mobile-view button.btn-icon.btn-icon-only {
  width: 58px;
  height: 58px;
  border-radius: 50%;
}
.article-configurator-content .article-configurator-content-designer-stage {
  /*width: 100%;
  height: 100%;
  position: relative;*/
  padding-bottom: 69.4444444444%;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.article-configurator-content .article-configurator-content-designer-stage picture {
  /*width: 100%;
  height: 100%;
  display: block;*/
  inset: 0 0 0 0;
  position: absolute;
}
.article-configurator-content .article-configurator-content-designer-stage picture > img {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
#ContactsPage .contacts-page-list-view, #ContactGroupsPage .contacts-page-list-view {
  width: 672px;
  display: flex;
  flex-direction: column;
}
#ContactsPage .contacts-page-list-view .content-group-table-row.search-bar, #ContactGroupsPage .contacts-page-list-view .content-group-table-row.search-bar {
  margin-bottom: 16px;
  align-self: center;
  width: 100%;
}
#ContactsPage .contact-list-view, #ContactGroupsPage .contact-list-view {
  padding-top: 32px;
}
#ContactsPage .contact-list-view .contact-list-view-item, #ContactGroupsPage .contact-list-view .contact-list-view-item {
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
#ContactsPage .contact-list-view .contact-list-view-item .contact-list-view-item-data, #ContactGroupsPage .contact-list-view .contact-list-view-item .contact-list-view-item-data {
  flex: 1;
  display: flex;
}
#ContactsPage .contact-list-view .contact-list-view-item .contact-list-view-item-data + button.btn-simple.btn-icon, #ContactGroupsPage .contact-list-view .contact-list-view-item .contact-list-view-item-data + button.btn-simple.btn-icon {
  flex: 0 0 36px;
}
#ContactsPage .contact-list-view .contact-list-view-item .group-content.group-content-label, #ContactGroupsPage .contact-list-view .contact-list-view-item .group-content.group-content-label {
  flex: 0;
  white-space: nowrap;
  width: auto;
}
#ContactsPage .contact-list-view .contact-list-view-item .group-content-chip-wrapper, #ContactGroupsPage .contact-list-view .contact-list-view-item .group-content-chip-wrapper {
  flex: 0;
  margin-left: 16px;
}

main#ContactsPage .contacts-list-view, main#ContactsGroupsPage .contacts-list-view {
  padding-top: unset;
}
main#ContactsPage .contacts-page-list-view, main#ContactsGroupsPage .contacts-page-list-view {
  width: unset;
  padding: 16px;
  background-color: white;
}

.contacts-page-table-wrapper {
  overflow-x: auto;
}

#ContactsPage.page-layout .contacts-table {
  min-width: 1300px;
}

.contacts-table .flat-table-cell.date, .contacts-table .group-content.date {
  flex-basis: 100px;
}
.contacts-table .flat-table-cell.fullName, .contacts-table .group-content.fullName {
  flex-basis: 250px;
}
.contacts-table .flat-table-cell.firstName, .contacts-table .group-content.firstName {
  flex-basis: 150px;
}
.contacts-table .flat-table-cell.lastName, .contacts-table .group-content.lastName {
  flex-basis: 200px;
}
.contacts-table .flat-table-cell.email, .contacts-table .group-content.email {
  flex: auto;
  min-width: 300px;
}
.contacts-table .flat-table-cell.zipCode, .contacts-table .group-content.zipCode {
  flex-basis: 100px;
}
.contacts-table .flat-table-cell.city, .contacts-table .group-content.city {
  flex-basis: 150px;
}
.contacts-table .flat-table-cell.contactGroup, .contacts-table .group-content.contactGroup {
  flex-basis: 250px;
}
.contacts-table .flat-table-cell.total, .contacts-table .group-content.total {
  flex-basis: 100px;
}
.contacts-table .flat-table-cell.isSubscribed, .contacts-table .group-content.isSubscribed {
  flex-basis: 200px;
}
.contacts-table .flat-table-cell.edit, .contacts-table .group-content.edit {
  flex-basis: 50px;
}

.contacts-detail-view .labelFunctions {
  font-size: 12px;
  color: #676767;
  min-height: unset;
}

main.contacts-detail-view .order-summary-content {
  padding: 8px;
  background-color: white;
  margin-bottom: 8px;
}

.contacts-details-order-table .flat-table-cell.orderDate, .contacts-details-order-table .group-content.orderDate {
  flex-basis: 200px;
}
.contacts-details-order-table .flat-table-cell.orderNumber, .contacts-details-order-table .group-content.orderNumber {
  flex-basis: 200px;
}
.contacts-details-order-table .flat-table-cell.orderStatus, .contacts-details-order-table .group-content.orderStatus {
  flex-basis: 250px;
}
.contacts-details-order-table .flat-table-cell.orderTotal, .contacts-details-order-table .group-content.orderTotal {
  flex: auto;
}

#CopyOrMoveImagesDialog .rc-dialog-content {
  min-height: 50vh;
}
#CopyOrMoveImagesDialog .rc-dialog-content .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#CopyOrMoveImagesDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content {
  flex: auto;
  display: flex;
  flex-direction: column;
}
#CopyOrMoveImagesDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .search-bar {
  max-width: 320px;
  background-color: #EFEFEF;
  flex: unset;
}
#CopyOrMoveImagesDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .search-bar .rc-input {
  background-color: #EFEFEF;
}
#CopyOrMoveImagesDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content form {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#CopyOrMoveImagesDialog main > div {
  padding: 16px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#CopyOrMoveImagesDialog main > div .checkout-group-content {
  flex: auto;
}
#CopyOrMoveImagesDialog main > div .checkout-group-content .rc-input {
  background-color: #EFEFEF;
}
#CopyOrMoveImagesDialog .breadcrumb {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  padding-left: unset;
  background-color: unset;
}
#CopyOrMoveImagesDialog .dialog-buttons-row {
  display: flex;
}
#CopyOrMoveImagesDialog .rc-component.rc-checkbox {
  height: 36px;
  align-items: center;
}
#CopyOrMoveImagesDialog .rc-component.rc-checkbox.selected {
  font-weight: bold;
}
#CopyOrMoveImagesDialog .mobile-multiselect-button {
  padding-left: 0;
  color: #3669C4;
  padding-right: 0;
}
#CopyOrMoveImagesDialog .mobile-multiselect-button .sgw-icon {
  width: 16px;
}
#CopyOrMoveImagesDialog .mobile-multiselect-button .sgw-icon:before {
  color: #3669C4;
}

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

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

.email-history-table .flat-table-cell.date, .email-history-table .group-content.date {
  flex-basis: 100px;
}
.email-history-table .flat-table-cell.mailSubject, .email-history-table .group-content.mailSubject {
  flex: auto;
}
.email-history-table .flat-table-cell.emailType, .email-history-table .group-content.emailType {
  flex-basis: 200px;
}
.email-history-table .flat-table-cell.notificationReceiver, .email-history-table .group-content.notificationReceiver {
  flex-basis: 100px;
}
.email-history-table .flat-table-cell.edit, .email-history-table .group-content.edit {
  flex-basis: 40px;
}

.email-history-detail-table .flat-table-cell.date, .email-history-detail-table .group-content.date {
  flex-basis: 150px;
}
.email-history-detail-table .flat-table-cell.fullName, .email-history-detail-table .group-content.fullName {
  flex-basis: 200px;
}
.email-history-detail-table .flat-table-cell.email, .email-history-detail-table .group-content.email {
  flex: auto;
  min-width: 200px;
}
.email-history-detail-table .flat-table-cell.collection, .email-history-detail-table .group-content.collection {
  flex-basis: 200px;
}
.email-history-detail-table .flat-table-cell.contactGroup, .email-history-detail-table .group-content.contactGroup {
  flex-basis: 300px;
}
.email-history-detail-table .flat-table-cell.edit, .email-history-detail-table .group-content.edit {
  flex-basis: 40px;
}

.email-history-sent-content {
  box-sizing: border-box;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.email-history-sent-content .content-group-table-row .group-content.group-content-label {
  min-height: 36px;
  margin-bottom: unset;
}
.email-history-sent-content .content-group-table-row .group-content.group-content-key-value {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 5px 0;
  margin-bottom: unset;
}
.email-history-sent-content .content-group-table-row .group-content.group-content-key-value .group-content-key-value-key {
  width: 140px;
  line-height: 16px;
}
.email-history-sent-content .content-group-table-row .group-content.group-content-key-value .group-content-key-value-value {
  line-height: 16px;
  font-size: 14px;
}
.email-history-sent-content .email-history-sent-message {
  background-color: #efefef;
  border-radius: 6px;
  padding: 16px 8px;
}
.email-history-sent-content .email-history-sent-message > * {
  max-width: 500px;
  margin: 0 auto;
}
.email-history-sent-content .email-history-sent-message > *.rc-mobile-component.emailContent > div {
  max-width: 100%;
}
.email-history-sent-content .email-history-sent-message > *.rc-mobile-component.emailContent > div > table {
  max-width: 100%;
}
.email-history-sent-content td > span {
  display: block;
}
.email-history-sent-content img {
  width: auto;
  height: auto;
  display: inherit;
}
.email-workflow-list-view .desktop-main-content-header {
  justify-content: space-between;
  margin-top: 8px;
}

.email-workflow-list-view-section-caption {
  font-weight: bold;
}

.email-workflow-template-list-table .flat-table-cell.title, .email-workflow-template-list-table .group-content.title {
  flex: auto;
}
.email-workflow-template-list-table .flat-table-cell.emails, .email-workflow-template-list-table .group-content.emails {
  flex-basis: 150px;
}

.email-workflow-list-table .flat-table-cell.date, .email-workflow-list-table .group-content.date {
  flex-basis: 200px;
}
.email-workflow-list-table .flat-table-cell.title, .email-workflow-list-table .group-content.title {
  flex: auto;
}
.email-workflow-list-table .flat-table-cell.emails, .email-workflow-list-table .group-content.emails {
  flex-basis: 150px;
}
.email-workflow-list-table .flat-table-cell.usedInGalleries, .email-workflow-list-table .group-content.usedInGalleries {
  flex-basis: 150px;
}
.email-workflow-list-table .flat-table-cell.duplicate, .email-workflow-list-table .group-content.duplicate {
  flex-basis: 50px;
}

.email-workflow-email-list-table .flat-table-cell.mailSubject, .email-workflow-email-list-table .group-content.mailSubject {
  flex: auto;
  min-width: 200px;
}
.email-workflow-email-list-table .flat-table-cell.trigger, .email-workflow-email-list-table .group-content.trigger {
  flex-basis: 200px;
}
.email-workflow-email-list-table .flat-table-cell.rule, .email-workflow-email-list-table .group-content.rule {
  flex-basis: 150px;
}
.email-workflow-email-list-table .flat-table-cell.emailWorkflowRuleDays, .email-workflow-email-list-table .group-content.emailWorkflowRuleDays {
  flex-basis: 100px;
}
.email-workflow-email-list-table .flat-table-cell.sendingTime, .email-workflow-email-list-table .group-content.sendingTime {
  flex-basis: 150px;
}
.email-workflow-email-list-table .flat-table-cell.filterReceiver, .email-workflow-email-list-table .group-content.filterReceiver {
  flex-basis: 150px;
}

.email-workflow-send-test-email {
  max-width: 50%;
  margin-bottom: 32px;
}

.mobile-section-caption {
  display: flex;
  justify-content: space-between;
}
.mobile-section-caption .apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}

#GdprExportConfirm p {
  text-align: left;
}

#SalesAndPaymentSettingsForm .pages-list-table {
  margin-bottom: 16px;
}
#SalesAndPaymentSettingsForm .pages-list-table .group-content-horizontal-group {
  border-bottom: 1px solid #cccccc;
  flex-wrap: nowrap;
}
#SalesAndPaymentSettingsForm .pages-list-table .group-content-horizontal-group > button {
  flex: 1;
  padding-right: 8px;
  padding-left: 0;
  justify-content: left;
}
#SalesAndPaymentSettingsForm .pages-list-table .group-content-horizontal-group > button .btn-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#SalesAndPaymentSettingsForm .pages-list-table .group-content-horizontal-group .order-buttons {
  flex: unset;
}
#SalesAndPaymentSettingsForm .pages-list-table .group-content-horizontal-group .order-buttons .btn-disabled {
  visibility: hidden;
}
#SalesAndPaymentSettingsForm .pages-list-table .group-content-horizontal-group .group-content-switch {
  flex: unset;
}

#GalleryAccessPageSettingsAddPageDialog.subscription-dialog .group-content.group-content-label {
  color: #2C2C2C;
  padding-bottom: 20px;
  margin-bottom: unset;
}
#GalleryAccessPageSettingsAddPageDialog.subscription-dialog .group-content.group-content-label.group-important {
  font-size: 21px;
  margin-bottom: 10px;
  padding-bottom: unset;
}
#GalleryAccessPageSettingsAddPageDialog.subscription-dialog .group-content.group-content-label ul {
  margin-left: 24px;
}
#GalleryAccessPageSettingsAddPageDialog.subscription-dialog .group-content.group-content-button {
  margin-bottom: 0;
}
#GalleryAccessPageSettingsAddPageDialog.subscription-dialog button {
  width: 100%;
}

#PageContentItemsView .page-content-items-table-wrapper {
  overflow-x: auto;
  max-width: 100%;
}
#PageContentItemsView .page-content-detail-content .checkout-group-content .group-content.group-content-label {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
}
#PageContentItemsView .page-content-detail-content .checkout-group-content .group-content.group-content-button button {
  width: 100%;
  justify-content: left;
}
#PageContentItemsView.rc-mobile-view main .mobile-add-button {
  position: absolute;
  top: unset;
  right: 16px;
  bottom: 16px;
}

#PageContentItemDialog .group-content-horizontal-group .uploadImageButton {
  flex-grow: 0;
}

.page-content-items-table .flat-table-cell.date, .page-content-items-table .group-content.date {
  flex-basis: 150px;
}
.page-content-items-table .flat-table-cell.activatePageContent, .page-content-items-table .group-content.activatePageContent {
  flex-basis: 100px;
}
.page-content-items-table .flat-table-cell.activatePageContent.group-content-switch .rc-switch, .page-content-items-table .group-content.activatePageContent.group-content-switch .rc-switch {
  padding-left: 4px;
}
.page-content-items-table .flat-table-cell.activatePageContent.group-content-switch .rc-switch .rc-switch-label, .page-content-items-table .group-content.activatePageContent.group-content-switch .rc-switch .rc-switch-label {
  display: none;
}
.page-content-items-table .flat-table-cell.preview, .page-content-items-table .group-content.preview {
  flex: auto;
}
.page-content-items-table .flat-table-cell.preview img, .page-content-items-table .group-content.preview img {
  max-height: 64px;
  padding: 4px 0;
}
.page-content-items-table .flat-table-cell.type, .page-content-items-table .group-content.type {
  flex-basis: 300px;
}
.page-content-items-table .flat-table-cell.moveUp, .page-content-items-table .flat-table-cell.moveDown, .page-content-items-table .group-content.moveUp, .page-content-items-table .group-content.moveDown {
  flex-basis: 50px;
  justify-content: center;
}
.page-content-items-table .mobile-table-row .moveUp, .page-content-items-table .mobile-table-row .moveDown {
  max-width: 36px;
  position: absolute;
  top: 4px;
}
.page-content-items-table .mobile-table-row .moveUp {
  right: 84px;
}
.page-content-items-table .mobile-table-row .moveDown {
  right: 42px;
}

/*
@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;
  }
}*/
header.categories-page-header {
  background-color: #efefef;
  display: flex;
  max-width: 1662px;
  margin: 0 auto;
  max-height: 48px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  justify-content: space-between;
}
header.categories-page-header .rc-context-menu.rc-context-menu-v2 {
  max-height: 36px;
}
header.categories-page-header .rc-component.rc-snackbar {
  left: unset;
  right: 0;
  bottom: unset;
  top: 0;
  padding: 0 32px;
}
header.categories-page-header > nav {
  display: flex;
  padding: 8px;
  box-sizing: border-box;
}
header.categories-page-header .header-tabs {
  text-align: center;
  position: absolute;
}
header.categories-page-header .header-tabs a {
  display: inline-block;
  margin: 0;
  text-align: center;
}
header.categories-page-header .header-tabs a.active {
  color: #3669C4;
  font-weight: bold;
}
header.categories-page-header .breadcrumb {
  margin-bottom: unset;
}
header.categories-page-header .search-bar {
  width: 100%;
  max-width: 446px;
  justify-self: center;
  padding: 0 8px 0;
  align-self: center;
  box-sizing: border-box;
}
header.categories-page-header .search-bar > div {
  width: 100%;
  position: relative;
}

.desktop-main-content-breadcrumb {
  display: flex;
  justify-content: space-between;
}
.desktop-main-content-breadcrumb > nav {
  display: flex;
  box-sizing: border-box;
  margin-bottom: unset;
}
.desktop-main-content-breadcrumb > div {
  display: flex;
  max-width: 364px;
  min-width: 364px;
  justify-content: right;
}
.desktop-main-content-breadcrumb > div > * {
  margin-right: 8px;
}
.desktop-main-content-breadcrumb > div > *:last-child {
  margin-right: unset;
}

.desktop-main-content-breadcrumb + .desktop-content-add-item-button {
  margin-top: 16px;
}

#ImagesSortDialog.page-layout main > div {
  padding: 8px;
}
#ImagesSortDialog .rc-dialog-wrapper {
  max-width: 90vw;
}
#ImagesSortDialog .rc-dialog-wrapper .rc-dialog-content {
  min-height: 90vh;
}
#ImagesSortDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control-bar-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: 100%;
}
#ImagesSortDialog .rc-dialog-wrapper .image-sort-footer {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.language-settings-content-group.checkout-group-content .group-content {
  margin-bottom: unset;
}
.language-settings-content-group.checkout-group-content .group-content.group-content-divider {
  margin: unset;
}
.language-settings-content-group.checkout-group-content .group-content.group-content-checkbox.selected .rc-checkbox-label {
  font-weight: bold;
}
.language-settings-content-group.checkout-group-content .group-content.group-content-radio {
  display: flex;
  justify-content: right;
}
.language-settings-content-group.checkout-group-content .group-content.group-content-horizontal-group {
  padding: 0 8px;
}

#TranslationMobileView main > div {
  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;
  }
}*/
.page-layout:not(.rc-mobile-view) {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.page-layout:not(.rc-mobile-view):not(.is-tablet) {
  min-width: 747px;
}

body.has-foreign-account-hint .page-layout:not(.rc-mobile-view) {
  height: calc(100vh - 36px);
}

.desktop-detail-content-section {
  margin-bottom: 16px;
}
.desktop-detail-content-section > .group-content-label.group-content.group-important, .desktop-detail-content-section > .group-content-label.group-content.orderingLabel, .desktop-detail-content-section > .group-content-label.group-content.sharingLabel, .desktop-detail-content-section > .group-content-label.group-content.labelManualSorting, .desktop-detail-content-section > .group-content-label.group-content.labelFunctions, .desktop-detail-content-section > .group-content-label.group-content.functionLabel {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
}
.desktop-detail-content-section .group-content.group-content-button.button-submit {
  padding: unset;
}
.desktop-detail-content-section .group-content.group-content-button button.btn-icon {
  width: 100%;
  justify-content: unset;
}

.page-layout header {
  width: 100%;
}
.page-layout main > div {
  padding: 16px;
  box-sizing: border-box;
}
.page-layout .flex-layout-view {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  overflow: hidden;
}
.page-layout .flex-layout-view .group-content.group-content-switch {
  display: flex;
  flex-wrap: nowrap;
}
.page-layout .flex-layout-view .group-content.group-content-switch .group-content-label {
  flex: 1;
}
.page-layout .desktop-main-content, .page-layout .desktop-detail-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  flex: auto;
}
.page-layout .desktop-main-content > div, .page-layout .desktop-detail-content > div {
  width: 100%;
  padding: 16px 16px 0;
  box-sizing: border-box;
  position: relative;
}
.page-layout .desktop-main-content > div.rc-snackbar.is-opened, .page-layout .desktop-detail-content > div.rc-snackbar.is-opened {
  padding: 0;
}
.page-layout .desktop-main-content > div.desktop-main-content-header, .page-layout .desktop-detail-content > div.desktop-main-content-header {
  padding-top: 8px;
  min-height: 44px;
}
.page-layout .desktop-main-content > div.desktop-main-content-header .content-group-table-row .group-content, .page-layout .desktop-main-content > div.desktop-main-content-header .checkout-group-content .group-content, .page-layout .desktop-detail-content > div.desktop-main-content-header .content-group-table-row .group-content, .page-layout .desktop-detail-content > div.desktop-main-content-header .checkout-group-content .group-content {
  margin-bottom: 0;
}
.page-layout .desktop-main-content .help-line, .page-layout .desktop-detail-content .help-line {
  flex: 0;
  left: 8px;
  padding-bottom: unset;
}
.page-layout .desktop-main-content .search-bar, .page-layout .desktop-detail-content .search-bar {
  flex: auto;
  max-width: 446px;
}
.page-layout .desktop-main-content .search-bar > div, .page-layout .desktop-detail-content .search-bar > div {
  position: relative;
}
.page-layout .desktop-main-content {
  flex-basis: 672px;
  min-width: 352px;
  position: relative;
  padding-bottom: 32px;
}
.page-layout .desktop-main-content.layout-style-dark {
  background-color: #efefef;
}
.page-layout .desktop-main-content.layout-style-light {
  background-color: #ffffff;
}
.page-layout .desktop-main-content > .view-refresh-button {
  position: absolute;
  right: 0;
  top: 0;
  width: unset;
}
.page-layout .desktop-main-content .no-data-content {
  max-width: 400px;
}
.page-layout .desktop-main-content .no-data-content.no-data-qr {
  max-width: unset;
}
.page-layout .desktop-main-content .project-list-item {
  cursor: pointer;
  padding: 8px;
  border: 0;
  margin-bottom: 8px;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
  flex: 1;
}
.page-layout .desktop-main-content .project-list-item.selected-item {
  border: 2px solid #3669c4;
}
.page-layout .desktop-main-content .project-list-item.dummy-item {
  cursor: auto;
}
@media only screen and (max-width: 679px) {
  .page-layout .desktop-main-content {
    margin-right: unset;
    min-width: 320px;
  }
}
.page-layout .desktop-detail-content-control {
  width: 88px;
  background-color: white;
  border-left: 1px solid #cccccc;
  box-sizing: border-box;
}
.page-layout .mobile-tabs div {
  justify-content: unset;
}
.page-layout .mobile-tabs .mobile-detail-content-control {
  width: 88px;
  background-color: white;
  box-sizing: border-box;
  justify-content: space-between;
}
.page-layout .desktop-detail-content {
  background-color: #ffffff;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
}
.page-layout .desktop-detail-content.empty-content {
  background-color: unset;
}
.page-layout .desktop-detail-content.detail-content-hidden {
  display: none;
}
.page-layout .desktop-detail-content.floating-detail-content {
  position: absolute;
  right: 55px;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 10;
  border-right: 1px solid #efefef;
  border-left: 2px solid #efefef;
}
.page-layout .desktop-detail-content.floating-detail-content .floating-detail-content-close-button {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
}
.page-layout .desktop-detail-content.floating-detail-content .detail-content-header {
  padding-left: 36px;
}
.page-layout .desktop-detail-content .detail-content-header {
  display: flex;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  min-height: 36px;
  padding: unset;
}
.page-layout .desktop-detail-content .detail-content-header > div {
  flex: 0;
}
.page-layout .desktop-detail-content .detail-content-header > div.header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 36px;
}
.page-layout .desktop-detail-content .detail-content-header .close-button {
  position: absolute;
  z-index: 1;
}
.page-layout .desktop-detail-content .detail-content-header .header-labled-button {
  position: absolute;
  right: 8px;
}
.page-layout .desktop-detail-content .detail-content-header .header-labled-button button.apply-button {
  padding-left: 0;
  padding-right: 4px;
  width: auto;
  color: #3669c4;
}
.page-layout .desktop-detail-content .desktop-detail-content-section {
  margin-bottom: 16px;
}
.page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.group-important, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.orderingLabel, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.sharingLabel, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.labelManualSorting, .page-layout .desktop-detail-content .desktop-detail-content-section > .group-content-label.group-content.labelFunctions {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
  margin-bottom: 0;
}
.page-layout .desktop-detail-content .desktop-detail-content-section .group-content.group-content-button.button-submit {
  padding: unset;
}
.page-layout .desktop-detail-content .desktop-detail-content-section .group-content.group-content-button button.btn-icon {
  width: 100%;
  justify-content: unset;
}
.page-layout .desktop-detail-content .detail-content-content {
  flex: 1;
  overflow-y: auto;
}
.page-layout .desktop-detail-content .detail-content-controls {
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
  border-top: 1px solid #cccccc;
}
.page-layout .desktop-detail-content .checkout-group-content .group-content-horizontal-group, .page-layout .desktop-detail-content .content-group-table-row .group-content-horizontal-group {
  flex-wrap: wrap;
  /*.group-content-key-value {
      display: inline-flex;
      padding-right: 8px;
      width: auto;

      flex-direction: column;
      flex: 1;
      white-space: nowrap;
      margin-top: unset;
      box-sizing: border-box;
  }*/
}
@media only screen and (max-width: 679px) {
  .page-layout .desktop-detail-content {
    display: none;
  }
}

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

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

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

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

.horizontal-layout-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
.horizontal-layout-header input {
  display: flex;
  align-self: center;
}

.desktop-main-content-section-header {
  display: flex;
  justify-content: space-between;
  min-height: 36px;
  position: relative;
}

.desktop-main-content-header {
  display: flex;
  justify-content: right;
  min-height: 36px;
  position: relative;
}
.desktop-main-content-header.horizontal-layout-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 16px;
}
.desktop-main-content-header.horizontal-layout-header input {
  display: flex;
  align-self: center;
}
.desktop-main-content-header .button-header-right {
  padding-right: 0;
}
.desktop-main-content-header .search-bar {
  min-width: 320px;
}
.desktop-main-content-header .desktop-content-add-item-button {
  position: absolute;
  left: 16px;
  top: 8px;
  z-index: 9;
}
.desktop-main-content-header.secondary-line {
  margin-bottom: 16px;
}
.desktop-main-content-header.secondary-line .desktop-content-add-item-button {
  position: relative;
  inset: unset;
  z-index: 9;
}
@media only screen and (max-width: 1024px) {
  .desktop-main-content-header {
    flex-wrap: wrap;
    /*.desktop-content-add-item-button {
        position: relative;
        left: unset;
        top: unset;
        margin-right: 16px;
        margin-bottom: 8px;
    }*/
  }
}

@media only screen and (max-width: 1500px) {
  .right-column-opened .desktop-main-content-header {
    justify-content: space-between;
    flex-wrap: wrap;
    /*.desktop-content-add-item-button {
        position: relative;
        left: unset;
        top: unset;
        margin-right: 16px;
        margin-bottom: 8px;
    }*/
  }
}

.qrCodePublish button, .qrCodeUnpublish button {
  width: 100%;
}

.project-edit-item .group-content-key-value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

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

.justify-content-left {
  justify-content: left;
}

.justify-content-right {
  justify-content: right;
}

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

.language-dialog .btn-dialog-close {
  position: absolute;
  right: -20px;
  top: 10px;
}
.language-dialog.rc-dialog .rc-dialog-wrapper .rc-dialog-content {
  margin: 16px;
}

.navigation-menu-wrapper {
  flex: auto;
  flex-direction: row;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navigation-menu-wrapper .navigation-menu-option:hover {
  color: #698ED0;
  text-decoration: underline;
}
.navigation-menu-wrapper .navigation-menu-option {
  margin-right: 15px;
  cursor: pointer;
}
.navigation-menu-wrapper .navigation-menu-option:last-child {
  margin: 0;
}

.menu-item-wrapper {
  background-color: white;
  display: flex;
  align-items: flex-start;
  position: relative;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
}
.menu-item-wrapper .menu-item-content {
  flex: auto;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 16px 8px 16px 16px;
  font-size: 14px;
}
.menu-item-wrapper .menu-item-edit-button {
  flex: 0;
  padding-top: 8px;
  padding-right: 8px;
}

.user-account-menu {
  padding: 16px;
  box-sizing: border-box;
}
.user-account-menu .menu-item-wrapper {
  padding: 16px;
  flex-direction: column;
}
.user-account-menu .menu-item-wrapper .menu-item-content {
  padding: unset;
}
.user-account-menu .menu-item-wrapper .menu-link-item {
  color: #3669c4;
}

.rc-mobile-view .address-group-list {
  margin-top: 8px;
}
.rc-mobile-view .menu-item-wrapper {
  width: auto;
  margin-right: unset;
  margin-bottom: 8px;
  min-width: unset;
}
.rc-mobile-view .menu-item-wrapper div {
  margin-bottom: 8px;
}
.rc-mobile-view .menu-item-wrapper .menu-item-content {
  font-size: 16px;
}
.rc-mobile-view .menu-item-big-label {
  font-weight: bold;
  font-size: 18px;
  color: black;
}

#ArticleSelectionMobileView header {
  margin: 0;
  min-width: 100%;
}
#ArticleSelectionMobileView header.header-search-bar.portrait {
  padding: 12px 32px 8px 32px !important;
}
#ArticleSelectionMobileView header.header-search-bar {
  padding: 12px 16px 8px 16px !important;
  display: flex;
  gap: 12px;
}
#ArticleSelectionMobileView header.redesign.phone, #ArticleSelectionMobileView header.redesign.portrait {
  gap: 8px;
  padding: 19px 16px;
}
#ArticleSelectionMobileView header.redesign.phone .search-bar .rc-input, #ArticleSelectionMobileView header.redesign.portrait .search-bar .rc-input {
  padding: 12px 18px;
  color: #3669C4;
  display: flex;
  align-items: center;
  background: #E7E7E7 !important;
}
#ArticleSelectionMobileView header.redesign.phone .search-bar .rc-input .rc-input-wrapper, #ArticleSelectionMobileView header.redesign.portrait .search-bar .rc-input .rc-input-wrapper {
  display: flex;
  align-items: center;
}
#ArticleSelectionMobileView header.redesign.phone .search-bar .rc-input .rc-input-wrapper input, #ArticleSelectionMobileView header.redesign.portrait .search-bar .rc-input .rc-input-wrapper input {
  caret-color: #3669C4;
  color: #3669C4;
}
#ArticleSelectionMobileView header.redesign.phone .close-search, #ArticleSelectionMobileView header.redesign.portrait .close-search {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #E7E7E7;
}
#ArticleSelectionMobileView header.redesign.phone .promotion-button-wrapper {
  position: absolute;
  right: 56px;
}
#ArticleSelectionMobileView header.redesign.phone .toggle-show-search-btn {
  position: absolute;
  right: 16px;
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView header.redesign .back-button button {
  width: 18px;
  height: 18px;
}
#ArticleSelectionMobileView header.redesign .promotion-button-wrapper {
  position: absolute;
  right: 56px;
}
#ArticleSelectionMobileView header.redesign .toggle-show-search-btn {
  position: absolute;
  right: 16px;
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView header.redesign.tablet.portrait .promotion-button-wrapper {
  position: absolute;
  right: 66px;
}
#ArticleSelectionMobileView header.redesign.tablet.portrait .toggle-show-search-btn {
  position: absolute;
  right: 32px;
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView header.redesign.tablet .promotion-button-wrapper {
  right: 32px;
}

.mobile-header-menu {
  position: absolute;
  right: 0;
}
.mobile-header-menu .menu {
  top: -1px;
}

.mockup-private-list-table .content-group-table-row {
  height: 52px;
}
.mockup-private-list-table .content-group-table-row .group-content {
  align-self: unset;
}
.mockup-private-list-table .content-group-table-row .group-content-chip-wrapper {
  flex: unset;
  flex-basis: 200px;
}
.mockup-private-list-table .flat-table-row.flat-table-header .flat-table-cell.date {
  flex-basis: 400px;
}
.mockup-private-list-table .flat-table-cell, .mockup-private-list-table .group-content {
  padding: 8px 0;
}
.mockup-private-list-table .flat-table-cell.mockup-private-list-table-title, .mockup-private-list-table .group-content.mockup-private-list-table-title {
  flex: auto;
  flex-wrap: unset !important;
}
.mockup-private-list-table .flat-table-cell.title, .mockup-private-list-table .group-content.title {
  flex: auto;
}
.mockup-private-list-table .flat-table-cell.status, .mockup-private-list-table .group-content.status {
  min-height: unset;
  flex: 0 0 auto;
  margin-right: 16px;
}
.mockup-private-list-table .flat-table-cell.userName, .mockup-private-list-table .group-content.userName {
  flex-basis: 150px;
}
.mockup-private-list-table .flat-table-cell.date, .mockup-private-list-table .group-content.date {
  flex-basis: 200px;
}
.mockup-private-list-table .flat-table-cell.group-content-image, .mockup-private-list-table .group-content.group-content-image {
  width: unset;
  flex: 0;
  min-width: 52px;
}
.mockup-private-list-table .flat-table-cell.group-content-image img, .mockup-private-list-table .group-content.group-content-image img {
  max-height: 52px;
  max-width: 52px;
}
.mockup-private-list-table .flat-table-cell, .mockup-private-list-table .group-content {
  /*&.emails {
      flex-basis: 150px;
  }*/
}

.dialog-scrollable-content .mockup-private-list-table .flat-table-row .group-content.edit, .dialog-scrollable-content .mockup-private-list-table .flat-table-row .flat-table-cell.edit {
  display: none;
}

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

.order-cockpit-items {
  display: flex;
  max-width: 1024px;
  flex-direction: column;
}
.order-cockpit-items .order-cockpit-list-item {
  margin-top: 16px;
  box-sizing: border-box;
  position: relative;
}
.order-cockpit-items .order-cockpit-list-item .mobile-menu {
  position: absolute;
  right: 8px;
  top: 8px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-header {
  margin-bottom: 0;
  cursor: pointer;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-header .group-content-key-value {
  padding-top: 0;
  padding-bottom: 0;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded {
  display: flex;
  border-top: 2px solid #cccccc;
  padding-top: 16px;
  margin-top: 16px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content {
  flex: auto;
  margin-right: 16px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .orderStatusLabel, .order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .orderNumber {
  min-height: unset;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .order-cockpit-position {
  display: flex;
  margin-bottom: 8px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .order-cockpit-position .position-image {
  width: 76px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #efefef;
  box-sizing: border-box;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .order-cockpit-position .position-image img {
  max-width: 76px;
  max-height: 76px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .order-cockpit-position .position-descriptions {
  flex: 1;
  padding: 8px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .order-cockpit-position .position-descriptions .group-content.title {
  font-size: 18px;
  font-weight: bold;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-content .order-cockpit-position .position-descriptions .article-name {
  font-size: 14px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-buttons {
  flex: 0 0 332px;
}
.order-cockpit-items .order-cockpit-list-item .order-cockpit-list-item-expanded .order-cockpit-list-item-expanded-buttons .group-content-label.group-important {
  font-size: 12px;
  min-height: unset;
}

.order-cockpit-detail-view .checkout-group-content {
  margin-bottom: 16px;
}
.order-cockpit-detail-view .checkout-group-content:last-child {
  margin-bottom: unset;
}
.order-cockpit-detail-view .checkout-group-content .group-content-button {
  margin-bottom: 8px;
}
.order-cockpit-detail-view .checkout-group-content.functions-section .btn-simple {
  width: 100%;
  justify-content: unset;
}

.rc-mobile-menu .mobile-menu-content .order-cockpit-detail-view .group-content-button {
  margin-bottom: 0;
}
.rc-mobile-menu .mobile-menu-content .order-cockpit-detail-view .group-content-button .btn-simple.btn-default {
  background-color: unset;
}
.rc-mobile-menu .mobile-menu-content .order-cockpit-detail-view .group-content-button .btn-simple.btn-action {
  margin-bottom: 8px;
}
.rc-mobile-menu .mobile-menu-content .order-cockpit-detail-view .group-content-label.group-content {
  min-height: unset;
}

#OrderCockpitView .order-cockpit-items {
  flex: 0;
}
#OrderCockpitView .order-cockpit-list-item {
  padding: 16px;
  background-color: #ffffff;
  width: 100%;
  position: relative;
}
#OrderCockpitView .order-cockpit-list-item .order-cockpit-item-menu {
  position: absolute;
  right: 0;
  top: 0;
}
#OrderCockpitView .order-cockpit-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
#OrderCockpitView .order-cockpit-item .order-cockpit-item-menu {
  position: absolute;
  right: 0;
  top: 0;
}

#ComplaintDialog .rc-dialog-wrapper {
  max-width: 600px;
}
#ComplaintDialog .rc-dialog-wrapper .rc-dialog-content {
  padding: unset;
  max-height: 90vh;
  height: 90vh;
  position: relative;
  display: flex;
  flex-direction: column;
}
#ComplaintDialog .rc-dialog-wrapper .rc-dialog-content .dialog-control {
  margin: unset;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
  flex: 0;
}
#ComplaintDialog .rc-dialog-wrapper .rc-dialog-content .complaint-dialog-content {
  flex: 1;
  padding: 0 16px 16px;
  box-sizing: border-box;
  overflow-y: auto;
}
#ComplaintDialog .rc-textarea, #ComplaintDialog .rc-textarea-v2-container {
  width: 100%;
}
#ComplaintDialog .checkout-group-content .group-content {
  margin-bottom: 8px;
}
#ComplaintDialog .group-content-horizontal-group {
  align-items: center;
}
#ComplaintDialog .group-content-horizontal-group > div {
  flex: 0;
}
#ComplaintDialog .group-content-horizontal-group .group-content-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: unset;
  min-width: unset;
}
#ComplaintDialog .group-content-horizontal-group .group-content-key-value {
  padding-bottom: unset;
}
#ComplaintDialog .group-content-horizontal-group .group-content-key-value.reclamatationPrice p {
  white-space: nowrap;
}

#OrderAddressListDialog .rc-dialog-content {
  background-color: #efefef;
}

.orders-list-table-scrollable-wrapper {
  overflow-x: auto;
  max-width: 100%;
}

.open-items-list-view .group-content-horizontal-group {
  justify-content: right;
}
.open-items-list-view .group-content-horizontal-group .group-content-label {
  flex: 0;
  padding-right: 4px;
}
.open-items-list-view .group-content-horizontal-group .group-content-label.labelTotalBalance {
  flex-basis: 150px;
}

.open-items-list-table .flat-table-cell.date, .open-items-list-table .group-content.date {
  flex-basis: 150px;
}
.open-items-list-table .flat-table-cell.orderNumber, .open-items-list-table .group-content.orderNumber {
  flex-basis: 150px;
}
.open-items-list-table .flat-table-cell.invoiceNumber, .open-items-list-table .group-content.invoiceNumber {
  flex: 1;
}
.open-items-list-table .flat-table-cell.due, .open-items-list-table .group-content.due {
  flex-basis: 150px;
}
.open-items-list-table .flat-table-cell.total, .open-items-list-table .group-content.total {
  flex-basis: 150px;
  text-align: right;
}

.orders-list-table-scrollable-wrapper .vouchers-table {
  min-width: 1250px;
}

.orders-list-table {
  min-width: 1250px;
}
.orders-list-table.flat-table {
  border: unset;
}
.orders-list-table.flat-table .flat-table-row {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.orders-list-table .flat-table-cell.date, .orders-list-table .group-content.date {
  flex-basis: 100px;
}
.orders-list-table .flat-table-cell.orderNumber, .orders-list-table .group-content.orderNumber {
  flex-basis: 150px;
}
.orders-list-table .flat-table-cell.collectiveOrderNumber, .orders-list-table .group-content.collectiveOrderNumber {
  flex-basis: 150px;
}
.orders-list-table .flat-table-cell.billingNumber, .orders-list-table .group-content.billingNumber {
  flex-basis: 150px;
}
.orders-list-table .flat-table-cell.photoJobs, .orders-list-table .group-content.photoJobs {
  flex-basis: 200px;
}
.orders-list-table .flat-table-cell.photoJobs.group-content-label, .orders-list-table .group-content.photoJobs.group-content-label {
  gap: unset;
}
.orders-list-table .flat-table-cell.collections, .orders-list-table .group-content.collections {
  flex-basis: 200px;
}
.orders-list-table .flat-table-cell.collections.group-content-label, .orders-list-table .group-content.collections.group-content-label {
  gap: unset;
}
.orders-list-table .flat-table-cell.orderStatus, .orders-list-table .group-content.orderStatus {
  flex-basis: 15%;
}
.orders-list-table .flat-table-cell.orderType, .orders-list-table .group-content.orderType {
  flex-basis: 15%;
}
.orders-list-table .flat-table-cell.voucher, .orders-list-table .group-content.voucher {
  flex-basis: 100px;
}
.orders-list-table .flat-table-cell.total, .orders-list-table .group-content.total {
  flex-basis: 100px;
}
.orders-list-table .flat-table-cell.profit, .orders-list-table .flat-table-cell.netProfit, .orders-list-table .group-content.profit, .orders-list-table .group-content.netProfit {
  flex-basis: 100px;
  max-width: 100px;
  white-space: break-spaces;
}
.orders-list-table .flat-table-cell.profit > div, .orders-list-table .flat-table-cell.netProfit > div, .orders-list-table .group-content.profit > div, .orders-list-table .group-content.netProfit > div {
  white-space: unset;
}
.orders-list-table .flat-table-cell.name, .orders-list-table .group-content.name {
  flex: auto;
}
.orders-list-table .flat-table-cell.quantity, .orders-list-table .group-content.quantity {
  flex-basis: 70px;
  text-align: right;
  justify-content: flex-end;
}
.orders-list-table .flat-table-cell.price, .orders-list-table .flat-table-cell.posCommission, .orders-list-table .flat-table-cell.posProfit, .orders-list-table .flat-table-cell.posNetProfit, .orders-list-table .flat-table-cell.posPurchasingPrice, .orders-list-table .flat-table-cell.posPromoVoucher, .orders-list-table .group-content.price, .orders-list-table .group-content.posCommission, .orders-list-table .group-content.posProfit, .orders-list-table .group-content.posNetProfit, .orders-list-table .group-content.posPurchasingPrice, .orders-list-table .group-content.posPromoVoucher {
  flex-basis: 100px;
  text-align: right;
  justify-content: flex-end;
}
.orders-list-table .flat-table-cell.price > div, .orders-list-table .flat-table-cell.posCommission > div, .orders-list-table .flat-table-cell.posProfit > div, .orders-list-table .flat-table-cell.posNetProfit > div, .orders-list-table .flat-table-cell.posPurchasingPrice > div, .orders-list-table .flat-table-cell.posPromoVoucher > div, .orders-list-table .group-content.price > div, .orders-list-table .group-content.posCommission > div, .orders-list-table .group-content.posProfit > div, .orders-list-table .group-content.posNetProfit > div, .orders-list-table .group-content.posPurchasingPrice > div, .orders-list-table .group-content.posPromoVoucher > div {
  white-space: normal;
  line-height: 14px;
}
.orders-list-table .flat-table-cell.collection, .orders-list-table .flat-table-cell.photoJobName, .orders-list-table .group-content.collection, .orders-list-table .group-content.photoJobName {
  flex: 1 1 20%;
}
.orders-list-table .flat-table-cell.pricelist, .orders-list-table .group-content.pricelist {
  flex: 1 1 20%;
}
.orders-list-table .flat-table-cell.article, .orders-list-table .group-content.article {
  flex: 1 1 35%;
  white-space: unset;
  height: auto;
}
.orders-list-table .flat-table-cell.article > div, .orders-list-table .group-content.article > div {
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
}
.orders-list-table .flat-table-cell.article > div strong, .orders-list-table .group-content.article > div strong {
  font-weight: bold;
  display: block;
}
.orders-list-table .flat-table-cell.article > div br, .orders-list-table .group-content.article > div br {
  display: inherit;
}

.order-list-table-row.mobile-table-row .mobile-table-column.collections .group-content.group-content-label, .order-list-table-row.mobile-table-row .mobile-table-column.photoJobs .group-content.group-content-label {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: unset;
}

@media (max-width: 1200px) {
  .order-management-detail-view .orders-list-table {
    min-width: 1000px;
  }
}

.order-position-flat-table-wrapper {
  padding: 8px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  overflow-x: auto;
}
.order-position-flat-table-wrapper > .flat-table.orders-table {
  min-width: 1300px;
}

.order-position-flat-table-summary.checkout-group-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 8px;
}
.order-position-flat-table-summary.checkout-group-content .group-content-key-value {
  display: flex;
  width: 200px;
  padding-bottom: 4px;
  padding-right: 4px;
  padding-top: 2px;
  margin-bottom: 0;
}
.order-position-flat-table-summary.checkout-group-content .group-content-key-value .group-content-key-value-key, .order-position-flat-table-summary.checkout-group-content .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
  width: 100px;
  text-align: right;
  line-height: 20px;
}
.order-position-flat-table-summary.checkout-group-content .group-content-key-value.total .group-content-key-value-key, .order-position-flat-table-summary.checkout-group-content .group-content-key-value.total .group-content-key-value-value {
  font-weight: bold;
}

#Ordermanagement.business-portal-order-management .desktop-main-content-breadcrumb > div {
  max-width: 464px;
  min-width: 464px;
}
#Ordermanagement .download-right-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
#Ordermanagement .download-right-container button {
  padding-right: 0;
}
#Ordermanagement .download-right-container {
  /* .download-right {
  		 display: flex;
  		 flex-direction: row;
  		 align-items: center;
  		 cursor: pointer;
   }*/
}
#Ordermanagement .desktop-detail-content {
  overflow-y: unset;
  overflow: unset;
}
#Ordermanagement .checkout-group-content .group-content-horizontal-group .group-content-link-add {
  text-align: right;
}
#Ordermanagement main > div {
  padding: 8px;
  box-sizing: border-box;
}
#Ordermanagement main > div .order-management-details-summary {
  background-color: white;
  padding: 16px;
  margin: -8px -8px 0;
}
#Ordermanagement main > div .order-management-details-summary .group-content-horizontal-group {
  max-height: 32px;
}
#Ordermanagement main > div .order-management-details-summary .group-content-horizontal-group + .group-content-label.group-content {
  margin-bottom: 16px;
}
#Ordermanagement main > div .order-management-details-summary .group-content-horizontal-group .group-content-link-add button {
  padding-right: 8px;
}
#Ordermanagement main > div .order-management-details-summary .group-content-label.group-important {
  max-height: 32px;
}
#Ordermanagement main > div .order-management-detail-position-buy-now {
  width: 100%;
}
#Ordermanagement main > div .order-management-detail-position-buy-now button {
  width: 100%;
}
#Ordermanagement main > div .order-management-detail-position-amount {
  flex: 1;
}

#MobileOrderManagement > div .order-management-detail-position-amount {
  flex: 1;
}
#MobileOrderManagement > div .order-management-detail-position-amount:first-child {
  text-align: left;
}
#MobileOrderManagement .order-date-number-mobile > div {
  min-height: unset;
}
#MobileOrderManagement .order-management-detail-position-buy-now button {
  width: unset;
  padding-left: 0;
  height: unset;
}
@media only screen and (orientation: portrait) {
  #MobileOrderManagement .order-management-detail-position-buy-now .group-content-button.group-content.buyAgain {
    justify-content: right;
  }
}

#Ordermanagement .order-management-detail-position-row, #MobileOrderManagement .order-management-detail-position-row {
  border-radius: 6px;
}

main > .add-padding {
  padding: 16px;
  box-sizing: border-box;
}

.page-layout .desktop-detail-content .order-summary-controls {
  /*display: flex;
  flex-direction: column;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;*/
  width: 100%;
  background-color: #FFFFFF;
  z-index: 10;
  flex: 0;
  border-top: 1px solid #cccccc;
}
.page-layout .desktop-detail-content .order-summary-content {
  flex: 1;
  overflow-y: auto;
}

.content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value {
  display: flex;
  flex-grow: 0;
  gap: 16px;
  margin-right: 32px;
}
.content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value p {
  white-space: nowrap;
}
.content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value .group-content-key-value-value {
  line-height: 15px;
  font-size: 14px;
  font-weight: bold;
}

.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value {
  display: flex;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value p {
  white-space: nowrap;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value .group-content-key-value-key {
  width: 25%;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.collective-order-summary-line .group-content-key-value .group-content-key-value-value {
  line-height: 15px;
  font-size: 14px;
  font-weight: bold;
}

.order-summary-content .group-content-horizontal-group > .group-content, .order-summary-controls .group-content-horizontal-group > .group-content {
  flex: 1 1 0;
  max-width: calc(50% - 8px);
}
.order-summary-content .group-content-horizontal-group .group-content-label + .group-content-link-add, .order-summary-controls .group-content-horizontal-group .group-content-label + .group-content-link-add {
  text-align: right;
}
.order-summary-content .group-content-button .btn-simple, .order-summary-controls .group-content-button .btn-simple {
  width: 100%;
  justify-content: left;
}
.order-summary-content .group-content-key-value.billingAddress .group-content-key-value-key, .order-summary-content .group-content-key-value.deliveryAddress .group-content-key-value-key, .order-summary-controls .group-content-key-value.billingAddress .group-content-key-value-key, .order-summary-controls .group-content-key-value.deliveryAddress .group-content-key-value-key {
  font-weight: bold;
  height: 36px;
  display: flex;
  padding: 0;
  align-items: center;
}
.order-summary-content .group-content-key-value.billingAddress .group-content-key-value-value, .order-summary-content .group-content-key-value.deliveryAddress .group-content-key-value-value, .order-summary-controls .group-content-key-value.billingAddress .group-content-key-value-value, .order-summary-controls .group-content-key-value.deliveryAddress .group-content-key-value-value {
  font-size: 14px;
}
.order-summary-content .key-values-lines, .order-summary-controls .key-values-lines {
  margin-bottom: 8px;
}
.order-summary-content .key-values-lines .group-content-label, .order-summary-controls .key-values-lines .group-content-label {
  margin-bottom: 0;
}
.order-summary-content .key-values-lines .group-content-key-value, .order-summary-controls .key-values-lines .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
}
.order-summary-content .key-values-lines .group-content-key-value .group-content-key-value-key, .order-summary-controls .key-values-lines .group-content-key-value .group-content-key-value-key {
  line-height: 20px;
  width: 50%;
}
.order-summary-content .key-values-lines .group-content-key-value .group-content-key-value-value, .order-summary-controls .key-values-lines .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}
.order-summary-content .key-values-lines .group-content-key-value + .group-content-button, .order-summary-controls .key-values-lines .group-content-key-value + .group-content-button {
  margin-top: 8px;
}

.order-management-shipping-state .group-content.group-content-horizontal-group {
  justify-content: space-between;
}
.order-management-shipping-state .group-content.group-content-horizontal-group .group-content-label {
  align-items: end;
  white-space: nowrap;
}

.rc-mobile-view > main.mobile-settlements-detail-view {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.order-management-detail-view-mobile-summary {
  background-color: #FFFFFF;
}

.page-layout .desktop-main-content > div.order-management-detail-view {
  padding: 16px 8px 0;
}

.order-management-detail-view .mass-upload {
  margin-top: 16px;
}
.order-management-detail-view .mass-upload .massUpload {
  flex: 0;
}
.order-management-detail-view .mass-upload .downloadCSV button {
  background-color: white;
}
.order-management-detail-view .mass-upload input[type=file] {
  display: none;
}
.order-management-detail-view.settlements-list-view > .content-group-table-row {
  margin-bottom: 16px;
}
.order-management-detail-view.settlements-list-view .flat-table-summaries-row {
  border-top: 2px solid #cccccc;
}
.order-management-detail-view.settlements-list-view .flat-table-summaries-row:hover {
  background-color: inherit;
}
.order-management-detail-view.settlements-list-view .flat-table-summaries-row .group-content-label.group-content {
  cursor: auto;
  font-weight: bold;
}

.rc-mobile-view .order-position-images-wrapper {
  display: flex;
  flex-direction: column;
  background-color: unset;
  padding: 8px 0;
}
.rc-mobile-view .order-position-images-wrapper > div {
  padding: 0 8px;
  background-color: white;
}
.rc-mobile-view .order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-image {
  min-width: 80px;
}
.rc-mobile-view .order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-image img {
  max-width: 80px;
  max-height: 80px;
}

.order-position-images-wrapper {
  padding: 8px;
  margin-bottom: 8px;
  background-color: #FFFFFF;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group {
  align-items: flex-start;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content {
  flex: 0;
  align-self: center;
  white-space: nowrap;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-image {
  width: unset;
  flex: 0;
  min-width: 168px;
  align-items: center;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-image img {
  max-height: 168px;
  max-width: 168px;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-label.quality {
  padding-left: 8px;
  padding-right: 8px;
  color: #FFFFFF;
  min-height: unset;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-label.quality.group-error {
  background-color: #d9052f;
  font-weight: unset;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-label.quality.group-color {
  background-color: #6c9d0d;
  font-weight: unset;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-label.name {
  margin-left: 8px;
  max-width: calc(100% - 120px);
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .group-content.group-content-label.name > div {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .order-position-image-item-header {
  font-size: 12px;
  line-height: 15px;
  color: #6e6e6e;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .order-position-image-item-original, .order-position-images-wrapper .group-content.group-content-horizontal-group .order-position-image-item-toupload {
  /*flex: 1;
  max-width: 50%;*/
  flex: 1 1 50%;
  overflow: hidden;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .order-position-image-item-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .order-position-image-item-content .quality {
  margin-left: 8px;
}
.order-position-images-wrapper .group-content.group-content-horizontal-group .order-position-image-item-content + .quality {
  margin-top: 8px;
  width: auto;
  display: inline-flex;
}

.order-management-details-summary .group-content-link-add button {
  height: unset;
}
.order-management-details-summary .btn-icon .sgw-icon.add_big {
  display: none;
}

.cockpit-complaint-mobile {
  padding: 16px;
}

.cockpit-complaint-content > .checkout-group-content > .group-content-horizontal-group.rc-mobile-component {
  border-bottom: 1px solid #cccccc;
}
.cockpit-complaint-content > .checkout-group-content > .group-content-horizontal-group.rc-mobile-component:last-child {
  border-bottom: unset;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-input:not(.ReclamationCity) {
  max-width: 138px;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-input:not(.ReclamationCity).rc-mobile-component {
  max-width: unset;
  flex-basis: calc(50% - 8px);
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-image.group-align-left {
  max-width: 107px;
  justify-content: left;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-key-value {
  padding-top: 0;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-button {
  flex: 0;
  align-items: unset;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-label {
  white-space: nowrap;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group .group-content.group-content-label.rc-mobile-component {
  white-space: break-spaces;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group.group-content.reclamationImages .group-content-item {
  flex: unset;
}
.cockpit-complaint-content .group-content.group-content-horizontal-group.group-content.reclamationImages .group-content-item > .edit.group-content-item-edit {
  position: absolute;
  right: 0;
  top: 0;
  transform: unset;
  background-color: white;
}
.cockpit-complaint-content .checkout-group-content .group-content-image + .checkout-group-content .group-content-input:not(.ReclamationCity).rc-mobile-component {
  max-width: unset;
  flex-basis: 100%;
}
.cockpit-complaint-content .rc-input.mobile-numeric .btn-simple.btn-icon-only {
  height: 36px;
  flex: 0 0 36px;
}
.cockpit-complaint-content .rc-input.mobile-numeric .rc-input-wrapper {
  align-items: end;
}
.cockpit-complaint-content .rc-input.mobile-numeric .rc-input-wrapper input {
  height: 22px;
  text-align: left;
}
.cockpit-complaint-content .reclamatationArticle + .checkout-group-content > .group-content-horizontal-group.group-content {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
  flex-wrap: nowrap;
  /*.group-content-key-value {
  		.group-content-key-value-value {
  				line-height: inherit;
  				font-size: inherit;
  		}
  }*/
}
.cockpit-complaint-content {
  /*.reclamatationSub {
  		.rc-select .select-options-list {
  				top: unset;
  				bottom: 100%;
  		}
  }*/
  /*.group-content-drop-down.group-content:not(.reclamatationArticle) {
  		.select-options-list {
  				top: unset;
  				bottom: 100%;
  		}
  }*/
}

#OrderComplaintSelectItemsDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper {
  max-width: 90%;
}
#OrderComplaintSelectItemsDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  height: 90vh;
}
#OrderComplaintSelectItemsDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding: 0 16px;
}
#OrderComplaintSelectItemsDialog.rc-dialog.dialog-with-scrollable-content .dialog-footer {
  height: 54px;
  display: flex;
  justify-content: space-between;
  background-color: #efefef;
}
#OrderComplaintSelectItemsDialog.rc-dialog.dialog-with-scrollable-content .dialog-footer > div {
  flex: 0;
  padding: 8px;
  display: flex;
  white-space: nowrap;
  align-items: center;
}
#OrderComplaintSelectItemsDialog.rc-dialog.dialog-with-scrollable-content .dialog-footer > div.dialog-footer-label {
  font-size: 14px;
}

#OrderComplaintSelectItemsDialog.rc-mobile-view > header .mobile-page-title {
  margin-right: 0;
}

#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  height: 85vh;
  padding: unset;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .content-group-table-row {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .content-group-table-row .group-content-image.group-content {
  flex: 1;
  display: flex;
  align-items: center;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .content-group-table-row .group-content-image.group-content .group-content-image-svg {
  display: flex;
  justify-content: center;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .group-content-image.group-content.orgImg {
  height: calc(100% - 44px);
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .group-content-image.group-content.uploadImg {
  height: calc(100% - 44px - 44px);
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .group-content-image.group-content.uploadImg .group-content-image-svg {
  width: fit-content;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .group-content-image-portrait {
  width: auto;
  height: 100%;
  max-height: 100%;
}
#OrderPositionImageUploadDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .order-position-image-upload-content .group-content-image-square {
  width: auto;
  height: 100%;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .content-group-table-row {
  padding: 16px;
  background-color: white;
  margin-bottom: 8px;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .content-group-table-row .group-content-image img {
  max-height: 100%;
  width: auto;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .order-position-image-upload-buttons {
  justify-content: center;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .order-position-image-upload-buttons .group-content.group-content-button, #OrderPositionImageUploadDialog .order-position-image-upload-content .order-position-image-upload-buttons .group-content.group-content-upload {
  flex: 0;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .order-position-image-upload-header .group-content.group-content-label:first-child {
  font-weight: bold;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .order-position-image-upload-header .group-content.group-content-label:last-child {
  display: flex;
  justify-content: right;
}
#OrderPositionImageUploadDialog .order-position-image-upload-content .rc-floating-button {
  display: flex;
  padding-bottom: 0;
}

#PageSettings .group-content.group-content-horizontal-group .group-content-upload, #PageSettings .group-content.group-content-horizontal-group .group-content-button:first-child, #EmailSettings .group-content.group-content-horizontal-group .group-content-upload, #EmailSettings .group-content.group-content-horizontal-group .group-content-button:first-child, #WatermarkSettings .group-content.group-content-horizontal-group .group-content-upload, #WatermarkSettings .group-content.group-content-horizontal-group .group-content-button:first-child, #DataProcessingAgreement .group-content.group-content-horizontal-group .group-content-upload, #DataProcessingAgreement .group-content.group-content-horizontal-group .group-content-button:first-child {
  flex: 0;
  padding: 0;
}
#PageSettings .group-content.group-content-horizontal-group .group-content-upload + .group-content-button, #PageSettings .group-content.group-content-horizontal-group .group-content-button:first-child + .group-content-button, #EmailSettings .group-content.group-content-horizontal-group .group-content-upload + .group-content-button, #EmailSettings .group-content.group-content-horizontal-group .group-content-button:first-child + .group-content-button, #WatermarkSettings .group-content.group-content-horizontal-group .group-content-upload + .group-content-button, #WatermarkSettings .group-content.group-content-horizontal-group .group-content-button:first-child + .group-content-button, #DataProcessingAgreement .group-content.group-content-horizontal-group .group-content-upload + .group-content-button, #DataProcessingAgreement .group-content.group-content-horizontal-group .group-content-button:first-child + .group-content-button {
  align-items: flex-end;
}
#PageSettings .group-content.group-content-button.button-submit .btn-simple.btn-submit, #EmailSettings .group-content.group-content-button.button-submit .btn-simple.btn-submit, #WatermarkSettings .group-content.group-content-button.button-submit .btn-simple.btn-submit, #DataProcessingAgreement .group-content.group-content-button.button-submit .btn-simple.btn-submit {
  width: unset;
}
#PageSettings .rc-component.rc-snackbar, #EmailSettings .rc-component.rc-snackbar, #WatermarkSettings .rc-component.rc-snackbar, #DataProcessingAgreement .rc-component.rc-snackbar {
  right: 0;
  left: unset;
  padding: 0 36px;
  height: 36px;
}

.data-processing-agreement .group-content.group-content-label {
  display: block;
  margin-bottom: 16px;
}

#PageSettings .group-content-carousel {
  display: flex;
}
#PageSettings .group-content-carousel-item {
  width: calc(33.3333333333% - 4px);
  margin-right: 8px;
}
#PageSettings .group-content-carousel-item:last-child {
  margin-right: unset;
}
#PageSettings .content-card {
  width: 100%;
}
#PageSettings {
  /*.group-content-carousel-item {
      .content-card-image {
          cursor: pointer;

          .image-tile {
              border: 2px solid transparent;

              &.selected {
                  border-color: #3669c4;
              }
          }

      }
  }*/
}
#PageSettings main .content-card.card-small {
  height: auto;
}
#PageSettings .content-card .content-card-image {
  cursor: pointer;
  position: relative;
  overflow: unset;
}
#PageSettings .content-card .content-card-image .image-tile {
  border: 2px solid transparent;
  background-color: #d8d8d8;
}
#PageSettings .content-card .content-card-image .image-tile.selected {
  border-color: #3669c4;
}
#PageSettings .content-card .content-card-image .image-tile.selected .rc-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
#PageSettings .content-card .content-card-image .image-tile.selected .rc-icon:before {
  color: #ffffff;
}
#PageSettings .content-card .content-card-title {
  justify-content: center;
  flex: unset;
}

.qr-code-mobile-view-content .checkout-group-content .group-content-link-add .rc-icon.sgw-icon.add_big {
  display: none;
}
.qr-code-mobile-view-content .checkout-group-content .group-content.group-content-label.group-important {
  margin-bottom: 0;
  min-height: unset;
}

#PaymentMethodsPage main {
  padding: 16px;
}
#PaymentMethodsPage .payment-methods-items {
  display: flex;
  flex-wrap: wrap;
  flex: unset;
  gap: 8px;
}
#PaymentMethodsPage .payment-methods-items .payment-methods-list-item {
  box-sizing: border-box;
  padding: 16px;
  min-width: 320px;
  max-width: 446px;
  width: 375px;
  border-radius: 6px;
  cursor: pointer;
  background-color: #ffffff;
}
#PaymentMethodsPage .payment-methods-items .payment-methods-list-item.payment-method-disabled {
  cursor: unset;
}
#PaymentMethodsPage .payment-methods-items .payment-methods-list-item.payment-method-disabled .content-group-table-row.payment-methods-item, #PaymentMethodsPage .payment-methods-items .payment-methods-list-item.payment-method-disabled .payment-methods-item-menu {
  opacity: 0.5;
}
#PaymentMethodsPage.rc-dialog .payment-methods-items .payment-methods-list-item {
  width: 50%;
}
#PaymentMethodsPage .payment-methods-list-item {
  width: 100%;
  position: relative;
}
#PaymentMethodsPage .payment-methods-list-item .payment-methods-item-menu {
  position: absolute;
  right: 8px;
  top: 8px;
}
#PaymentMethodsPage .payment-methods-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  gap: 8px;
}
#PaymentMethodsPage .payment-methods-item.content-group-table-row .group-content.group-content-label {
  min-height: unset;
  margin-bottom: 0;
}
#PaymentMethodsPage .payment-methods-item.content-group-table-row .group-content.group-content-label.nameDetail {
  min-height: 18px;
}
#PaymentMethodsPage .payment-methods-item.content-group-table-row .group-content.group-content-label.name {
  font-weight: bold;
}
#PaymentMethodsPage .payment-methods-item .payment-methods-item-menu {
  position: absolute;
  right: 0;
  top: 0;
}
#PaymentMethodsPage .payment-methods-item .group-content-chip-wrapper .group-content.group-content-chip {
  margin-bottom: unset;
}

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

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

#PhotoCompetitionSettings .rc-textarea, #PhotoCompetitionSettings .rc-textarea-v2-container {
  min-height: 278px;
}
#PhotoCompetitionSettings .rc-textarea textarea, #PhotoCompetitionSettings .rc-textarea-v2-container textarea {
  width: calc(100% - 4px);
}
#PhotoCompetitionSettings .uploadImageButton {
  flex: 0;
}

.photo-competition-translation-image .group-content-image.group-content img {
  max-height: 150px;
  width: auto;
}
.photo-competition-translation-image .uploadImageButton {
  flex: 0;
}

#PhotoJobAddDialog .checkout-group-content .group-content-label, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .group-content-label {
  line-height: 18px;
  margin-bottom: 4px;
}
#PhotoJobAddDialog .checkout-group-content .group-content-horizontal-group .group-content-upload, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .group-content-horizontal-group .group-content-upload {
  flex: unset;
}
#PhotoJobAddDialog .checkout-group-content .group-content-horizontal-group .group-content-button, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .group-content-horizontal-group .group-content-button {
  flex: unset;
}
#PhotoJobAddDialog .checkout-group-content .group-content-horizontal-group .group-content-input[class*=groupName] + .group-content-button button, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .group-content-horizontal-group .group-content-input[class*=groupName] + .group-content-button button {
  padding-left: 4px;
  padding-right: 4px;
}
#PhotoJobAddDialog .checkout-group-content .group-content-horizontal-group .group-content-input[class*=groupName] + .group-content-button button .rc-icon.sgw-icon, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .group-content-horizontal-group .group-content-input[class*=groupName] + .group-content-button button .rc-icon.sgw-icon {
  margin-right: unset;
}
#PhotoJobAddDialog .checkout-group-content .group-content-horizontal-group .group-content-input[class*=groupName] + .group-content-button button .btn-label, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .group-content-horizontal-group .group-content-input[class*=groupName] + .group-content-button button .btn-label {
  display: none;
}
#PhotoJobAddDialog .checkout-group-content .endPublishing + .group-content-item .group-content-label, #PhotoJobOnlineRegistrationSettingsDialog .checkout-group-content .endPublishing + .group-content-item .group-content-label {
  margin-bottom: 0;
}

#PhotoJobAddDialog .dialog-scrollable-content > .checkout-group-content, #PhotoJobDownloadCardDialog .dialog-scrollable-content > .checkout-group-content {
  margin-bottom: 16px;
}

#PhotoJobAddDialog .select-registration button.btn-simple {
  padding: 0 16px 0 32px;
  gap: 8px;
}
#PhotoJobAddDialog .select-registration button.btn-simple .rc-icon.arrow_right_line2 {
  order: 2;
  margin-right: 0;
}

#PhotoJobEditDialog .checkout-group-content .group-content-label {
  line-height: 18px;
  margin-bottom: 4px;
}
#PhotoJobEditDialog .checkout-group-content .group-content-horizontal-group .group-content-button {
  flex: unset;
}
#PhotoJobEditDialog .checkout-group-content .group-content-link-add button .rc-icon.sgw-icon.add_big {
  display: none;
}
#PhotoJobEditDialog .checkout-group-content.stylesContent .group-content-ident-container:not(.publishCommentsManually):not(.allowCommentingComments):not(.allowLikingComments) {
  padding: 0 16px 16px;
  background-color: #efefef;
}
#PhotoJobEditDialog .checkout-group-content.stylesContent .group-content-ident-container:not(.publishCommentsManually):not(.allowCommentingComments):not(.allowLikingComments) .group-content-label {
  margin-bottom: 0;
}
#PhotoJobEditDialog .checkout-group-content.stylesContent .group-content-ident-container:not(.publishCommentsManually):not(.allowCommentingComments):not(.allowLikingComments) .group-content-carousel {
  margin-bottom: 8px;
}
#PhotoJobEditDialog .checkout-group-content.stylesContent .group-content-ident-container:not(.publishCommentsManually):not(.allowCommentingComments):not(.allowLikingComments) .group-content-carousel .rc-component.rc-carousel .group-content-carousel-item {
  max-width: calc(33% - 4px);
}
#PhotoJobEditDialog .checkout-group-content.stylesContent .group-content-tabcontrol + .group-content-label {
  margin-bottom: 0;
}
#PhotoJobEditDialog .checkout-group-content.stylesContent {
  /*.imageListType, .imageListTypeMobile, .theme {
  		padding: 0 16px 16px 16px;
  		background-color: #efefef;
  		margin-bottom: 0;

  		+ .group-content-label {
  				padding: 0 8px 8px 16px;
  				background-color: #efefef;
  				margin-bottom: 0;
  		}
  }

  .theme {
  		padding-bottom: 16px;
  }*/
}
#PhotoJobEditDialog .checkout-group-content .orderMinimumAmount {
  margin-bottom: 16px;
  padding-left: 16px;
}
#PhotoJobEditDialog .checkout-group-content .endPublishing + .group-content-item .group-content-label {
  margin-bottom: 0;
}

.page-layout .desktop-main-content .photojobs-table-scrollable-wrapper {
  padding: 8px 16px;
}

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

.photojobs-list-table {
  margin-bottom: 16px;
}
.photojobs-list-table .mobile-table-row .group-content-chip-wrapper {
  justify-content: unset;
  flex: unset;
}
.photojobs-list-table .flat-table-cell.date, .photojobs-list-table .group-content.date {
  flex-basis: 100px;
}
.photojobs-list-table .flat-table-cell.name, .photojobs-list-table .group-content.name {
  flex: auto;
  min-width: 250px;
}
.photojobs-list-table .flat-table-cell.internalName, .photojobs-list-table .group-content.internalName {
  flex-basis: 250px;
}
.photojobs-list-table .flat-table-cell.photoJobType, .photojobs-list-table .group-content.photoJobType {
  flex-basis: 150px;
}
.photojobs-list-table .flat-table-cell.photoshootDate, .photojobs-list-table .flat-table-cell.startPublishing, .photojobs-list-table .flat-table-cell.endPublishing, .photojobs-list-table .group-content.photoshootDate, .photojobs-list-table .group-content.startPublishing, .photojobs-list-table .group-content.endPublishing {
  flex-basis: 150px;
}
.photojobs-list-table .flat-table-cell.photoshootDate > div, .photojobs-list-table .flat-table-cell.startPublishing > div, .photojobs-list-table .flat-table-cell.endPublishing > div, .photojobs-list-table .group-content.photoshootDate > div, .photojobs-list-table .group-content.startPublishing > div, .photojobs-list-table .group-content.endPublishing > div {
  white-space: normal;
}
.photojobs-list-table .flat-table-cell.status, .photojobs-list-table .group-content.status {
  flex-basis: 150px;
  align-items: center;
}
.photojobs-list-table .flat-table-cell.status .group-content-chip-wrapper, .photojobs-list-table .group-content.status .group-content-chip-wrapper {
  display: inline-block;
  flex: unset;
  flex-basis: unset;
  width: unset;
}
.photojobs-list-table .flat-table-cell.status .group-content-chip-wrapper .group-content-chip, .photojobs-list-table .group-content.status .group-content-chip-wrapper .group-content-chip {
  min-height: unset;
  padding: 2px 4px;
  box-sizing: border-box;
}
.photojobs-list-table .flat-table-cell.imagesCount, .photojobs-list-table .group-content.imagesCount {
  flex-basis: 100px;
}
.photojobs-list-table .flat-table-cell.registrationCount, .photojobs-list-table .group-content.registrationCount {
  flex-basis: 100px;
}
.photojobs-list-table .flat-table-cell.ordersCount, .photojobs-list-table .group-content.ordersCount {
  flex-basis: 100px;
}
.photojobs-list-table .flat-table-cell.amount, .photojobs-list-table .flat-table-cell.totalAmount, .photojobs-list-table .group-content.amount, .photojobs-list-table .group-content.totalAmount {
  flex-basis: 100px;
}

.photojobs-participants-table .flat-table-cell.date, .photojobs-participants-table .group-content.date {
  flex-basis: 100px;
}
.photojobs-participants-table .flat-table-cell.fullName, .photojobs-participants-table .group-content.fullName {
  flex-basis: 200px;
}
.photojobs-participants-table .flat-table-cell.participant, .photojobs-participants-table .group-content.participant {
  flex-basis: 200px;
}
.photojobs-participants-table .flat-table-cell.galleryName, .photojobs-participants-table .group-content.galleryName {
  flex-basis: 200px;
}
.photojobs-participants-table .flat-table-cell.galleryName button, .photojobs-participants-table .group-content.galleryName button {
  justify-content: unset;
}
.photojobs-participants-table .flat-table-cell.galleryName button .btn-label, .photojobs-participants-table .group-content.galleryName button .btn-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.photojobs-participants-table .flat-table-cell.qrCodeName, .photojobs-participants-table .group-content.qrCodeName {
  flex-basis: 150px;
}
.photojobs-participants-table .flat-table-cell.qrCodeName button, .photojobs-participants-table .group-content.qrCodeName button {
  justify-content: unset;
}
.photojobs-participants-table .flat-table-cell.qrCodeName button .btn-label, .photojobs-participants-table .group-content.qrCodeName button .btn-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.photojobs-participants-table .flat-table-cell.email, .photojobs-participants-table .group-content.email {
  flex: auto;
  min-width: 250px;
}
.photojobs-participants-table .flat-table-cell.street, .photojobs-participants-table .group-content.street {
  flex-basis: 200px;
}
.photojobs-participants-table .flat-table-cell.zipCode, .photojobs-participants-table .group-content.zipCode {
  flex-basis: 150px;
}
.photojobs-participants-table .flat-table-cell.city, .photojobs-participants-table .group-content.city {
  flex-basis: 150px;
}
.photojobs-participants-table .flat-table-cell.phone, .photojobs-participants-table .group-content.phone {
  flex-basis: 150px;
}
.photojobs-participants-table .flat-table-cell.total, .photojobs-participants-table .group-content.total {
  flex-basis: 150px;
}

.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell > div, .photojobs-orders-table.flat-table .flat-table-row .group-content > div {
  white-space: normal;
  line-height: 14px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.date, .photojobs-orders-table.flat-table .flat-table-row .group-content.date {
  flex-basis: 100px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.groupName, .photojobs-orders-table.flat-table .flat-table-row .group-content.groupName {
  flex-basis: 200px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.galleryName, .photojobs-orders-table.flat-table .flat-table-row .group-content.galleryName {
  flex-basis: 200px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.galleryName button, .photojobs-orders-table.flat-table .flat-table-row .group-content.galleryName button {
  justify-content: unset;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.galleryName button .btn-label, .photojobs-orders-table.flat-table .flat-table-row .group-content.galleryName button .btn-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.name, .photojobs-orders-table.flat-table .flat-table-row .group-content.name {
  flex: auto;
  min-width: 250px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.orderNumber, .photojobs-orders-table.flat-table .flat-table-row .group-content.orderNumber {
  flex-basis: 150px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.invoiceNumber, .photojobs-orders-table.flat-table .flat-table-row .group-content.invoiceNumber {
  flex-basis: 150px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.orderStatus, .photojobs-orders-table.flat-table .flat-table-row .group-content.orderStatus {
  flex-basis: 150px;
}
.photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.netProfit, .photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.commission, .photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.profit, .photojobs-orders-table.flat-table .flat-table-row .flat-table-cell.total, .photojobs-orders-table.flat-table .flat-table-row .group-content.netProfit, .photojobs-orders-table.flat-table .flat-table-row .group-content.commission, .photojobs-orders-table.flat-table .flat-table-row .group-content.profit, .photojobs-orders-table.flat-table .flat-table-row .group-content.total {
  flex-basis: 100px;
}

.photojobs-qrcodes-table .flat-table-cell.galleryName, .photojobs-qrcodes-table .group-content.galleryName {
  flex: auto;
  max-width: 200px;
}
.photojobs-qrcodes-table .flat-table-cell.cardsCount, .photojobs-qrcodes-table .group-content.cardsCount {
  flex-basis: 200px;
}
.photojobs-qrcodes-table .flat-table-cell.commonsCount, .photojobs-qrcodes-table .group-content.commonsCount {
  flex-basis: 200px;
}
.photojobs-qrcodes-table .flat-table-cell.registrationsCount, .photojobs-qrcodes-table .group-content.registrationsCount {
  flex-basis: 200px;
}
.photojobs-qrcodes-table .flat-table-cell.imagesCount, .photojobs-qrcodes-table .group-content.imagesCount {
  flex-basis: 100px;
}
.photojobs-qrcodes-table .flat-table-cell.registrationsBlankCount, .photojobs-qrcodes-table .group-content.registrationsBlankCount {
  flex-basis: 200px;
}

.photojobs-customers-table .flat-table-cell.date, .photojobs-customers-table .group-content.date {
  flex-basis: 100px;
}
.photojobs-customers-table .flat-table-cell.fullName, .photojobs-customers-table .group-content.fullName {
  flex-basis: 200px;
}
.photojobs-customers-table .flat-table-cell.participant, .photojobs-customers-table .group-content.participant {
  flex-basis: 200px;
}
.photojobs-customers-table .flat-table-cell.galleryName, .photojobs-customers-table .group-content.galleryName {
  flex-basis: 200px;
}
.photojobs-customers-table .flat-table-cell.galleryName button, .photojobs-customers-table .group-content.galleryName button {
  justify-content: unset;
}
.photojobs-customers-table .flat-table-cell.galleryName button .btn-label, .photojobs-customers-table .group-content.galleryName button .btn-label {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.photojobs-customers-table .flat-table-cell.qrCode, .photojobs-customers-table .group-content.qrCode {
  flex-basis: 150px;
}
.photojobs-customers-table .flat-table-cell.email, .photojobs-customers-table .group-content.email {
  flex: auto;
  min-width: 250px;
}
.photojobs-customers-table .flat-table-cell.type, .photojobs-customers-table .group-content.type {
  flex-basis: 150px;
}
.photojobs-customers-table .flat-table-cell.zipCode, .photojobs-customers-table .group-content.zipCode {
  flex-basis: 150px;
}
.photojobs-customers-table .flat-table-cell.city, .photojobs-customers-table .group-content.city {
  flex-basis: 150px;
}
.photojobs-customers-table .flat-table-cell.imageCount, .photojobs-customers-table .group-content.imageCount {
  flex-basis: 100px;
}
.photojobs-customers-table .flat-table-cell.phone, .photojobs-customers-table .group-content.phone {
  flex-basis: 200px;
}
.photojobs-customers-table .flat-table-cell.contactGroup, .photojobs-customers-table .group-content.contactGroup {
  flex-basis: 200px;
}

.photojobs-managed-data-table.flat-table {
  margin-top: 16px;
}
.photojobs-managed-data-table .flat-table-cell.date, .photojobs-managed-data-table .group-content.date {
  flex-basis: 100px;
}
.photojobs-managed-data-table .flat-table-cell.fullName, .photojobs-managed-data-table .group-content.fullName {
  flex-basis: 250px;
}
.photojobs-managed-data-table .flat-table-cell.participant, .photojobs-managed-data-table .group-content.participant {
  flex-basis: 250px;
}
.photojobs-managed-data-table .flat-table-cell.groupName, .photojobs-managed-data-table .group-content.groupName {
  flex-basis: 200px;
}
.photojobs-managed-data-table .flat-table-cell.email, .photojobs-managed-data-table .group-content.email {
  flex: auto;
}
.photojobs-managed-data-table .flat-table-cell.streetAddress, .photojobs-managed-data-table .group-content.streetAddress {
  flex-basis: 250px;
}
.photojobs-managed-data-table .flat-table-cell.zipCode, .photojobs-managed-data-table .group-content.zipCode {
  flex-basis: 100px;
}
.photojobs-managed-data-table .flat-table-cell.city, .photojobs-managed-data-table .group-content.city {
  flex-basis: 200px;
}
.photojobs-managed-data-table .flat-table-cell.phone, .photojobs-managed-data-table .group-content.phone {
  flex-basis: 150px;
}

.photojobs-download-blank-card-table.mobile-table {
  padding: 16px;
  box-sizing: border-box;
  background-color: #efefef;
  margin-left: -16px;
  width: 100vw;
}
.photojobs-download-blank-card-table .flat-table-cell.groupName, .photojobs-download-blank-card-table .group-content.groupName {
  flex: auto;
}
.photojobs-download-blank-card-table .flat-table-cell.date, .photojobs-download-blank-card-table .group-content.date {
  flex-basis: 100px;
}
.photojobs-download-blank-card-table .flat-table-cell.quantity, .photojobs-download-blank-card-table .group-content.quantity {
  flex-basis: 100px;
}
.photojobs-download-blank-card-table .flat-table-cell.download, .photojobs-download-blank-card-table .group-content.download {
  flex-basis: 150px;
  color: #3669c4;
}

.photojobs-groups-table .mobile-table-row .group-content-chip-wrapper {
  justify-content: unset;
  flex: unset;
}
.photojobs-groups-table .flat-table-cell.name, .photojobs-groups-table .group-content.name {
  flex: auto;
  min-width: 250px;
}
.photojobs-groups-table .flat-table-cell.status, .photojobs-groups-table .group-content.status {
  flex-basis: 150px;
  align-items: center;
}
.photojobs-groups-table .flat-table-cell.status .group-content-chip-wrapper, .photojobs-groups-table .group-content.status .group-content-chip-wrapper {
  display: inline-block;
  flex: unset;
  flex-basis: unset;
  width: unset;
}
.photojobs-groups-table .flat-table-cell.status .group-content-chip-wrapper .group-content-chip, .photojobs-groups-table .group-content.status .group-content-chip-wrapper .group-content-chip {
  min-height: unset;
  padding: 2px 4px;
  box-sizing: border-box;
}
.photojobs-groups-table .flat-table-cell.registrationsCount, .photojobs-groups-table .group-content.registrationsCount {
  flex-basis: 100px;
}
.photojobs-groups-table .flat-table-cell.participantsCount, .photojobs-groups-table .group-content.participantsCount {
  flex-basis: 100px;
}
.photojobs-groups-table .flat-table-cell.ordersCount, .photojobs-groups-table .group-content.ordersCount {
  flex-basis: 100px;
}
.photojobs-groups-table .flat-table-cell.totalAmount, .photojobs-groups-table .group-content.totalAmount {
  flex-basis: 100px;
}
.photojobs-groups-table .flat-table-cell.imagesCount, .photojobs-groups-table .group-content.imagesCount {
  flex-basis: 100px;
}

.photojobs-orders-detail-content .group-content.group-content-key-value {
  padding-right: 0;
}
.photojobs-orders-detail-content .details-section .group-content.group-content-key-value {
  display: flex;
  margin: 0;
  padding-bottom: 4px;
}
.photojobs-orders-detail-content .details-section .group-content.group-content-key-value .group-content-key-value-key {
  flex-basis: 50%;
}
.photojobs-orders-detail-content .details-section .group-content.group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}

.photojobs-detail-content.content-group-table-row .photojob-image-selection,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .photojob-image-selection {
  position: relative;
}
.photojobs-detail-content.content-group-table-row .photojobs-detail-content-section,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .photojobs-detail-content-section {
  margin-bottom: 16px;
}
.photojobs-detail-content.content-group-table-row .photojobs-detail-content-section button.btn-default, .photojobs-detail-content.content-group-table-row .photojobs-detail-content-section button.btn-action, .photojobs-detail-content.content-group-table-row .photojobs-detail-content-section button.btn-submit,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .photojobs-detail-content-section button.btn-default,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .photojobs-detail-content-section button.btn-action,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .photojobs-detail-content-section button.btn-submit {
  width: 100%;
  justify-content: left;
}
.photojobs-detail-content.content-group-table-row .group-content-chip-wrapper,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-chip-wrapper {
  justify-content: unset;
}
.photojobs-detail-content.content-group-table-row .group-content-horizontal-group > div,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-horizontal-group > div {
  margin-right: unset;
  width: 50%;
  min-height: unset;
}
.photojobs-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add {
  justify-content: unset;
}
.photojobs-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button {
  height: unset;
}
.photojobs-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button .rc-icon.sgw-icon,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-horizontal-group .group-content-link-add button .rc-icon.sgw-icon {
  display: none;
}
.photojobs-detail-content.content-group-table-row .group-content-key-value,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  padding-right: 0;
  margin-bottom: 8px;
  gap: 8px;
}
.photojobs-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-key,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-key {
  width: calc(50% - 8px);
}
.photojobs-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-value,
.rc-mobile-view .photojobs-detail-content.content-group-table-row .group-content-key-value .group-content-key-value-value {
  width: 50%;
  font-size: 14px;
}
.photojobs-detail-content.content-group-table-row,
.rc-mobile-view .photojobs-detail-content.content-group-table-row {
  /*.key-values-lines {
  		margin-bottom: 8px;

  		.group-content-label {
  				margin-bottom: 0;
  		}

  		.group-content-key-value {
  				display: flex;
  				padding-bottom: 0;
  				margin-bottom: 0;

  				.group-content-key-value-key {
  						width: 50%;
  				}

  				.group-content-key-value-value {
  						font-size: 14px;
  				}
  		}
  }*/
}

#PhotoJobCSVImportDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  margin-bottom: unset;
}
#PhotoJobCSVImportDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-footer.designer-footer {
  padding: 0 16px;
  background-color: #efefef;
}

#PhotoJobDetailView .desktop-main-content-header.photojobs-detail-content-header, #CollectionsView .desktop-main-content-header.photojobs-detail-content-header {
  justify-content: space-between;
}
#PhotoJobDetailView .photojobs-add-group, #CollectionsView .photojobs-add-group {
  flex: 1;
  display: flex;
  justify-content: left;
}
#PhotoJobDetailView .photojobs-add-group .rc-input-v2-container, #CollectionsView .photojobs-add-group .rc-input-v2-container {
  width: 200px;
  margin-right: 8px;
}
#PhotoJobDetailView.rc-mobile-view .photojobs-add-group button, #CollectionsView.rc-mobile-view .photojobs-add-group button {
  flex: unset;
}
#PhotoJobDetailView.rc-mobile-view .photojobs-add-group .group-content-input .rc-component.rc-input, #CollectionsView.rc-mobile-view .photojobs-add-group .group-content-input .rc-component.rc-input {
  width: 100%;
}
#PhotoJobDetailView.rc-mobile-view .content-group-table-row .group-content.group-content-label.labelGroups, #PhotoJobDetailView.rc-mobile-view .content-group-table-row .group-content.group-content-label.labelTable, #CollectionsView.rc-mobile-view .content-group-table-row .group-content.group-content-label.labelGroups, #CollectionsView.rc-mobile-view .content-group-table-row .group-content.group-content-label.labelTable {
  align-items: end;
}
#PhotoJobDetailView .mobile-table .mobile-table-column .group-content-link-add.group-content, #CollectionsView .mobile-table .mobile-table-column .group-content-link-add.group-content {
  margin-bottom: 0;
}
#PhotoJobDetailView .mobile-table .mobile-table-column .data, #CollectionsView .mobile-table .mobile-table-column .data {
  align-items: center;
}
#PhotoJobDetailView .mobile-table .mobile-table-column .data button, #CollectionsView .mobile-table .mobile-table-column .data button {
  height: auto;
  font-size: 14px;
}

#PhotoJobDetailView .collection-images-list-wrapper {
  padding: 16px;
  background-color: #ffffff;
}
#PhotoJobDetailView .project-edit-tab-content .group-content {
  margin-bottom: 0;
}

#PhotoJobDownloadCardDialog .group-content-horizontal-group .group-content-button {
  flex: unset;
}
#PhotoJobDownloadCardDialog .galleryDropDown + .group-important {
  margin-bottom: 0;
  align-items: end;
}

.photojobs-paginator {
  display: flex;
  gap: 8px;
}
.photojobs-paginator .checkout-group-content {
  width: 150px;
}

.rc-mobile-view .photojobs-paginator .checkout-group-content {
  flex: 1;
}
.rc-mobile-view .photojobs-qrcode-listview-mobile-footer {
  min-height: unset;
  padding: 0;
}
.rc-mobile-view .photojobs-qrcode-listview-mobile-footer .desktop-module-button button {
  width: unset;
}
.rc-mobile-view .photojobs-qrcode-listview-mobile-footer .desktop-module-button button .btn-label {
  width: unset;
  max-width: unset;
  white-space: nowrap;
}

.qr-code-blank-table .flat-table-cell.date, .qr-code-blank-table .group-content.date {
  flex-basis: 150px;
}
.qr-code-blank-table .flat-table-cell.amount, .qr-code-blank-table .group-content.amount {
  flex-basis: 150px;
}
.qr-code-blank-table .flat-table-cell.download, .qr-code-blank-table .group-content.download {
  flex-basis: 250px;
  min-width: 250px;
}
.qr-code-blank-table .flat-table-cell.downloadAsCSV, .qr-code-blank-table .group-content.downloadAsCSV {
  flex-basis: 250px;
  min-width: 250px;
}
.qr-code-blank-table.mobile-table .download .header, .qr-code-blank-table.mobile-table .downloadAsCSV .header {
  display: none;
}
.qr-code-blank-table.mobile-table .download .data, .qr-code-blank-table.mobile-table .downloadAsCSV .data {
  min-height: 36px;
  padding: 0 4px;
}

.participants-table .flat-table-cell.date, .participants-table .group-content.date {
  flex-basis: 100px;
}
.participants-table .flat-table-cell.participant, .participants-table .group-content.participant {
  flex-basis: 250px;
}
.participants-table .flat-table-cell.fullName, .participants-table .group-content.fullName {
  flex-basis: 250px;
}
.participants-table .flat-table-cell.photoJobName, .participants-table .group-content.photoJobName {
  flex-basis: 250px;
}
.participants-table .flat-table-cell.galleryName, .participants-table .group-content.galleryName {
  flex-basis: 150px;
}
.participants-table .flat-table-cell.qrCodeName, .participants-table .group-content.qrCodeName {
  flex-basis: 150px;
}
.participants-table .flat-table-cell.email, .participants-table .group-content.email {
  flex-basis: 200px;
}
.participants-table .flat-table-cell.street, .participants-table .group-content.street {
  flex-basis: 200px;
}
.participants-table .flat-table-cell.zipCode, .participants-table .group-content.zipCode {
  flex-basis: 100px;
}
.participants-table .flat-table-cell.city, .participants-table .group-content.city {
  flex-basis: 200px;
}
.participants-table .flat-table-cell.total, .participants-table .group-content.total {
  flex-basis: 100px;
}
.participants-table .flat-table-cell.photoTypes, .participants-table .group-content.photoTypes {
  flex: auto;
  min-width: 200px;
}

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

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

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

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

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

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

#DuplicatePriceListDialog {
  z-index: 10010;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#ProductSetsDetailView {
  z-index: 10003;
}

#ProductSetsDetailArticleView {
  z-index: 10004;
}

.rc-dialog .product-set-articles-table .content-group-table-row .group-content-horizontal-group {
  border-bottom: 1px solid #efefef;
}
.rc-dialog .product-set-articles-table .content-group-table-row .group-content-horizontal-group > button {
  flex: 0 0 36px;
}
.rc-dialog .product-set-articles-table .content-group-table-row .group-content-horizontal-group .group-content-input {
  flex: 0 0 20%;
}
.rc-dialog .product-set-articles-table .content-group-table-row .group-content.group-content-label.articleIsDiscontinued {
  flex-direction: column;
  align-items: flex-start;
}
.rc-dialog .product-set-articles-table .content-group-table-row .group-content-chip-wrapper {
  justify-content: unset;
  margin-bottom: unset;
}
.rc-dialog .product-set-articles-table .content-group-table-row .group-content-chip-wrapper .group-content.group-content-chip {
  height: unset;
  min-height: unset;
  font-size: 12px;
  color: white;
  border-radius: unset;
  padding: 1px 4px 2px;
}

.rc-mobile-view main .product-set-articles-table .content-group-table-row {
  margin-bottom: 8px;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-horizontal-group {
  margin-bottom: 0;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-horizontal-group > * {
  margin-bottom: 0;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-horizontal-group > button {
  flex: 0 0 36px;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-horizontal-group .group-content-input {
  flex: 0 0 50%;
  margin: 0;
  max-width: 150px;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-horizontal-group:last-child {
  border-bottom: 1px solid #efefef;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content.group-content-label.articleIsDiscontinued {
  flex-direction: column;
  align-items: flex-start;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-chip-wrapper {
  justify-content: unset;
  margin-bottom: unset;
}
.rc-mobile-view main .product-set-articles-table .content-group-table-row .group-content-chip-wrapper .group-content.group-content-chip {
  height: unset;
  min-height: unset;
  font-size: 12px;
  color: white;
  border-radius: unset;
  padding: 1px 4px 2px;
}

.product-sets-detail-article-view.rc-mobile-view-dark .padding-wrapper {
  padding: 8px;
}

.productsets-table-scrollable-wrapper {
  overflow-x: auto;
  max-width: 100%;
}
.productsets-table-scrollable-wrapper .productsets-list-table {
  min-width: 1200px;
}
.productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.title, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.title {
  flex: auto;
  min-width: 200px;
}
.productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.pricelist, .productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.products, .productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.downloads, .productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.projects, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.pricelist, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.products, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.downloads, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.projects {
  flex-basis: 150px;
}
.productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.createdOn, .productsets-table-scrollable-wrapper .productsets-list-table .flat-table-cell.modifiedOn, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.createdOn, .productsets-table-scrollable-wrapper .productsets-list-table .group-content.modifiedOn {
  flex-basis: 200px;
}

.productset-price-lists-content button {
  width: 100%;
  justify-content: left;
  border-bottom: 1px solid #cccccc;
}
.productset-price-lists-content button:last-child {
  border-bottom: none;
}

.psMoreButton button .rc-icon {
  display: none;
}

/*
@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;
  }
}*/
#ProjectAndSharesView.page-layout .desktop-main-content .help-line {
  position: absolute;
}
#ProjectAndSharesView.page-layout .project-list-items-flex-card {
  padding-right: 8px;
}

.templates-selected-mockup-line {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.templates-selected-mockup-line .rc-label-component {
  flex: 1;
}

.page-layout .desktop-main-content .project-list-items {
  max-width: unset;
  display: flex;
  flex-wrap: wrap;
  flex: unset;
  justify-content: left;
}
.page-layout .desktop-main-content .project-list-items > .project-list-item {
  margin-right: 8px;
  border: 2px solid transparent;
  max-width: unset;
  min-width: 340px;
  flex: 0;
  border-radius: 6px;
}
.page-layout .desktop-main-content .project-list-items > .project-list-item.selected-item {
  border-color: #3669c4;
}
@media only screen and (min-width: 1920px) {
  .page-layout .desktop-main-content .project-list-items > .project-list-item {
    flex-basis: calc(16.6666666667% - 8px);
  }
}
@media only screen and (max-width: 1920px) {
  .page-layout .desktop-main-content .project-list-items > .project-list-item {
    flex-basis: calc(20% - 8px);
  }
}
@media only screen and (max-width: 1600px) {
  .page-layout .desktop-main-content .project-list-items > .project-list-item {
    flex-basis: calc(25% - 8px);
  }
}
@media only screen and (max-width: 1200px) {
  .page-layout .desktop-main-content .project-list-items > .project-list-item {
    flex-basis: calc(33.3333333333% - 8px);
  }
}
@media only screen and (max-width: 800px) {
  .page-layout .desktop-main-content .project-list-items > .project-list-item {
    flex-basis: calc(50% - 8px);
  }
}
@media only screen and (max-width: 600px) {
  .page-layout .desktop-main-content .project-list-items > .project-list-item {
    flex-basis: calc(100% - 8px);
  }
}

.desktop-detail-content .project-detail-column-content {
  flex: 1;
  height: 100%;
}

.project-list-items .btn-icon, .project-edit-item .btn-icon {
  padding: 8px 16px;
}

.project-edit-item .rc-tabcontrol {
  width: calc(100% + 32px);
  margin-left: -16px;
}
.project-edit-item button {
  width: 100%;
}

.article-selection .article-selection-content .project-list-item, .article-selection .microsite-banner .project-list-item {
  cursor: pointer;
  padding: 8px;
  border: 0;
  margin: 0 8px 16px;
  min-width: 320px;
  max-width: 446px;
  width: auto;
  border-radius: 6px;
}
.article-selection .article-selection-content .project-list-item.mobile, .article-selection .microsite-banner .project-list-item.mobile {
  border-radius: 6px;
}
.article-selection .article-selection-content .project-list-item.selected-item, .article-selection .microsite-banner .project-list-item.selected-item {
  border: 2px solid #3669c4;
}
.article-selection .article-selection-content .project-list-item.dummy-item, .article-selection .microsite-banner .project-list-item.dummy-item {
  cursor: auto;
}

.project-list-items .project-list-item, .project-edit-item .project-list-item, .article-selection-content .project-list-item, .microsite-banner .project-list-item {
  display: flex;
  flex-wrap: nowrap;
  padding: 16px 0;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #FFFFFF;
  position: relative;
  width: 100%;
}
.project-list-items .project-list-item.dummy-item, .project-edit-item .project-list-item.dummy-item, .article-selection-content .project-list-item.dummy-item, .microsite-banner .project-list-item.dummy-item {
  background-color: unset;
}
.project-list-items .project-list-item .project-list-item-share-status, .project-edit-item .project-list-item .project-list-item-share-status, .article-selection-content .project-list-item .project-list-item-share-status, .microsite-banner .project-list-item .project-list-item-share-status {
  position: absolute;
  left: 8px;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 36px;
}
.project-list-items .project-list-item .project-list-item-share-status .group-content-chip-wrapper, .project-edit-item .project-list-item .project-list-item-share-status .group-content-chip-wrapper, .article-selection-content .project-list-item .project-list-item-share-status .group-content-chip-wrapper, .microsite-banner .project-list-item .project-list-item-share-status .group-content-chip-wrapper {
  display: inline-flex;
  align-self: center;
}
.project-list-items .project-list-item .project-list-item-share-status .group-content-chip-wrapper .group-content-chip-status, .project-edit-item .project-list-item .project-list-item-share-status .group-content-chip-wrapper .group-content-chip-status, .article-selection-content .project-list-item .project-list-item-share-status .group-content-chip-wrapper .group-content-chip-status, .microsite-banner .project-list-item .project-list-item-share-status .group-content-chip-wrapper .group-content-chip-status {
  margin-bottom: unset !important;
}
.project-list-items .project-list-item .project-list-item-share-status > button, .project-edit-item .project-list-item .project-list-item-share-status > button, .article-selection-content .project-list-item .project-list-item-share-status > button, .microsite-banner .project-list-item .project-list-item-share-status > button {
  display: inline-flex;
}
.project-list-items .project-list-item .project-list-item-share-status-recycler, .project-edit-item .project-list-item .project-list-item-share-status-recycler, .article-selection-content .project-list-item .project-list-item-share-status-recycler, .microsite-banner .project-list-item .project-list-item-share-status-recycler {
  right: 8px;
}
.project-list-items .project-list-item .project-list-item-controls, .project-edit-item .project-list-item .project-list-item-controls, .article-selection-content .project-list-item .project-list-item-controls, .microsite-banner .project-list-item .project-list-item-controls {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
}
.project-list-items .project-list-item .project-list-item-controls .narrow-button, .project-edit-item .project-list-item .project-list-item-controls .narrow-button, .article-selection-content .project-list-item .project-list-item-controls .narrow-button, .microsite-banner .project-list-item .project-list-item-controls .narrow-button {
  width: fit-content;
}
.project-list-items .project-list-item .project-list-item-controls .edit-text, .project-edit-item .project-list-item .project-list-item-controls .edit-text, .article-selection-content .project-list-item .project-list-item-controls .edit-text, .microsite-banner .project-list-item .project-list-item-controls .edit-text {
  display: flex;
  font-size: 14px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
}
.project-list-items .project-list-item .project-list-item-image, .project-edit-item .project-list-item .project-list-item-image, .article-selection-content .project-list-item .project-list-item-image, .microsite-banner .project-list-item .project-list-item-image {
  flex: 0 0 96px;
  height: 96px;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.project-list-items .project-list-item .project-list-item-image img.portrait, .project-edit-item .project-list-item .project-list-item-image img.portrait, .article-selection-content .project-list-item .project-list-item-image img.portrait, .microsite-banner .project-list-item .project-list-item-image img.portrait {
  width: auto;
  height: 100%;
}
.project-list-items .project-list-item .project-list-item-image img.landscape, .project-edit-item .project-list-item .project-list-item-image img.landscape, .article-selection-content .project-list-item .project-list-item-image img.landscape, .microsite-banner .project-list-item .project-list-item-image img.landscape {
  width: 100%;
  height: auto;
}
.project-list-items .project-list-item .project-list-item-image.no-image, .project-edit-item .project-list-item .project-list-item-image.no-image, .article-selection-content .project-list-item .project-list-item-image.no-image, .microsite-banner .project-list-item .project-list-item-image.no-image {
  background: url("../Img/noImage.png");
  background-size: cover;
  margin-bottom: 36px;
}
.project-list-items .project-list-item .project-list-item-data, .project-edit-item .project-list-item .project-list-item-data, .article-selection-content .project-list-item .project-list-item-data, .microsite-banner .project-list-item .project-list-item-data {
  flex: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-menu, .project-edit-item .project-list-item .project-list-item-data .project-list-item-menu, .article-selection-content .project-list-item .project-list-item-data .project-list-item-menu, .microsite-banner .project-list-item .project-list-item-data .project-list-item-menu {
  position: absolute;
  right: 0;
  top: 0;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-date, .project-edit-item .project-list-item .project-list-item-data .project-list-item-date, .article-selection-content .project-list-item .project-list-item-data .project-list-item-date, .microsite-banner .project-list-item .project-list-item-data .project-list-item-date {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 15px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-date.project-list-item-discontinued, .project-edit-item .project-list-item .project-list-item-data .project-list-item-date.project-list-item-discontinued, .article-selection-content .project-list-item .project-list-item-data .project-list-item-date.project-list-item-discontinued, .microsite-banner .project-list-item .project-list-item-data .project-list-item-date.project-list-item-discontinued {
  color: #d9052f;
  font-weight: bold;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-info-error, .project-edit-item .project-list-item .project-list-item-data .project-list-item-info-error, .article-selection-content .project-list-item .project-list-item-data .project-list-item-info-error, .microsite-banner .project-list-item .project-list-item-data .project-list-item-info-error {
  padding-bottom: 8px;
  display: flex;
  font-size: 12px;
  line-height: 15px;
  color: #d9052f;
  align-items: center;
  gap: 8px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon, .project-edit-item .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon, .article-selection-content .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon, .microsite-banner .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon {
  padding-left: 0;
  height: 14px;
  width: 14px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon:before, .project-edit-item .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon:before, .article-selection-content .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon:before, .microsite-banner .project-list-item .project-list-item-data .project-list-item-info-error .rc-icon.sgw-icon:before {
  color: #d9052f;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-title, .project-edit-item .project-list-item .project-list-item-data .project-list-item-title, .article-selection-content .project-list-item .project-list-item-data .project-list-item-title, .microsite-banner .project-list-item .project-list-item-data .project-list-item-title {
  font-size: 14px;
  display: block;
  line-height: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-article, .project-edit-item .project-list-item .project-list-item-data .project-list-item-article, .article-selection-content .project-list-item .project-list-item-data .project-list-item-article, .microsite-banner .project-list-item .project-list-item-data .project-list-item-article {
  font-size: 14px;
  line-height: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-article-description, .project-edit-item .project-list-item .project-list-item-data .project-list-item-article-description, .article-selection-content .project-list-item .project-list-item-data .project-list-item-article-description, .microsite-banner .project-list-item .project-list-item-data .project-list-item-article-description {
  font-size: 14px;
  display: block;
  margin-top: 16px;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-status-bar, .project-edit-item .project-list-item .project-list-item-data .project-list-item-status-bar, .article-selection-content .project-list-item .project-list-item-data .project-list-item-status-bar, .microsite-banner .project-list-item .project-list-item-data .project-list-item-status-bar {
  margin: 8px 0;
  display: flex;
  flex-wrap: nowrap;
}
.project-list-items .project-list-item .project-list-item-data .project-list-item-status-bar > span, .project-edit-item .project-list-item .project-list-item-data .project-list-item-status-bar > span, .article-selection-content .project-list-item .project-list-item-data .project-list-item-status-bar > span, .microsite-banner .project-list-item .project-list-item-data .project-list-item-status-bar > span {
  padding: 2px 4px;
  color: #ffffff;
  font-size: 10px;
  border-radius: 4px;
}
.project-list-items .project-list-item.selected-item .project-list-item-image, .project-edit-item .project-list-item.selected-item .project-list-item-image, .article-selection-content .project-list-item.selected-item .project-list-item-image, .microsite-banner .project-list-item.selected-item .project-list-item-image {
  position: relative;
}
.project-list-items .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon, .project-edit-item .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon, .article-selection-content .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon, .microsite-banner .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon {
  position: absolute;
  padding: unset;
  right: 4px;
  bottom: 4px;
  width: 24px;
  height: 24px;
  background: #3669c4;
  border-radius: 50%;
}
.project-list-items .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before, .project-edit-item .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before, .article-selection-content .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before, .microsite-banner .project-list-item.selected-item .project-list-item-image .rc-icon.sgw-icon:before {
  color: #ffffff;
}
.project-list-items .project-list-item.redesign .project-list-item-share-status, .project-edit-item .project-list-item.redesign .project-list-item-share-status, .article-selection-content .project-list-item.redesign .project-list-item-share-status, .microsite-banner .project-list-item.redesign .project-list-item-share-status {
  right: 8px;
  left: unset;
}
.project-list-items .project-list-item.redesign .project-list-item-controls, .project-edit-item .project-list-item.redesign .project-list-item-controls, .article-selection-content .project-list-item.redesign .project-list-item-controls, .microsite-banner .project-list-item.redesign .project-list-item-controls {
  top: 12px;
  right: 8px;
  bottom: unset;
}
.project-list-items .project-list-item.redesign .project-list-item-data,
.project-list-items .project-list-item.redesign .project-list-item-image, .project-edit-item .project-list-item.redesign .project-list-item-data,
.project-edit-item .project-list-item.redesign .project-list-item-image, .article-selection-content .project-list-item.redesign .project-list-item-data,
.article-selection-content .project-list-item.redesign .project-list-item-image, .microsite-banner .project-list-item.redesign .project-list-item-data,
.microsite-banner .project-list-item.redesign .project-list-item-image {
  margin-bottom: 0;
}
.project-list-items .project-list-item.redesign .project-list-item-data, .project-edit-item .project-list-item.redesign .project-list-item-data, .article-selection-content .project-list-item.redesign .project-list-item-data, .microsite-banner .project-list-item.redesign .project-list-item-data {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.project-list-items .project-list-item.redesign > .rc-context-menu > button,
.project-list-items .project-list-item.redesign .rc-context-menu-v2 > button, .project-edit-item .project-list-item.redesign > .rc-context-menu > button,
.project-edit-item .project-list-item.redesign .rc-context-menu-v2 > button, .article-selection-content .project-list-item.redesign > .rc-context-menu > button,
.article-selection-content .project-list-item.redesign .rc-context-menu-v2 > button, .microsite-banner .project-list-item.redesign > .rc-context-menu > button,
.microsite-banner .project-list-item.redesign .rc-context-menu-v2 > button {
  width: 18px;
  height: 18px;
}
.project-list-items .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon,
.project-list-items .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon, .project-edit-item .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon,
.project-edit-item .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon, .article-selection-content .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon,
.article-selection-content .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon, .microsite-banner .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon,
.microsite-banner .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
.project-list-items .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon:before,
.project-list-items .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon:before, .project-edit-item .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon:before,
.project-edit-item .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon:before, .article-selection-content .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon:before,
.article-selection-content .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon:before, .microsite-banner .project-list-item.redesign > .rc-context-menu > button .rc-icon.sgw-icon:before,
.microsite-banner .project-list-item.redesign .rc-context-menu-v2 > button .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}

.rc-mobile-view .project-list-items .project-list-item {
  padding: 8px;
  border: unset;
  margin-bottom: 8px;
}
.rc-mobile-view .project-list-items .project-list-item.sortable-chosen {
  border: 2px solid #3669c4;
  box-sizing: border-box;
}
@media only screen and (max-width: 900px) and (min-width: 500px) {
  .rc-mobile-view .project-list-items {
    display: flex;
    flex-wrap: wrap;
  }
  .rc-mobile-view .project-list-items .project-list-item {
    width: calc(50% - 4px);
    margin-right: 4px;
  }
  .rc-mobile-view .project-list-items .project-list-item:nth-child(even) {
    margin-right: 0;
    margin-left: 4px;
  }
}

.project-edit-tab-content .group-content {
  margin-bottom: 0;
}
.project-edit-tab-content .project-edit-tab-content-section > .group-content-label.group-content:not(.group-color).group-important, .project-edit-tab-content .project-edit-tab-content-section > .group-content-label.group-content:not(.group-color).orderingLabel, .project-edit-tab-content .project-edit-tab-content-section > .group-content-label.group-content:not(.group-color).sharingLabel, .project-edit-tab-content .project-edit-tab-content-section > .group-content-label.group-content:not(.group-color).labelManualSorting, .project-edit-tab-content .project-edit-tab-content-section > .group-content-label.group-content:not(.group-color).labelFunctions {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
}
.project-edit-tab-content .project-edit-tab-content-section > .group-content-label.group-content:not(.group-color) {
  font-size: 12px;
  font-weight: normal;
  color: #555555;
}
.project-edit-tab-content .project-edit-tab-content-section-buttons {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.project-edit-tab-content .project-edit-tab-content-section-buttons button:not(.btn-icon) {
  width: unset;
}

.project-edit-item.project-detail-view {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.project-edit-item.project-detail-view .content-group-table-row {
  gap: 16px;
}
.project-edit-item .project-list-item {
  margin-bottom: 0;
  padding-top: 0;
  border-bottom: 0;
}
.project-edit-item .project-list-item .project-list-item-image, .project-edit-item .project-list-item .project-list-item-data {
  margin-bottom: 0;
}
.project-edit-item .project-list-item .project-list-item-share-status {
  left: unset;
  right: 0;
  bottom: 8px;
}
.project-edit-item .group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
.project-edit-item .group-content-key-value.shareDescription .group-content-key-value-key {
  line-height: 24px;
}
.project-edit-item .group-content-key-value.shareDescription .group-content-key-value-value {
  font-weight: normal;
  font-size: 14px;
}
.project-edit-item .content-group-table-row {
  display: flex;
  flex-direction: column;
}
.project-edit-item .content-group-table-row .group-content.group-content-horizontal-group button.btn-icon {
  flex: unset;
}
.project-edit-item {
  /*.group-content-chip.group-content-chip-status {
  		&.informations {
  				align-self: unset;
  				justify-self: right;
  		}
  }*/
}
.project-edit-item .group-content-label {
  font-size: 14px;
  /*&.labelApproval {
  		flex: 1;
  }*/
}
.project-edit-item .group-content-label.group-important {
  margin-bottom: 0;
  /*font-size: 14px;
  margin-bottom: 8px;*/
}
.project-edit-item button.btn-icon {
  width: 100%;
}
.project-edit-item button.btn-submit {
  width: 100%;
}
.project-edit-item .galleryUnpublish button {
  width: 100%;
}

.project-share-view-content {
  display: flex;
  flex-direction: column;
}
.project-share-view-content .group-content .rc-textarea, .project-share-view-content .group-content .rc-textarea-v2-container {
  width: 100%;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-input .numeric-buttons {
  display: none;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-key-value {
  padding: unset;
  margin-left: 8px;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-key-value .group-content-key-value-key {
  line-height: unset;
  font-size: 12px;
}
.project-share-view-content .commercial-settings-section .group-content.group-content-key-value .group-content-key-value-value {
  line-height: unset;
  font-size: 14px;
}
.project-share-view-content .marketingPromotion {
  display: flex;
}
.project-share-view-content .marketingPromotion .group-content-radio {
  flex: 0 0 50%;
}
.project-share-view-content .input-flex-fields > div {
  flex: 0 0 50%;
}
.project-share-view-content .group-content-label.group-important {
  margin-bottom: unset;
  flex: auto;
}
.project-share-view-content .group-content.group-content-link-add button {
  width: unset;
}

.share-settings-content .content-group-table-row .group-content.shareAttachedImagesTitle .group-content-key-value-key {
  font-weight: bold;
}
.share-settings-content .content-group-table-row .group-content.shareAttachedImagesTitle .group-content-key-value-value {
  font-weight: normal;
  font-size: 14px;
}
.share-settings-content .content-group-table-row .group-content.group-content-horizontal-group .group-content-upload.group-content.uploadImages {
  flex: 0;
}
.share-settings-content .content-group-table-row .group-content.group-content-horizontal-group .group-content-key-value.group-content .group-content-key-value-value {
  font-weight: bold;
}
.share-settings-content .group-content-radio-group .group-content-radio-group-content {
  display: flex;
}
.share-settings-content .group-content-radio-group .group-content-radio-group-content .rc-radio-label {
  white-space: nowrap;
}
.share-settings-content .attached-images-table {
  display: flex;
  margin: 16px 0;
}
.share-settings-content .attached-images-table .attached-images-item {
  position: relative;
  width: 96px;
  height: 96px;
  margin-right: 8px;
  overflow: hidden;
}
.share-settings-content .attached-images-table .attached-images-item img {
  width: 100%;
  height: 100%;
}
.share-settings-content .attached-images-table .attached-images-item img.landscape {
  position: absolute;
  height: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.share-settings-content .attached-images-table .attached-images-item img.portrait {
  position: absolute;
  width: auto;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.project-attach-to-collection {
  border-bottom: 1px solid #cccccc;
  flex-wrap: nowrap !important;
}
.project-attach-to-collection button.btn-simple.btn-icon {
  flex: 0;
  flex-basis: 36px;
}

.project-attach-to-collection-label {
  display: flex;
}
.project-attach-to-collection-label .group-content-label.group-content.displayName {
  flex: auto;
}

#AttachProjectToCollectionDialog .rc-dialog-content {
  min-height: 50vh;
}
#AttachProjectToCollectionDialog .rc-dialog-content .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#AttachProjectToCollectionDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content {
  flex: auto;
}
#AttachProjectToCollectionDialog main > div {
  padding: 16px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
#AttachProjectToCollectionDialog main > div .checkout-group-content {
  flex: auto;
}

main .no-data-content {
  padding: 0 16px;
}

main.rc-mobile-view-light .no-data-content {
  background-color: #ffffff;
}

#RequestSpecialConditionsView .group-content-radio-group {
  display: flex;
}
#RequestSpecialConditionsView .group-content-radio-group .group-content-radio {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
}
#RequestSpecialConditionsView .group-content-radio-group .group-content-radio .rc-radio-element.selected + .rc-radio-label {
  font-weight: bold;
}

.rc-dialog.rc-confirm {
  display: flex;
}
.rc-dialog.rc-confirm .rc-dialog-wrapper {
  display: inline-flex;
}

#ProjectMobileDetailView main > div {
  padding: 16px;
  box-sizing: border-box;
}

.share-options-dialog.checkout-group-content .group-content .group-content.sharedTitle, .share-options-dialog.content-group-table-row .group-content .group-content.sharedTitle {
  margin-bottom: 8px;
}

.project-list-view-section-header {
  justify-content: space-between;
}
.project-list-view-section-header div {
  white-space: nowrap;
}
.project-list-view-section-header.group-content.group-content-horizontal-group .group-important.header {
  flex: 0;
  margin-right: 16px;
  flex-wrap: nowrap;
}
.project-list-view-section-header.group-content.group-content-horizontal-group .group-content-button {
  width: auto;
}
.project-list-view-section-header.group-content.group-content-horizontal-group .group-content-button.openShoppingCart {
  display: flex;
  justify-content: flex-end;
}
.project-list-view-section-header.group-content.group-content-horizontal-group .group-content-button.emptyRecycleBin {
  justify-content: flex-end;
}
.project-list-view-section-header.group-content.group-content-horizontal-group .group-content-button .rc-mobile-component.btn-simple {
  padding-right: 0;
}

.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.project-list-view-section-header {
  margin-bottom: 0;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.project-list-view-section-header > div {
  min-height: 36px;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.project-list-view-section-header .rc-mobile-component.info {
  flex-basis: 100%;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.project-list-view-section-header .rc-mobile-component.info div {
  white-space: normal;
}
.rc-mobile-view .content-group-table-row .group-content.group-content-horizontal-group.project-list-view-section-header .emptyRecycleBin {
  justify-content: center;
}

#ProjectShareOptions .group-content-horizontal-group {
  flex-wrap: wrap;
}
#ProjectShareOptions .group-content-horizontal-group > .group-content.group-content-button {
  margin-bottom: 8px;
  width: auto;
  flex: 0;
}

.projects-folders-list {
  display: flex;
  flex-wrap: wrap;
}
.projects-folders-list .projects-folder-item {
  display: flex;
  width: 260px;
  max-width: 260px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: white;
  box-sizing: border-box;
  padding: 4px 4px 4px 0;
  border-radius: 6px;
}
.projects-folders-list .projects-folder-item > button {
  flex: 1;
  justify-content: left;
}
.projects-folders-list .projects-folder-item > button .btn-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.projects-folders-list .projects-folder-item .menu-button-wrapper {
  display: flex;
  align-items: center;
}

.projects-folder-floating-button {
  margin-top: 32px;
}

.rc-mobile-view main .projects-folders-list {
  display: unset;
}
.rc-mobile-view main .projects-folders-list .projects-folder-item {
  width: 100%;
  max-width: unset;
}

.redesign .project-list-item.redesign {
  border: 1px solid #E7E7E7;
  margin: 0;
  max-width: unset;
}
.redesign .project-list-item.redesign .project-list-item-image {
  margin-bottom: 0;
  margin-right: 16px;
}
.redesign .project-list-item.redesign .project-list-item-controls {
  top: 12px;
  bottom: unset;
  right: 8px;
}
.redesign .project-list-item.redesign .project-list-item-data {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  justify-content: flex-start;
  padding-right: 24px;
}
.redesign .project-list-item.redesign .project-list-item-share-status {
  left: unset;
  right: 8px;
}

#ProjectAndSharesView.rc-mobile-view > header.redesign .filter-button {
  position: absolute;
  right: 16px;
}
#ProjectAndSharesView.rc-mobile-view > header .back-button {
  left: 16px;
}
#ProjectAndSharesView.rc-mobile-view > header .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
#ProjectAndSharesView.rc-mobile-view > header .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ProjectAndSharesView.rc-mobile-view > main {
  background-color: #FFFFFF;
  padding: 0 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .group-content-input.group-content.folderName .rc-input:not(.focus):hover {
  border-bottom: 1px solid #525252;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .circle-icon-huge {
  background-color: unset;
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .circle-icon-huge:before {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 32px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .content-group-table-row {
  margin-top: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .content-group-table-row .group-important.header {
  display: none;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .content-group-table-row .info {
  font-size: 16px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  margin-bottom: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .content-group-table-row .group-content-button.group-content.rc-mobile-component.button {
  margin-top: 24px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .content-group-table-row .group-content-button.group-content.rc-mobile-component.button > button {
  display: flex;
  width: unset;
  flex: unset;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 120px;
  background: #6C9D0D;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .no-data-content .content-group-table-row .group-content-button.group-content.rc-mobile-component.button > 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;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .search-bar .search-bar-filter-content {
  display: none;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .search-results {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .mobile-add-buttons {
  margin-top: 16px;
  padding: unset;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .mobile-add-buttons > button {
  padding: 8px 0;
  color: #3366CC;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .mobile-add-buttons > button .rc-icon.sgw-icon {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .mobile-add-buttons > button .rc-icon.sgw-icon:before {
  width: 12px;
  height: 12px;
  color: #3366CC;
  line-height: 12px;
  font-size: 12px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .mobile-add-buttons > button .btn-label {
  color: #3669C4;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .mobile-add-buttons .rc-mobile-view .folderName label:not(.empty-input) {
  top: -8px;
  left: 15px;
  font-size: 12px;
  background-color: #f7f7f7;
  color: #3669c4;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .rc-pagination {
  margin-top: 16px;
  padding: unset;
  justify-content: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .rc-pagination:last-child {
  margin-bottom: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .rc-pagination .rc-pagination-data > div {
  margin-right: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .rc-pagination .rc-pagination-data > div .rc-label-component {
  margin: 0 16px;
  display: flex;
  height: 36px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .rc-pagination button {
  display: flex;
  width: 36px;
  height: 36px;
  padding: 5px;
  align-items: flex-start;
  border-radius: 18px;
  background: #EFEFEF;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row {
  margin-top: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-label {
  margin: 0 0 8px 0;
  min-height: unset;
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: normal;
  flex: 1;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.openShoppingCart {
  margin-bottom: 16px;
  min-height: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.openShoppingCart > button {
  background-color: unset;
  height: unset;
  color: #3669C4;
  padding: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.openShoppingCart > button .rc-icon.sgw-icon {
  height: 12px;
  width: 12px;
  margin-right: 6px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.openShoppingCart > button .rc-icon.sgw-icon:before {
  color: #3669C4;
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 12px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.openShoppingCart > button .btn-label {
  font-size: 13px;
  font-weight: 600;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.emptyRecycleBin {
  justify-content: flex-start;
  margin-bottom: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.emptyRecycleBin button {
  padding: 8px 0;
  color: #3366CC;
  font-size: 13px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.emptyRecycleBin .sgw-icon {
  margin-right: 6px;
  height: 14px;
  width: 14px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-content-button.emptyRecycleBin .rc-icon:before {
  color: #3366CC;
  font-size: 15px;
  height: 14px;
  width: 14px;
  line-height: 14px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-view-section-header .group-important {
  font-weight: 700;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .project-list-item {
  margin-bottom: 8px;
  border-radius: 6px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list {
  display: flex;
  gap: 8px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item {
  padding: 8px 8px 8px 16px;
  margin: unset;
  border: 1px solid #E7E7E7;
  height: 42px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > button {
  padding: unset;
  height: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > button .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  margin-right: 16px;
  font-family: "icomoon";
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > button .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > button .btn-label {
  color: #525252;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > .menu-button-wrapper > button {
  padding: unset;
  height: unset;
  width: unset;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > .menu-button-wrapper > button .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
  font-family: "icomoon";
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > .menu-button-wrapper > button .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > .menu-button-wrapper > div:not(.context-menu) button {
  width: 18px;
  height: 18px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > .menu-button-wrapper > div:not(.context-menu) button .rc-icon.sgw-icon {
  width: 18px;
  height: 18px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign .content-group-table-row .projects-folders-list .projects-folder-item > .menu-button-wrapper > div:not(.context-menu) button .rc-icon.sgw-icon:before {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign.tablet.portrait {
  padding: 0 48px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign.tablet.portrait .project-list-items-flex-card .project-list-items .project-list-items {
  justify-content: space-between;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign.tablet.portrait .project-list-items-flex-card .project-list-items .project-list-items .project-list-item .project-list-item-image {
  margin-right: 16px;
}
#ProjectAndSharesView.rc-mobile-view > main.redesign.tablet.portrait .project-list-items-flex-card .project-list-items .project-list-items .project-list-item .project-list-item-title {
  max-width: 90%;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view > main {
  overflow-y: auto;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view > main .group-content-link-add.group-content.translate button {
  border: none;
  justify-content: end;
  text-transform: unset;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view > main .group-content-link-add.group-content.translate button .btn-label {
  text-transform: unset;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view > main .content-group-table-row.share-options-dialog {
  margin-bottom: 70px;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view #ProjectRenameDialog.redesign {
  padding: 0 16px;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view .rc-mobile-view-light.redesign .group-content-switch-description-header, #ProjectAndSharesView.rc-mobile-view .rc-mobile-view .rc-mobile-view-light.redesign .group-content-switch-description-text {
  min-height: 36px;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view .rc-mobile-view-light.redesign .form-footer-buttons {
  background-color: unset;
  gap: 8px;
  position: fixed;
  padding-bottom: 16px;
  width: unset;
  left: 16px;
  right: 16px;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view .rc-mobile-view-light.redesign .form-footer-buttons > button:not(.btn-submit).btn-redesign {
  background-color: #fff;
  border: 1px solid #525252;
  color: #525252;
  display: flex;
  flex: 1 0 0;
  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;
  margin-right: unset;
}
#ProjectAndSharesView.rc-mobile-view .rc-mobile-view .rc-mobile-view-light.redesign .form-footer-buttons > button:not(.btn-submit).btn-redesign .rc-icon.sgw-icon {
  display: none;
}

#ProjectListFilterRedesignDialog .rc-dialog-content {
  gap: 16px;
  border-radius: 14px;
  padding: unset;
  max-height: 95vh;
  width: 100%;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-control {
  margin: unset;
  position: relative;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-control .close-button {
  position: absolute;
  right: 16px;
  top: 16px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-control .close-button button {
  height: 18px;
  width: 18px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-control .close-button button .rc-icon.sgw-icon {
  height: 18px;
  width: 18px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-control .close-button button .rc-icon.sgw-icon:before {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content {
  padding: 0 24px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content > button {
  width: 100%;
  margin: 16px 0;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .group-content-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
  min-height: unset;
  margin-top: 16px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .group-content-label:first-child {
  margin-top: unset;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .group-content-radio.selected .rc-radio-element:before {
  width: 13px;
  height: 13px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .group-content-radio.selected .rc-radio-label {
  font-weight: 400;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .group-content-radio .rc-radio .rc-radio-element {
  width: 20px;
  height: 20px;
}
#ProjectListFilterRedesignDialog .rc-dialog-content .dialog-scrollable-content .checkout-group-content .group-content-radio .rc-radio .rc-radio-label {
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

#ProjectTemplates.page-layout .project-templates-view .rc-tabcontrol,
#BusinessPortal.page-layout .project-templates-view .rc-tabcontrol, #BusinessPortal.page-layout .desktop-main-content-header .rc-tabcontrol,
#ProjectTemplatesDialog .rc-tabcontrol {
  position: relative;
}
#ProjectTemplates.page-layout .project-templates-view .rc-tabcontrol:after,
#BusinessPortal.page-layout .project-templates-view .rc-tabcontrol:after, #BusinessPortal.page-layout .desktop-main-content-header .rc-tabcontrol:after,
#ProjectTemplatesDialog .rc-tabcontrol:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #CCCCCC;
}
#ProjectTemplates.page-layout .project-templates-view .rc-tabcontrol .rc-tabcontrol-tab,
#BusinessPortal.page-layout .project-templates-view .rc-tabcontrol .rc-tabcontrol-tab, #BusinessPortal.page-layout .desktop-main-content-header .rc-tabcontrol .rc-tabcontrol-tab,
#ProjectTemplatesDialog .rc-tabcontrol .rc-tabcontrol-tab {
  flex: 0;
  padding: 0 16px;
  z-index: 1;
}
#ProjectTemplates.page-layout .project-templates-view .categories-page-cards .article-selection,
#BusinessPortal.page-layout .project-templates-view .categories-page-cards .article-selection, #BusinessPortal.page-layout .desktop-main-content-header .categories-page-cards .article-selection,
#ProjectTemplatesDialog .categories-page-cards .article-selection {
  max-width: unset;
  box-sizing: border-box;
}
#ProjectTemplates.page-layout .project-templates-view header.categories-page-header,
#BusinessPortal.page-layout .project-templates-view header.categories-page-header, #BusinessPortal.page-layout .desktop-main-content-header header.categories-page-header,
#ProjectTemplatesDialog header.categories-page-header {
  max-width: unset;
}
#ProjectTemplates.page-layout .project-templates-view .projects-templates-filter-overview,
#BusinessPortal.page-layout .project-templates-view .projects-templates-filter-overview, #BusinessPortal.page-layout .desktop-main-content-header .projects-templates-filter-overview,
#ProjectTemplatesDialog .projects-templates-filter-overview {
  position: fixed;
  inset: 0 0 0 0;
  padding: 0;
  z-index: 1000;
  display: flex;
  justify-content: right;
}
#ProjectTemplates.page-layout .project-templates-view .projects-templates-filter-overview:before,
#BusinessPortal.page-layout .project-templates-view .projects-templates-filter-overview:before, #BusinessPortal.page-layout .desktop-main-content-header .projects-templates-filter-overview:before,
#ProjectTemplatesDialog .projects-templates-filter-overview:before {
  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;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content,
#ProjectTemplatesDialog .article-selection .article-selection-content {
  flex: 0 1 1608px;
  max-width: 1608px;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group {
  margin-left: -8px;
  margin-right: -8px;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div {
  background-color: unset;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image {
  width: 320px;
  height: 320px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  background-image: unset;
  background-color: #E3E3E3;
  padding: 32px;
  box-sizing: border-box;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image > div img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels {
  padding: unset;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component {
  display: flex;
  min-height: unset;
  font-size: 16px;
  line-height: 24px;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child {
  color: #000000;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child {
  color: #676767;
}
#ProjectTemplates.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after,
#BusinessPortal.page-layout .project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after, #BusinessPortal.page-layout .desktop-main-content-header .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after,
#ProjectTemplatesDialog .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after {
  display: none;
}

.projects-templates-filter-content .checkout-group-content .group-content.group-content-label {
  margin-bottom: 0;
}
.projects-templates-filter-content .checkout-group-content .group-content.group-content-label + .checkout-group-content {
  margin-bottom: 8px;
}
.projects-templates-filter-content .checkout-group-content .group-content.group-content-checkbox {
  margin-bottom: 0;
  margin-left: 16px;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}
.projects-templates-filter-content .checkout-group-content .group-content.group-content-checkbox:last-child {
  margin-bottom: 8px;
  border-bottom: none;
}

.project-release-image-table .project-release-image-table-image {
  height: 152px;
  width: 152px;
  max-width: 152px;
  max-height: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
.project-release-image-table .project-release-image-table-image img {
  max-width: unset;
}
.project-release-image-table .project-release-image-table-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
.project-release-image-table .project-release-image-table-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
.project-release-image-table .project-release-image-table-image img.square {
  height: 100%;
  width: 100%;
}
.project-release-image-table .rc-textarea.rc-component,
.project-release-image-table .rc-textarea-v2-container.rc-component {
  height: 108px;
  margin-top: 8px;
}

.project-approval-table .content-group-table-row {
  height: 52px;
  border-bottom-color: #cccccc;
}
.project-approval-table .content-group-table-row:last-child {
  border-bottom: 1px solid #cccccc;
}
.project-approval-table .content-group-table-row .group-content {
  align-self: unset;
}
.project-approval-table .flat-table-cell, .project-approval-table .group-content {
  padding: 8px 0;
}
.project-approval-table .flat-table-cell.project-approval-table-title, .project-approval-table .group-content.project-approval-table-title {
  flex: auto;
  background-color: #efefef;
}
.project-approval-table .flat-table-cell.title, .project-approval-table .group-content.title {
  flex: auto;
}
.project-approval-table .flat-table-cell.designName, .project-approval-table .group-content.designName {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.category, .project-approval-table .group-content.category {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.colorCategory, .project-approval-table .group-content.colorCategory {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.userName, .project-approval-table .group-content.userName {
  flex-basis: 150px;
}
.project-approval-table .flat-table-cell.modifiedOn, .project-approval-table .group-content.modifiedOn {
  flex-basis: 100px;
}
.project-approval-table .flat-table-cell.createdOn, .project-approval-table .group-content.createdOn {
  flex-basis: 100px;
}
.project-approval-table .flat-table-cell.group-content-image, .project-approval-table .group-content.group-content-image {
  width: unset;
  flex: 0;
  min-width: 52px;
}
.project-approval-table .flat-table-cell.group-content-image img, .project-approval-table .group-content.group-content-image img {
  max-height: 52px;
  max-width: 52px;
}
.project-approval-table .flat-table-cell, .project-approval-table .group-content {
  /*&.emails {
  		flex-basis: 150px;
  }*/
}

.rc-mobile-view.project-templates-view .rc-tabcontrol.rc-mobile-component {
  flex-direction: row;
  height: unset;
  margin-top: 32px;
  overflow-y: hidden;
  min-height: 44px;
  background-color: #f7f7f7;
  z-index: 1;
  flex: unset;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.rc-mobile-view.project-templates-view .search-bar + .rc-tabcontrol.rc-mobile-component {
  margin-top: 8px;
}
.rc-mobile-view.project-templates-view .content-add-item-button {
  margin-bottom: 8px;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group {
  justify-content: unset;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox > div {
  background-color: unset;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  background-image: unset;
  background-color: #E3E3E3;
  padding: 32px;
  box-sizing: border-box;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .image img {
  position: relative;
  inset: unset;
  transform: unset;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels {
  padding: unset;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component {
  display: flex;
  min-height: unset;
  font-size: 16px;
  line-height: 24px;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:first-child {
  color: #000000;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox .labels .rc-label-component:last-child {
  color: #676767;
}
.rc-mobile-view.project-templates-view .article-selection .article-selection-content .project-public-templates-card-group .project-public-template-card.cardbox:hover .image:after {
  display: none;
}

.templates-select-mockup-dialog .content-group-table-row.search-bar {
  max-width: 50%;
  margin-bottom: 16px;
}
.templates-select-mockup-dialog main .content-group-table-row.search-bar {
  max-width: unset;
  margin-bottom: 16px;
}

/*
.content-group-wrapper {
    .group-content-button.group-content.buttonPublishApprove.button-submit {
        button {
            width: 100%
        }
    }

    .group-content-button.group-content.buttonPublishReject {
        button {
            width: 100%
        }
    }
}*/
.page-layout .desktop-main-content.promotion-page {
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: unset;
  align-items: stretch;
  padding: 32px;
  gap: 16px 8px;
}
.page-layout .desktop-main-content.promotion-page:after {
  content: " ";
  width: 375px;
  min-width: 320px;
  max-width: 446px;
  flex: auto;
}

#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox .labels {
  box-sizing: border-box;
  padding: 8px 32px 20px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h2, #ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3 {
  text-align: left;
  margin: unset;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h2 {
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
  padding-bottom: 10px;
  font-weight: bold;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h2 .price {
  display: block;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h2 .price .color {
  color: #d9052f;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox p {
  margin: unset;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox ul, #ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox ul li {
  margin-top: 5px;
  line-height: 22px;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox p + p {
  margin-top: 13px;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 8px;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3 a {
  font-size: 13px;
  line-height: 15px;
  color: #3669C4;
  font-weight: bold;
  position: relative;
  padding-right: 0;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3 a:before, #ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3:hover a:before, #ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3:active a:before, #ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox h3:visited a:before {
  font-size: 13px;
  top: 2px;
  left: auto;
  right: -24px;
  line-height: 15px;
  height: 15px;
}
#ArticleSelectionContent .categories-page-cards .microsite-banner .cardbox .highlight {
  background-color: #d9052f;
  font-weight: bold;
  color: #fff;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
}

.page-layout .desktop-main-content .microsite-banner {
  width: 375px;
  min-width: 320px;
  max-width: 446px;
  padding: unset;
  display: flex;
  flex: auto;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.page-layout .desktop-main-content .microsite-banner.place-holder {
  height: 0;
}
.page-layout .desktop-main-content .microsite-banner .cardbox {
  border-radius: 6px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox .slider-images {
  border-radius: 6px 6px 0 0;
}
.page-layout .desktop-main-content .microsite-banner .cardbox .promotion-banner-customer-opinions-mini-header {
  border-radius: 0 6px 0 0;
}
.page-layout .desktop-main-content .microsite-banner .cardbox .content {
  flex: 1;
  height: 100%;
}
.page-layout .desktop-main-content .microsite-banner .cardbox a, .page-layout .desktop-main-content .microsite-banner .cardbox a:active, .page-layout .desktop-main-content .microsite-banner .cardbox a:hover, .page-layout .desktop-main-content .microsite-banner .cardbox a:visited {
  text-decoration: none;
}
.page-layout .desktop-main-content .microsite-banner .cardbox > div {
  box-sizing: border-box;
}
.page-layout .desktop-main-content .microsite-banner .cardbox {
  /* .promotion-banner-customer-opinions-mini-header {
       right: 4px;
       top: 4px;
   }*/
}
.page-layout .desktop-main-content .microsite-banner .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));
}
.page-layout .desktop-main-content .microsite-banner .cardbox .labels {
  box-sizing: border-box;
  padding: 8px 32px 20px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h2, .page-layout .desktop-main-content .microsite-banner .cardbox h3 {
  text-align: left;
  margin: unset;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h2 {
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
  padding-bottom: 10px;
  font-weight: bold;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h2 .price {
  display: block;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h2 .price .color {
  color: #d9052f;
}
.page-layout .desktop-main-content .microsite-banner .cardbox p {
  margin: unset;
}
.page-layout .desktop-main-content .microsite-banner .cardbox ul, .page-layout .desktop-main-content .microsite-banner .cardbox ol {
  list-style-type: square;
  margin: 13px 0 0 0;
  padding-left: 33px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox ul li {
  margin-top: 5px;
  line-height: 22px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox p + p {
  margin-top: 13px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 8px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h3 a {
  font-size: 13px;
  line-height: 15px;
  color: #3669C4;
  font-weight: bold;
  position: relative;
  padding-right: 0;
}
.page-layout .desktop-main-content .microsite-banner .cardbox h3 a:before, .page-layout .desktop-main-content .microsite-banner .cardbox h3:hover a:before, .page-layout .desktop-main-content .microsite-banner .cardbox h3:active a:before, .page-layout .desktop-main-content .microsite-banner .cardbox h3:visited a:before {
  font-size: 13px;
  top: 2px;
  left: auto;
  right: -24px;
  line-height: 15px;
  height: 15px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox .highlight {
  background-color: #d9052f;
  font-weight: bold;
  color: #fff;
  padding-left: 6px;
  display: inline-block;
  padding-right: 8px;
  /*
                          background-color: white;
                          font-weight: normal;
                          color: #2C2C2C;
                          padding-left: 6px;
                          display: inline-block;
                          padding-right: 8px;*/
}
.page-layout .desktop-main-content .microsite-banner .cardbox {
  color: #2C2C2C;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  flex: auto;
  max-width: 100%;
  align-self: flex-start;
  background-color: white;
  min-width: 348px;
  text-align: left;
  min-height: 400px;
  flex-direction: row;
  height: 100%;
  max-height: 700px;
}
.page-layout .desktop-main-content .microsite-banner .cardbox:hover .image:after {
  background-image: none;
}
.page-layout .desktop-main-content .microsite-banner.screen-small-height .cardbox {
  height: calc(100vh - 74px);
}
.page-layout .desktop-main-content .microsite-banner.screen-small-height .content {
  background-color: #2b2b2b;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto;
}
.page-layout .desktop-main-content .microsite-banner.screen-small-height .slider-images {
  height: max-content;
}
.page-layout .desktop-main-content .microsite-banner a, .page-layout .desktop-main-content .microsite-banner a:active, .page-layout .desktop-main-content .microsite-banner a:hover, .page-layout .desktop-main-content .microsite-banner a:visited {
  text-decoration: none;
  color: #3669c4;
}
.page-layout .desktop-main-content .microsite-banner a:before, .page-layout .desktop-main-content .microsite-banner a:active:before, .page-layout .desktop-main-content .microsite-banner a:hover:before, .page-layout .desktop-main-content .microsite-banner a:visited:before {
  color: #3669c4;
}
.page-layout .desktop-main-content .microsite-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.page-layout .desktop-main-content .microsite-banner .labels {
  box-sizing: border-box;
  padding: 41px 32px;
  flex: 0 0 100%;
  max-width: 100%;
}
.page-layout .desktop-main-content .microsite-banner .image {
  overflow: hidden;
  flex: 0 0 100%;
  max-width: 100%;
  background-color: transparent;
}
.page-layout .desktop-main-content .microsite-banner .is-swiping .image {
  transition: background 0.4s ease;
}
.page-layout .desktop-main-content .microsite-banner .image.color {
  background-image: radial-gradient(100% 100% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1));
}
.page-layout .desktop-main-content .microsite-banner .slider-images, .page-layout .desktop-main-content .microsite-banner .slider-text {
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex: auto;
  position: relative;
}
.page-layout .desktop-main-content .microsite-banner .slider-text {
  align-items: center;
}

#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner {
  margin: unset;
  max-width: unset;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet {
  display: flex;
  padding: 16px;
  gap: 8px;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet .promotion-banner-customer-opinions-mini-header {
  left: 0;
  right: auto;
  background-color: rgba(43, 43, 43, 0.5);
  border-radius: 6px 0 0 0;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait {
  flex-direction: column;
  overflow-y: auto;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion {
  position: relative;
  display: flex;
  flex-direction: row;
  max-width: 100vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 6px;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .image {
  width: 375px;
  max-width: unset;
  flex: unset;
  border-radius: 6px 0 0 6px;
  height: 100%;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .image img {
  border-radius: 6px 0 0 6px;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text {
  background-color: #FFFFFF;
  padding: 16px 24px;
  border-radius: 0 6px 6px 0;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text a:before {
  content: unset;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels {
  padding: unset;
  display: flex;
  flex-direction: column;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h2, #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h3 {
  color: #2C2C2C;
  text-align: start;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h2 {
  margin-bottom: unset;
  margin-top: unset;
  font-size: 22px;
  font-weight: 600;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h2 .highlight {
  white-space: nowrap;
  width: fit-content;
  padding: 8px;
  border-radius: 120px;
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  display: inline-block;
  height: 38px;
  box-sizing: border-box;
  background-color: #d9052f;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h3 {
  margin: 23px 0;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h3 a {
  justify-content: start;
  border: 1px solid #3669C4;
  border-radius: 120px;
  color: #3669C4;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  padding: 8px 24px;
  width: fit-content;
  box-sizing: border-box;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels h3 a:before {
  width: 0;
  height: 0;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .promotions-list.tablet.portrait .promotion .text .labels p {
  margin: unset;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox {
  background-color: #FFFFFF;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .slider-images {
  background-color: #FFFFFF;
  height: fit-content;
  max-height: 40%;
  align-items: center;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .promotion-banner-customer-opinions-mini-header {
  left: 0;
  right: unset;
  background-color: rgba(43, 43, 43, 0.5);
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content {
  background-color: #FFFFFF;
  height: 100%;
  max-height: unset;
  color: #2C2C2C;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .slider-text {
  flex: unset;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content a {
  justify-content: start;
  border: 1px solid #3669C4;
  border-radius: 120px;
  color: #3669C4;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  padding: 8px 24px;
  width: fit-content;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content a:before {
  width: 0;
  height: 0;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .labels.active {
  padding: 16px 24px 32px 24px;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .labels.active h2, #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .labels.active h3 {
  color: #2C2C2C;
  text-align: start;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .labels.active h2 {
  font-size: 22px;
  font-weight: 600;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .labels.active h2 .highlight {
  white-space: nowrap;
  width: fit-content;
  padding: 8px;
  border-radius: 120px;
  color: #FFF;
  text-align: center;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  display: inline-block;
  height: 38px;
  box-sizing: border-box;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .labels.active p {
  margin-top: 16px;
  color: #2C2C2C;
  font-family: "SourceSansPro-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .dotted-nav {
  background-color: #FFFFFF;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .dotted-nav > div {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  background-color: #FFFFFF;
  border: 1px solid #525252;
  box-sizing: border-box;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner.redesign .cardbox .content .dotted-nav > div.active {
  background-color: #525252;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox {
  margin: unset;
  height: 100%;
  min-width: unset;
}
@media (orientation: portrait) {
  #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox > div {
    max-height: 50%;
  }
}
@media (max-height: 560px) {
  #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox > .slider-images {
    min-height: 50%;
  }
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox .content .slider-text {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex: 1;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox .content .slider-text > .labels {
  height: 100%;
  overflow-y: auto;
}
#ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox .content .dotted-nav {
  display: flex;
  box-sizing: border-box;
  position: -webkit-sticky;
  position: relative;
  bottom: 4px;
  padding: 10px 0 0;
}
@media (orientation: landscape) {
  #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner {
    max-width: unset;
  }
  #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox {
    flex-wrap: unset;
  }
  #ArticleSelectionMobileView.rc-mobile-view main .promotion-banner .cardbox .slider-images {
    order: 1;
  }
}

.qrcode-mobile-upload-view {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qrcode-mobile-upload-view .group-content-label > div {
  text-align: center;
}
.qrcode-mobile-upload-view .group-content-label > div h2 {
  font-family: inherit;
}
.qrcode-mobile-upload-view .rc-component.rc-file-upload {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 16px;
}

.qrcode-upload-view-images-loaded {
  text-align: center;
}

.qrcode-upload-view-summary-line {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.qrcode-upload-view-summary-line > div {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 8px;
  width: 100%;
  box-sizing: border-box;
}
.qrcode-upload-view-summary-line > div .rc-icon {
  height: 26px;
  width: 26px;
  padding: unset;
  border-radius: 50%;
  background-color: #6c9d0d;
}
.qrcode-upload-view-summary-line > div .rc-icon:before {
  color: white;
  font-size: 14px;
  text-align: center;
}
.qrcode-upload-view-summary-line > div .rc-label-component.rc-mobile-component {
  font-size: 14px;
  font-weight: bold;
  color: #2C2C2C;
}

.salesMethodTypeRadio .group-content-radio.group-content, .rc-dialog-content .salesMethodTypeRadio .group-content-radio.group-content {
  padding: 16px;
  border: 2px solid #efefef;
  margin-bottom: 8px;
}
.salesMethodTypeRadio .group-content-radio.group-content.selected, .rc-dialog-content .salesMethodTypeRadio .group-content-radio.group-content.selected {
  background-color: #f1f4fa;
  border-color: #3669C4;
}
.salesMethodTypeRadio .group-content-radio.group-content .rc-radio-element, .rc-dialog-content .salesMethodTypeRadio .group-content-radio.group-content .rc-radio-element {
  align-self: flex-start;
  margin-top: 2px;
}
.salesMethodTypeRadio .group-content-radio.group-content p, .rc-dialog-content .salesMethodTypeRadio .group-content-radio.group-content p {
  margin-top: 16px;
  margin-bottom: 8px;
}

#SalesAndPaymentSettingsForm {
  padding-bottom: 60px;
}

.account-overview-subview.no-white-background {
  background-color: inherit;
}

.account-overview-subview.white-background {
  background-color: white;
}

.account-overview-subview .view-refresh-button {
  position: absolute;
  right: 0;
  top: 16px;
  z-index: 1;
}
.account-overview-subview form {
  max-width: 750px;
  padding-bottom: 16px;
}
.account-overview-subview form .rc-floating-button {
  position: fixed;
}
.account-overview-subview.alignment-center {
  padding-left: 16px;
}
.account-overview-subview.alignment-left {
  padding-left: 16px;
}
.account-overview-subview .search-bar-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.account-overview-subview .search-bar-wrapper .search-bar {
  flex: 1;
  max-width: 800px;
}
.account-overview-subview .search-bar-wrapper .search-bar > div {
  position: relative;
}
.account-overview-subview .search-bar-wrapper .search-bar form {
  padding: 0;
}
.account-overview-subview .content-group-table-row .group-content.group-content-label.labelProfileNameInfo {
  min-height: unset;
  margin-bottom: 0;
}
.account-overview-subview .content-group-table-row .group-content.group-content-label.labelValidCharacters {
  min-height: unset;
}

.account-settings-dialog .checkout-group-content .group-content-image img {
  height: auto;
  width: auto;
}
.account-settings-dialog .checkout-group-content {
  margin-bottom: 16px;
}
.account-settings-dialog .back-button {
  border-top: 1px solid #cccccc;
  padding-top: 8px;
}

.rc-dialog-content .account-overview-subview form > * {
  margin-bottom: 8px;
}
.rc-dialog-content .checkout-group-content .group-content {
  margin-bottom: 8px;
}
.rc-dialog-content .checkout-group-content .group-content.group-content-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.rc-dialog-content .checkout-group-content .group-content .group-content:not(.group-content-sortable-item) {
  margin-bottom: unset;
}
.rc-dialog-content .checkout-group-content .group-content {
  /*&:last-child {
      margin-bottom: unset;
  }*/
}

#ShareWithContactsDialog .checkout-group-content {
  margin-bottom: 32px;
}
#ShareWithContactsDialog .checkout-group-content .group-content {
  margin-bottom: 8px;
}
#ShareWithContactsDialog .checkout-group-content .group-content.group-content-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#ShareWithContactsDialog .checkout-group-content .group-content-horizontal-group .group-content-input + .group-content-button {
  width: auto;
}
#ShareWithContactsDialog .checkout-group-content .group-content-horizontal-group .group-content-input + .group-content-button button {
  height: 36px;
  width: 36px;
  padding: 0;
}
#ShareWithContactsDialog .dialog-scrollable-content {
  min-height: 250px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
#ShareWithContactsDialog .dialog-scrollable-content form {
  padding-top: 16px;
  flex: 1;
}

.account-overview-subview-container {
  padding-top: 16px;
}
.account-overview-subview-container .group-content {
  margin-bottom: 8px;
}
.account-overview-subview-container .group-content > .group-content:not(.group-content-divider) {
  margin-bottom: unset;
}
.account-overview-subview-container .group-content-label {
  align-self: flex-start;
}
.account-overview-subview-container .group-content-image > img {
  width: auto;
}
.account-overview-subview-container h2 {
  align-self: flex-start;
  /*font-weight: bold;
  padding: 0;*/
  margin-bottom: 10px;
}
.account-overview-subview-container .address-group-wrapper {
  width: calc(100% - 32px);
  padding: 0 16px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.account-overview-subview-container .address-group-wrapper > button {
  overflow: hidden;
}
.account-overview-subview-container .address-group-wrapper > button, .account-overview-subview-container .address-group-wrapper > .group-content {
  width: 100%;
}
.account-overview-subview-container .address-group-wrapper > .group-content-checkbox {
  margin: 15px 5px;
}
.account-overview-subview-container .address-group-wrapper .rc-checkbox-box {
  margin-right: 7px;
}
.account-overview-subview-container .address-group-wrapper > .group-content-link-add {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}
.account-overview-subview-container .address-group-wrapper > .group-content-link-add > .btn-default.btn-icon > .sgw-icon::before {
  font-size: 25px;
  padding-right: 7px;
}
.account-overview-subview-container .address-group-wrapper .btn-simple.btn-submit {
  width: 50%;
}
.account-overview-subview-container form {
  position: relative;
  display: flex;
  flex-direction: column;
}
.account-overview-subview-container form > button {
  overflow: hidden;
}
.account-overview-subview-container form > button, .account-overview-subview-container form > .group-content {
  width: 100%;
}
.account-overview-subview-container form > .group-content-checkbox {
  margin: 15px 5px;
}
.account-overview-subview-container form .rc-checkbox-box {
  margin-right: 7px;
}
.account-overview-subview-container form > .group-content-link-add {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}
.account-overview-subview-container form > .group-content-link-add > .btn-default.btn-icon > .sgw-icon::before {
  font-size: 25px;
  padding-right: 7px;
}
.account-overview-subview-container form .btn-simple.btn-submit {
  width: 50%;
}
.account-overview-subview-container form .rc-floating-button .btn-simple.btn-submit {
  width: auto;
}
.account-overview-subview-container .password-change-form .group-content-label {
  margin-bottom: 8px;
}

.account-overview-subview-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 0 0 0 8px;
}
.account-overview-subview-container form > button, .account-overview-subview-container .address-group-wrapper > button {
  max-width: 343px;
}
.account-overview-subview-container .account-overview-subview, .account-overview-subview-container .account-overview-left {
  padding-top: 16px;
}
.account-overview-subview-container .account-overview-subview {
  overflow-y: auto;
  position: relative;
  flex: auto;
  min-width: 446px;
  display: flex;
  flex-direction: column;
}
.account-overview-subview-container .account-overview-subview div:not(.view-refresh-button) + form {
  padding-top: 16px;
}
.account-overview-subview-container .account-overview-left {
  background-color: white;
  flex: 0 1 375px;
  min-width: 320px;
  margin-right: 8px;
  overflow-y: auto;
  padding: 16px;
  box-sizing: border-box;
}
.account-overview-subview-container .account-overview-left.floating-overview {
  max-width: 320px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding-right: 8px;
  box-sizing: border-box;
  z-index: 10;
  border-right: 2px solid #efefef;
  border-left: 1px solid #efefef;
}
.account-overview-subview-container .account-overview-left.floating-overview.overview-hidden {
  display: none;
}
.account-overview-subview-container .account-overview-left.floating-overview .floating-overview-close-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.account-overview-left .checkout-group-content .group-content.group-content-label.group-important {
  margin-top: 16px;
  margin-bottom: 0;
}
.account-overview-left .checkout-group-content .group-content .group-content-key-value .group-content-key-value-key {
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
}
.account-overview-left .checkout-group-content .group-content .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}

#ArticleSelectionMobileView {
  /*.back-button {
      position: absolute;

      > .sgw-icon::before {
          font-size: 20px;
          font-weight: bold;
      }
  }

  .back-button {
      left: 0;
  }*/
  /*.action-button {
      position: absolute;
      right: 0;
      top: 0;
  }*/
}
#ArticleSelectionMobileView .mobile-page-remove-header {
  position: absolute;
  right: 0;
}

#ArticleSelectionMobileView main.rc-mobile-view-dark > .login-view-wrapper > form > .group-content-label.group-important:first-child {
  padding: 16px 0 8px 0;
}

#UserSettingsPage form {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#UserSettingsPage .checkout-group-content .group-content-avatar {
  width: 100%;
  display: flex;
  height: unset;
  justify-content: center;
  cursor: pointer;
}
#UserSettingsPage .checkout-group-content .group-content-avatar > div {
  height: 128px;
  width: 128px;
}
#UserSettingsPage .checkout-group-content .group-content-avatar > div span {
  font-size: 54px;
  opacity: 0.75;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-upload {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-upload:last-child {
  justify-content: center;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-upload .rc-file-upload {
  width: unset;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-upload .rc-file-upload .rc-icon {
  display: none;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-upload .rc-file-upload .btn-icon {
  padding: 0 32px;
  background-color: unset;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-upload .rc-file-upload .btn-label {
  font-weight: bold;
  color: #3669c4;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-button {
  flex: 1;
}
#UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-button button, #UserSettingsPage .checkout-group-content .group-content-avatar + .group-content-horizontal-group .group-content-button button:hover {
  background-color: unset;
}
#UserSettingsPage .checkout-group-content .group-content.group-content-label.group-important {
  margin-bottom: 0;
  margin-top: 16px;
}

#AccountOverviewPage .checkout-group-content > .checkout-group-content {
  background-color: #efefef;
  padding: 16px;
}
#AccountOverviewPage .checkout-group-content .group-content.group-content-link-add button {
  width: 100%;
}
#AccountOverviewPage .checkout-group-content .group-content.group-content-link-add button .sgw-icon {
  display: none;
}
#AccountOverviewPage .checkout-group-content .group-content.group-content-button button.btn-action {
  width: 100%;
}

#MobileSettingsPage > div {
  box-sizing: border-box;
}
#MobileSettingsPage .checkout-group-content > .checkout-group-content {
  background-color: #efefef;
  padding: 16px;
}

.account-overview-column.checkout-group-content .languageContent {
  user-select: none;
}
.account-overview-column.checkout-group-content .languageContent + .group-content-button {
  user-select: none;
}
.account-overview-column.checkout-group-content .languageContent + .group-content-horizontal-group {
  user-select: none;
}
.account-overview-column.checkout-group-content .languageContent + .group-content-horizontal-group + .group-content-button {
  user-select: none;
}

#CreateMFADialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content .dialog-scrollable-content {
  padding-top: unset;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#CreateMFADialog.rc-mobile-view > main .padding-wrapper {
  padding-top: unset;
}

.create-mfa-dialog-banner > .group-content.group-content-image {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}

.create-mfa-qrcode-table {
  padding: 16px;
  background-color: #EFEFEF;
  gap: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.create-mfa-qrcode-table .qrCodeImage {
  max-width: 300px;
  max-height: 300px;
}
.create-mfa-qrcode-table .group-content.group-content-label {
  width: 100%;
}
.create-mfa-qrcode-table .group-content-horizontal-group {
  width: 100%;
}
.create-mfa-qrcode-table .group-content-horizontal-group .group-content.scanQrCodeText {
  flex: 1;
  width: 100%;
}
.create-mfa-qrcode-table .group-content-horizontal-group .group-content.copy {
  flex: unset;
}
.create-mfa-qrcode-table .group-content-horizontal-group .group-content.copy button {
  background-color: #EFEFEF;
  padding-right: unset;
}
.create-mfa-qrcode-table .group-content-horizontal-group .group-content.copy button .btn-label {
  color: #2C2C2C;
}

#CreateMFADialog #LoginView.login-view-component.login-view-desktop {
  padding: unset;
  background-color: unset;
  align-items: unset;
}
#CreateMFADialog #LoginView.login-view-component.login-view-desktop > div {
  box-shadow: unset;
  max-width: unset;
  width: 100%;
}
#CreateMFADialog #LoginView.login-view-component .checkout-group-content {
  padding: unset;
}

#CreateMFADialog.rc-mobile-view footer {
  box-shadow: unset;
  border-top: unset;
}

#PageSettings {
  color: #2C2C2C;
}
#PageSettings .labelSubHeader, #PageSettings .labelPageSettingsHeader {
  min-height: unset;
  margin-bottom: unset;
}
#PageSettings .labelInfo, #PageSettings .labelPageSettingsInfo {
  min-height: unset;
}

.login-view-component .login-view-component-table {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  box-sizing: border-box;
  color: #2C2C2C;
}
.login-view-component .login-view-component-table .login-view-component-view-title {
  font-size: 21px;
  line-height: 27px;
  color: #2C2C2C;
  margin-bottom: 10px;
  font-weight: bold;
}
.login-view-component .login-view-component-table .group-content {
  margin-bottom: unset;
}
.login-view-component .login-view-component-table .group-content.group-content-horizontal-group:has(.group-content-avatar) {
  padding: 0 8px;
  box-sizing: border-box;
}
.login-view-component .login-view-component-table .group-content .group-content-avatar {
  display: flex;
  align-items: center;
  height: unset;
}
.login-view-component .login-view-component-table .group-content .group-content-avatar .rc-avatar {
  width: 26px;
  height: 26px;
}
.login-view-component .login-view-component-table .login-view-component-username {
  cursor: pointer;
}
.login-view-component .login-view-component-table button {
  width: 100%;
}

.settlements-table .flat-table-cell.month, .settlements-table .group-content.month, .sold-images-table .flat-table-cell.month, .sold-images-table .group-content.month {
  flex-basis: 150px;
}
.settlements-table .flat-table-cell.date, .settlements-table .group-content.date, .sold-images-table .flat-table-cell.date, .sold-images-table .group-content.date {
  flex-basis: 150px;
}
.settlements-table .flat-table-cell.orders, .settlements-table .group-content.orders, .sold-images-table .flat-table-cell.orders, .sold-images-table .group-content.orders {
  flex-basis: 150px;
}
.settlements-table .flat-table-cell.status, .settlements-table .group-content.status, .sold-images-table .flat-table-cell.status, .sold-images-table .group-content.status {
  flex: auto;
}
.settlements-table .flat-table-cell.buyingPrice, .settlements-table .group-content.buyingPrice, .sold-images-table .flat-table-cell.buyingPrice, .sold-images-table .group-content.buyingPrice {
  flex-basis: 150px;
}
.settlements-table .flat-table-cell.sellingPrice, .settlements-table .group-content.sellingPrice, .sold-images-table .flat-table-cell.sellingPrice, .sold-images-table .group-content.sellingPrice {
  flex-basis: 150px;
}
.settlements-table .flat-table-cell.commission, .settlements-table .group-content.commission, .sold-images-table .flat-table-cell.commission, .sold-images-table .group-content.commission {
  flex-basis: 150px;
}
.settlements-table .flat-table-cell.profit, .settlements-table .flat-table-cell.netProfit, .settlements-table .group-content.profit, .settlements-table .group-content.netProfit, .sold-images-table .flat-table-cell.profit, .sold-images-table .flat-table-cell.netProfit, .sold-images-table .group-content.profit, .sold-images-table .group-content.netProfit {
  flex-basis: 150px;
  max-width: 150px;
  white-space: break-spaces;
}
.settlements-table .flat-table-cell.profit > div, .settlements-table .flat-table-cell.netProfit > div, .settlements-table .group-content.profit > div, .settlements-table .group-content.netProfit > div, .sold-images-table .flat-table-cell.profit > div, .sold-images-table .flat-table-cell.netProfit > div, .sold-images-table .group-content.profit > div, .sold-images-table .group-content.netProfit > div {
  white-space: unset;
}

.sold-images-positions-table, .settlement-order-positions-table {
  border: none;
}
.sold-images-positions-table .flat-table-cell.date, .sold-images-positions-table .group-content.date, .settlement-order-positions-table .flat-table-cell.date, .settlement-order-positions-table .group-content.date {
  flex-basis: 100px;
}
.sold-images-positions-table .flat-table-cell.profit, .sold-images-positions-table .flat-table-cell.netProfit, .sold-images-positions-table .flat-table-cell.commission, .sold-images-positions-table .flat-table-cell.sellingPrice, .sold-images-positions-table .flat-table-cell.buyingPrice, .sold-images-positions-table .flat-table-cell.promoVoucher, .sold-images-positions-table .group-content.profit, .sold-images-positions-table .group-content.netProfit, .sold-images-positions-table .group-content.commission, .sold-images-positions-table .group-content.sellingPrice, .sold-images-positions-table .group-content.buyingPrice, .sold-images-positions-table .group-content.promoVoucher, .settlement-order-positions-table .flat-table-cell.profit, .settlement-order-positions-table .flat-table-cell.netProfit, .settlement-order-positions-table .flat-table-cell.commission, .settlement-order-positions-table .flat-table-cell.sellingPrice, .settlement-order-positions-table .flat-table-cell.buyingPrice, .settlement-order-positions-table .flat-table-cell.promoVoucher, .settlement-order-positions-table .group-content.profit, .settlement-order-positions-table .group-content.netProfit, .settlement-order-positions-table .group-content.commission, .settlement-order-positions-table .group-content.sellingPrice, .settlement-order-positions-table .group-content.buyingPrice, .settlement-order-positions-table .group-content.promoVoucher {
  flex-basis: 100px;
  max-width: 100px;
}
.sold-images-positions-table .flat-table-cell.profit > div, .sold-images-positions-table .flat-table-cell.netProfit > div, .sold-images-positions-table .flat-table-cell.commission > div, .sold-images-positions-table .flat-table-cell.sellingPrice > div, .sold-images-positions-table .flat-table-cell.buyingPrice > div, .sold-images-positions-table .flat-table-cell.promoVoucher > div, .sold-images-positions-table .group-content.profit > div, .sold-images-positions-table .group-content.netProfit > div, .sold-images-positions-table .group-content.commission > div, .sold-images-positions-table .group-content.sellingPrice > div, .sold-images-positions-table .group-content.buyingPrice > div, .sold-images-positions-table .group-content.promoVoucher > div, .settlement-order-positions-table .flat-table-cell.profit > div, .settlement-order-positions-table .flat-table-cell.netProfit > div, .settlement-order-positions-table .flat-table-cell.commission > div, .settlement-order-positions-table .flat-table-cell.sellingPrice > div, .settlement-order-positions-table .flat-table-cell.buyingPrice > div, .settlement-order-positions-table .flat-table-cell.promoVoucher > div, .settlement-order-positions-table .group-content.profit > div, .settlement-order-positions-table .group-content.netProfit > div, .settlement-order-positions-table .group-content.commission > div, .settlement-order-positions-table .group-content.sellingPrice > div, .settlement-order-positions-table .group-content.buyingPrice > div, .settlement-order-positions-table .group-content.promoVoucher > div {
  white-space: normal;
  line-height: 15px;
}
.sold-images-positions-table .flat-table-cell.quantity, .sold-images-positions-table .group-content.quantity, .settlement-order-positions-table .flat-table-cell.quantity, .settlement-order-positions-table .group-content.quantity {
  flex-basis: 100px;
}
.sold-images-positions-table .flat-table-cell.article, .sold-images-positions-table .group-content.article, .settlement-order-positions-table .flat-table-cell.article, .settlement-order-positions-table .group-content.article {
  flex: auto;
}
.sold-images-positions-table .flat-table-cell.article.group-content br, .sold-images-positions-table .group-content.article.group-content br, .settlement-order-positions-table .flat-table-cell.article.group-content br, .settlement-order-positions-table .group-content.article.group-content br {
  display: block;
}
.sold-images-positions-table .flat-table-summaries-row, .settlement-order-positions-table .flat-table-summaries-row {
  border-top: 2px solid #cccccc;
  background-color: transparent;
}
.sold-images-positions-table .flat-table-summaries-row:hover, .settlement-order-positions-table .flat-table-summaries-row:hover {
  background-color: inherit;
}
.sold-images-positions-table .flat-table-summaries-row .group-content-label.group-content, .settlement-order-positions-table .flat-table-summaries-row .group-content-label.group-content {
  cursor: auto;
  font-weight: bold;
}

.content-group-table-row.settlements-table-header {
  margin-bottom: 8px;
}
.content-group-table-row.settlements-table-header .group-content.group-content-label {
  min-height: unset;
  line-height: 16px;
  margin-bottom: 0;
  color: #2C2C2C;
}
.content-group-table-row.settlements-table-header .group-content.group-content-label.name {
  font-weight: bold;
}

/*
@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;
  }
}*/
.article-selection-shoppingcart-button {
  padding-right: 8px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.article-selection-shoppingcart-button button {
  padding: 2px;
  margin-right: -2px;
}
.article-selection-shoppingcart-button button .rc-icon {
  margin-right: 0;
}
.article-selection-shoppingcart-button div:not(.rc-icon):last-child {
  background-color: #6c9d0d;
  color: #ffffff;
  font-size: 12px;
  padding: 0 4px 0 5px;
  border-radius: 3px;
  margin-left: 4px;
  line-height: 16px;
}

.mobile-tabs .article-selection-shoppingcart-button div:not(.rc-icon):last-child {
  position: absolute;
  right: -3px;
  top: 8px;
}

/*
@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;
  }
}*/
main#SubscriptionsPage {
  padding: 0 16px 76px;
  box-sizing: border-box;
}

#SubscriptionsPage {
  padding-left: 16px;
}
#SubscriptionsPage form {
  box-sizing: border-box;
  padding: unset;
}
#SubscriptionsPage .checkout-group-content > .checkout-group-content {
  background-color: #ffffff;
  box-sizing: border-box;
}
#SubscriptionsPage .checkout-group-content > .checkout-group-content .group-content-avatar > img {
  width: 36px;
  height: 36px;
}
#SubscriptionsPage .checkout-group-content > .checkout-group-content .group-content-label {
  flex: 1;
  margin-left: 16px;
}
#SubscriptionsPage .checkout-group-content .group-content-image {
  width: unset;
}
#SubscriptionsPage .checkout-group-content .group-content-image img {
  max-height: 32px;
  max-width: 32px;
}
#SubscriptionsPage .checkout-group-content .group-content-radio-group {
  background-color: #ffffff;
}
#SubscriptionsPage .checkout-group-content .group-content-radio-group .group-content-radio-group-content {
  display: inherit;
}
#SubscriptionsPage .checkout-group-content .group-content-radio-group .rc-radio-element {
  margin-right: 8px;
}
#SubscriptionsPage .checkout-group-content .group-content-radio-group > .group-content-label {
  margin-left: 22px;
  min-height: unset;
}
#SubscriptionsPage .subscriptions-group-content > .checkout-group-content {
  margin-bottom: 8px;
  padding: 16px;
}
#SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content {
  width: unset;
}
#SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content.group-content-radio, #SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content.group-content-label {
  flex: 1;
}
#SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content.group-content-radio > *, #SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content.group-content-label > * {
  margin-right: 2px;
}
#SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content.group-content-radio + .group-content-label, #SubscriptionsPage .subscriptions-group-content > .checkout-group-content .group-content-horizontal-group > .group-content.group-content-label + .group-content-label {
  display: flex;
  justify-content: flex-end;
}
#SubscriptionsPage .subscriptions-group-content .showAll button {
  padding: 8px 0;
  color: #3669c4;
}
#SubscriptionsPage .rc-tabcontrol {
  background-color: unset;
}

#TemplatesPage.account-overview-subview {
  padding-left: 16px;
}

#TemplatesDialog .rc-dialog-content .dialog-scrollable-content form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#TemplatesDialog .rc-dialog-content .dialog-scrollable-content form > .checkout-group-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#TemplatesDialog .rc-dialog-content .dialog-scrollable-content form > .checkout-group-content > .group-content-textarea {
  flex: 1;
}
#TemplatesDialog .rc-dialog-content .dialog-scrollable-content form > .checkout-group-content > .group-content-textarea .rc-textarea, #TemplatesDialog .rc-dialog-content .dialog-scrollable-content form > .checkout-group-content > .group-content-textarea .rc-textarea-v2-container {
  height: 100%;
  min-height: 300px;
}

.todo-section {
  border-bottom: 1px solid #cccccc;
}
.todo-section.is-clickable {
  cursor: pointer;
}
.todo-section.content-group-table-row .group-content.group-content-button.button-link {
  border-bottom: unset;
  width: 100%;
}
.todo-section.content-group-table-row .group-content.group-content-horizontal-group {
  margin-bottom: unset;
  flex-wrap: nowrap;
}
.todo-section.content-group-table-row .group-content.group-content-horizontal-group .group-content-icon {
  width: unset;
  flex: unset;
}
.todo-section.content-group-table-row .group-content.group-content-horizontal-group .group-content-label {
  padding-left: 16px;
  flex: auto;
}
.todo-section.content-group-table-row p {
  margin-bottom: 8px;
  margin-top: unset;
}
.todo-section.content-group-table-row ul {
  list-style: square;
  margin-left: 32px;
  padding-bottom: 8px;
}

#UserManagementAddUserDialog .content-group-table-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
#UserManagementAddUserDialog .content-group-table-row > div {
  margin-bottom: 0;
}
#UserManagementAddUserDialog .userManagement_userRoles {
  font-weight: bold;
  font-size: 16px;
}
#UserManagementAddUserDialog .group-content-horizontal-group .group-content-label {
  font-weight: bold;
}

#UserManagementAddUserDialog.subscription-dialog .group-content.group-content-label {
  color: #525252;
}
#UserManagementAddUserDialog.subscription-dialog .group-content.group-content-label.group-important {
  font-size: 21px;
  margin-bottom: 10px;
}
#UserManagementAddUserDialog.subscription-dialog .group-content.group-content-button {
  margin-bottom: 0;
}
#UserManagementAddUserDialog.subscription-dialog button {
  width: 100%;
}

.user-management-table .flat-table-cell.userName, .user-management-table .group-content.userName {
  flex: 1;
}
.user-management-table .flat-table-cell.status, .user-management-table .group-content.status {
  flex-basis: 200px;
}
.user-management-table .mobile-table-column .data .userName {
  max-width: calc(100% - 36px);
}
.user-management-table .mobile-table-column .data .userName > div {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.user-management-detail-view-permissions {
  max-width: 672px;
  height: 100%;
}
.user-management-detail-view-permissions .content-group-table-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #ffffff;
  padding: 16px;
}
.user-management-detail-view-permissions .content-group-table-row > div {
  margin-bottom: 0;
}
.user-management-detail-view-permissions .userManagement_userRoles {
  font-weight: bold;
  font-size: 16px;
}
.user-management-detail-view-permissions .group-content-horizontal-group .group-content-label {
  font-weight: bold;
}
.user-management-detail-view-permissions .rc-floating-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.rc-mobile-view .user-management-detail-view-permissions {
  margin: unset;
}
.rc-mobile-view .user-management-detail-view-permissions .content-group-table-row {
  gap: unset;
  padding: unset;
}
.rc-mobile-view .user-management-detail-view-permissions .content-group-table-row .group-content-horizontal-group {
  display: block;
}
.rc-mobile-view .user-management-detail-view-permissions .content-group-table-row .group-content-horizontal-group .group-content-label {
  margin-bottom: unset;
}
.rc-mobile-view .user-management-detail-view-permissions .rc-floating-button {
  position: sticky;
  position: -webkit-sticky;
  padding-bottom: unset;
}

#UserManagementAddUserDialog.rc-mobile-view .group-content-horizontal-group {
  display: block;
}

.user-permissions-detail-view-column .user-permissions-detail-view-column-header {
  border-bottom: 1px solid #CCCCCC;
}
.user-permissions-detail-view-column .group-content.group-content-key-value {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 0;
}
.user-permissions-detail-view-column .group-content.group-content-key-value .group-content-key-value-key, .user-permissions-detail-view-column .group-content.group-content-key-value .group-content-key-value-value {
  flex-basis: 50%;
  font-size: 14px;
  line-height: 15px;
  min-height: 24px;
}
.user-permissions-detail-view-column .group-content-button button {
  width: 100%;
}
.vouchers-list-table .flat-table-cell.couponStatus, .vouchers-list-table .group-content.couponStatus {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.couponType, .vouchers-list-table .group-content.couponType {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.date, .vouchers-list-table .group-content.date {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.amount, .vouchers-list-table .group-content.amount {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.minAmount, .vouchers-list-table .group-content.minAmount {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.couponUsageLimit, .vouchers-list-table .group-content.couponUsageLimit {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.startDate, .vouchers-list-table .group-content.startDate {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.endDate, .vouchers-list-table .group-content.endDate {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.redemptionRate, .vouchers-list-table .group-content.redemptionRate {
  flex-basis: 100px;
}
.vouchers-list-table .flat-table-cell.couponCode, .vouchers-list-table .group-content.couponCode {
  flex-basis: 150px;
}
.vouchers-list-table .flat-table-cell.internalName, .vouchers-list-table .group-content.internalName {
  flex: auto;
}

#VoucherDetails .checkout-group-content .group-content-checkbox .rc-component.rc-checkbox {
  align-items: center;
}
#VoucherDetails .checkout-group-content .group-content-checkbox.couponShippingCostIncluded, #VoucherDetails .checkout-group-content .group-content-checkbox.couponUseOncePerUser {
  margin-bottom: 8px;
}
#VoucherDetails .checkout-group-content .group-content-label.group-important {
  margin-bottom: 0;
  margin-top: 16px;
}
#VoucherDetails .checkout-group-content .group-content-label.group-important:first-child {
  margin-top: 0;
}

#WatermarkSettings .group-content-image > img {
  width: auto;
  background-color: #efefef;
}
#WatermarkSettings .watermarkType.group-content-radio-group {
  display: flex;
}
#WatermarkSettings .watermarkType.group-content-radio-group .group-content {
  flex: 1 0 50%;
}
#WatermarkSettings .checkout-group-content .group-content.group-content-horizontal-group > *:not(.group-content-upload):not(.group-content-button) {
  margin-right: unset;
  padding-right: 8px;
  box-sizing: border-box;
  flex: 0 0 50%;
}

#WatermarkMobileSettings .group-content-input.group-content {
  margin-right: unset;
}
#WatermarkMobileSettings .group-content-input.group-content button {
  flex: 0 0 44px;
}
#WatermarkMobileSettings .group-content-horizontal-group .group-content-input.group-content {
  margin-bottom: unset;
}

.diystories-items-table .flat-table-cell.date, .diystories-items-table .group-content.date {
  flex-basis: 100px;
}
.diystories-items-table .flat-table-cell.storyName, .diystories-items-table .group-content.storyName {
  flex: auto;
}
.diystories-items-table .flat-table-cell.category, .diystories-items-table .group-content.category {
  flex-basis: 250px;
}
.diystories-items-table .flat-table-cell.labelStatus, .diystories-items-table .group-content.labelStatus {
  flex-basis: 200px;
}

.diystories-item-steps-table .flat-table-cell.date, .diystories-item-steps-table .group-content.date {
  flex-basis: 100px;
}
.diystories-item-steps-table .flat-table-cell.storyStepName, .diystories-item-steps-table .group-content.storyStepName {
  flex: auto;
}
.diystories-item-steps-table .flat-table-cell.storyStepTags, .diystories-item-steps-table .group-content.storyStepTags {
  flex-basis: 300px;
}
.diystories-item-steps-table .flat-table-cell.required, .diystories-item-steps-table .group-content.required {
  flex-basis: 100px;
}
.diystories-item-steps-table .flat-table-cell.type, .diystories-item-steps-table .group-content.type {
  flex-basis: 200px;
}

#DIYStoriesListView .desktop-main-content-header.photojobs-detail-content-header {
  justify-content: space-between;
}
#DIYStoriesListView .diy-item-steps-table-wrapper {
  padding-top: 0;
  padding-bottom: 16px;
}
#DIYStoriesListView.rc-mobile-view main .content-group-table-row.search-bar {
  padding: 8px 16px 0;
}
#DIYStoriesListView.rc-mobile-view main .diy-story-mobile-table {
  padding: 0 16px;
}

#DIYStoriesSelectProjectDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content, #ProductSetSelectProjectDialog.rc-dialog.dialog-with-scrollable-content .rc-dialog-wrapper .rc-dialog-content {
  min-height: 85vh;
}
#DIYStoriesSelectProjectDialog .breadcrumb, #ProductSetSelectProjectDialog .breadcrumb {
  position: relative;
  inset: unset;
  background-color: unset;
  justify-content: unset;
  font-size: 14px;
  padding-left: unset;
  margin-top: 16px;
  margin-bottom: 0;
  display: flex;
}
#DIYStoriesSelectProjectDialog .breadcrumb .rc-icon.sgw-icon, #ProductSetSelectProjectDialog .breadcrumb .rc-icon.sgw-icon {
  height: 22px;
}
#DIYStoriesSelectProjectDialog .breadcrumb a, #ProductSetSelectProjectDialog .breadcrumb a {
  height: 22px;
}
#DIYStoriesSelectProjectDialog .breadcrumb span, #ProductSetSelectProjectDialog .breadcrumb span {
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
}
#DIYStoriesSelectProjectDialog .breadcrumb span strong, #ProductSetSelectProjectDialog .breadcrumb span strong {
  padding-top: 2px;
}
#DIYStoriesSelectProjectDialog .breadcrumb .sgw-icon.next, #ProductSetSelectProjectDialog .breadcrumb .sgw-icon.next {
  padding-right: 22px;
}
#DIYStoriesSelectProjectDialog .breadcrumb .sgw-icon.next:after, #ProductSetSelectProjectDialog .breadcrumb .sgw-icon.next:after {
  width: auto;
}

#DIYStoriesAddNewDialog .group-content.group-content-image.storyImg {
  max-width: 200px;
  max-height: 200px;
}
#DIYStoriesAddNewDialog .group-content.group-content-horizontal-group .group-content-upload {
  flex: unset;
}

/*.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.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%;
}
#GalleryPagesView .gallery-page-view {
  /*box-shadow: unset;
  border-radius: unset;
  max-width: unset;*/
}

#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 button, .project-open-share-content button, .collection-share-body .rc-dialog button {
  width: 100%;
}
.project-open-share-root .rc-component.rc-select-v2-container button, .project-open-share-content .rc-component.rc-select-v2-container button, .collection-share-body .rc-dialog .rc-component.rc-select-v2-container button {
  width: unset;
  height: unset;
}
.project-open-share-root, .project-open-share-content, .collection-share-body .rc-dialog {
  /*.checkout-group-content.project-open-share-flow-content {
  		gap: unset;
  }*/
}
.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-wrapper:not(.no-selection), .project-open-share-root .content-group-table-row .rc-component.rc-select .label-wrapper:not(.no-selection), .project-open-share-content .checkout-group-content .rc-component.rc-select .label-wrapper:not(.no-selection), .project-open-share-content .content-group-table-row .rc-component.rc-select .label-wrapper:not(.no-selection), .collection-share-body .rc-dialog .checkout-group-content .rc-component.rc-select .label-wrapper:not(.no-selection), .collection-share-body .rc-dialog .content-group-table-row .rc-component.rc-select .label-wrapper: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 .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, .project-open-share-content, .collection-share-body .rc-dialog {
  /*button {
  		width: 100%;
  		height: 44px;
  		line-height: 22px;
  		font-size: 16px;
  }*/
}
.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: 0 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;
}

.user-log-table {
  max-width: calc(100vw - 460px);
}
.user-log-table .flat-table-cell.date, .user-log-table .group-content.date {
  flex-basis: 150px;
}
.user-log-table .flat-table-cell.label_username, .user-log-table .group-content.label_username {
  flex-basis: 200px;
}
.user-log-table .flat-table-cell.action, .user-log-table .group-content.action {
  flex-basis: 200px;
}
.user-log-table .flat-table-cell.type, .user-log-table .group-content.type {
  flex-basis: 150px;
}
.user-log-table .flat-table-cell.label_details, .user-log-table .group-content.label_details {
  flex: 1;
}

#DupeDialog .dialog-scrollable-content {
  gap: 16px;
}
#DupeDialog .dialog-title {
  display: flex;
  justify-content: center;
}
#DupeDialog .flat-table {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: none;
}
#DupeDialog .content-group-table-row {
  margin-top: auto;
  display: flex;
  justify-content: center;
  gap: 16px;
}
#DupeDialog .content-group-table-row .group-content-button {
  margin: unset;
  padding: unset;
}

#PhotoJobUnsortDialog {
  color: #2C2C2C;
}
#PhotoJobUnsortDialog .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#PhotoJobUnsortDialog .button-container {
  display: flex;
  justify-content: center;
  gap: 8px;
}
#PhotoJobUnsortDialog .button-container button:first-of-type {
  background-color: #efefef;
}
#PhotoJobUnsortDialog.mobile .button-container button:first-of-type {
  flex-shrink: 0;
}
#PhotoJobUnsortDialog.mobile .button-container button:last-of-type {
  text-wrap: auto;
  max-height: unset;
  min-height: 44px;
  height: unset;
}

#ShareUploadImages .checkout-group-content .group-content.group-content-image, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-image {
  max-height: 310px;
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
}
#ShareUploadImages .checkout-group-content .group-content.group-content-image img, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-image img {
  max-height: unset;
  width: 100%;
  align-self: center;
}
#ShareUploadImages .checkout-group-content .group-content.group-content-image.group-align-right img, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-image.group-align-right img {
  align-self: flex-end;
}
#ShareUploadImages .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-key-value .group-content-key-value-value {
  font-weight: bold;
}
#ShareUploadImages .checkout-group-content .group-content.group-content-label ul, #TemplateToMarketPlaceApprovalDialog .checkout-group-content .group-content.group-content-label ul {
  margin-top: 16px;
  margin-bottom: 16px;
}
#ShareUploadImages .dialog-scrollable-content, #TemplateToMarketPlaceApprovalDialog .dialog-scrollable-content {
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
#ShareUploadImages .dialog-scrollable-content .rc-floating-button, #TemplateToMarketPlaceApprovalDialog .dialog-scrollable-content .rc-floating-button {
  padding-bottom: 8px;
}
#ShareUploadImages.non-padding-top .dialog-scrollable-content, #TemplateToMarketPlaceApprovalDialog.non-padding-top .dialog-scrollable-content {
  padding-top: 0;
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image {
  height: 152px;
  width: 152px;
  flex: 0 0 152px;
  position: relative;
  overflow: hidden;
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img {
  max-width: unset;
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img.landscape, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img.landscape {
  height: 100%;
  width: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img.portrait, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img.portrait {
  width: 100%;
  height: auto;
  margin-top: 50%;
  transform: translateY(-50%);
}
#ShareUploadImages .upload-image-details-table .upload-image-details-image img.square, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .upload-image-details-image img.square {
  height: 100%;
  width: 100%;
}
#ShareUploadImages .upload-image-details-table .rc-textarea.rc-component,
#ShareUploadImages .upload-image-details-table .rc-textarea-v2-container.rc-component, #TemplateToMarketPlaceApprovalDialog .upload-image-details-table .rc-textarea.rc-component,
#TemplateToMarketPlaceApprovalDialog .upload-image-details-table .rc-textarea-v2-container.rc-component {
  height: 108px;
  margin-top: 8px;
}
#ShareUploadImages main > div, #TemplateToMarketPlaceApprovalDialog main > div {
  flex: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}
#ShareUploadImages main > div > form, #TemplateToMarketPlaceApprovalDialog main > div > form {
  padding: 0 16px;
  flex: 1;
}
#ShareUploadImages main > div > form .group-content.group-content-horizontal-group, #TemplateToMarketPlaceApprovalDialog main > div > form .group-content.group-content-horizontal-group {
  flex-wrap: wrap;
}

.desktop-menu-wrapper + #CollectionImageCommentView {
  left: 75px;
}

#CollectionImageCommentView {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 20001;
}
#CollectionImageCommentView.rc-mobile-view {
  z-index: 10000;
}
#CollectionImageCommentView {
  /* main.mobile-approval-image-wrapper {
  		 @media only screen and (min-width: 500px){
  				 flex-direction: unset;
  		 }
   }*/
}
#CollectionImageCommentView main.mobile-approval-image-wrapper {
  align-items: center;
}
#CollectionImageCommentView main.mobile-approval-image-wrapper > div:not(.mobile-approval-image) {
  max-width: 446px;
}
#CollectionImageCommentView .mobile-approval-image > div {
  background-color: unset;
}
#CollectionImageCommentView .group-content-horizontal-group .group-content-button {
  flex: 1;
}
#CollectionImageCommentView .group-content-horizontal-group .group-content-button button {
  width: 100%;
}
#CollectionImageCommentView .comment-row-root > .comment-row {
  margin-bottom: 16px;
  /*+ .content-group-table-row {
  		margin-left: 36px;
  }*/
}
#CollectionImageCommentView .comment-row {
  position: relative;
}
#CollectionImageCommentView .comment-row + .content-group-table-row {
  margin-top: -8px;
}
#CollectionImageCommentView .comment-row .group-content.group-content-horizontal-group {
  width: 100%;
  flex: 1;
  flex-wrap: nowrap;
}
#CollectionImageCommentView .comment-row .group-content.group-content-avatar {
  width: 36px;
}
#CollectionImageCommentView .comment-row .group-content.group-content-avatar .rc-avatar {
  width: 36px;
  height: 36px;
}
#CollectionImageCommentView .comment-row .comment-row-content {
  margin-right: unset;
}
#CollectionImageCommentView .comment-row .comment-row-content .group-content-label {
  min-height: unset;
  flex: 0;
  white-space: nowrap;
}
#CollectionImageCommentView .comment-row .comment-row-content .group-content-label.text {
  white-space: normal;
}
#CollectionImageCommentView .comment-row .comment-row-content .username-subline .group-content-label {
  color: #6E6E6E;
  font-size: 12px;
}
#CollectionImageCommentView .comment-row .comment-row-content .comment-item-content {
  margin-top: 8px;
  color: black;
}
#CollectionImageCommentView .comment-row .comment-item-footer {
  margin-top: 4px;
  margin-bottom: 12px;
  position: relative;
}
#CollectionImageCommentView .comment-row .comment-item-footer .group-content-button {
  flex: 0;
}
#CollectionImageCommentView .comment-row .comment-item-footer .group-content-button button {
  padding: 0;
  color: #3669c4;
  margin-right: 16px;
  height: auto;
  background-color: unset;
}
#CollectionImageCommentView .comment-row .comment-item-footer .group-content-like.group-content {
  position: absolute;
  right: 2px;
  top: 10px;
  color: #6E6E6E;
}
#CollectionImageCommentView .comment-row .comment-row-buttons {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
#CollectionImageCommentView .image-approval-close {
  position: absolute;
  left: 8px;
  top: 8px;
}
#CollectionImageCommentView .image-approval-close button {
  padding: 0;
}
#CollectionImageCommentView .image-approval-close button .rc-icon:before {
  color: white;
}
#CollectionImageCommentView .content-group-table-row .group-content-button button {
  width: 100%;
}
#CollectionImageCommentView .desktop-main-content {
  flex: 1;
  overflow-y: hidden;
  user-select: none;
  padding-bottom: unset;
}
#CollectionImageCommentView .desktop-main-content > div {
  background-color: black;
  padding: 64px 80px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#CollectionImageCommentView .desktop-main-content .approve-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50vh - 16px);
}
#CollectionImageCommentView .desktop-main-content .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 21px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
#CollectionImageCommentView .desktop-main-content .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
#CollectionImageCommentView .desktop-main-content .approve-previous-button {
  left: 8px;
}
#CollectionImageCommentView .desktop-main-content .approve-next-button {
  right: 8px;
}
#CollectionImageCommentView .comments-view-header {
  flex: 1;
  padding-left: 16px;
  box-sizing: border-box;
}
#CollectionImageCommentView .comments-view-header .group-content.group-content-horizontal-group {
  flex-wrap: nowrap;
}
#CollectionImageCommentView .comments-view-header .group-content.group-content-horizontal-group .imageTitle {
  font-weight: bold;
}
#CollectionImageCommentView .comments-view-header .group-content.group-content-label {
  flex: 1;
}
#CollectionImageCommentView .detail-content-header {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
#CollectionImageCommentView .floating-detail-content .detail-content-header {
  padding-left: 36px;
}
#CollectionImageCommentView .floating-detail-content .detail-content-header .content-group-table-row.comments-view-header {
  padding-left: 0;
}
#CollectionImageCommentView .detail-content-header + .content-group-table-row {
  padding-top: 0;
}
#CollectionImageCommentView .key-values-lines {
  margin-bottom: 8px;
}
#CollectionImageCommentView .key-values-lines .group-content-label {
  margin-bottom: 0;
}
#CollectionImageCommentView .key-values-lines .group-content-key-value {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
}
#CollectionImageCommentView .key-values-lines .group-content-key-value .group-content-key-value-key {
  width: 50%;
}
#CollectionImageCommentView .key-values-lines .group-content-key-value .group-content-key-value-value {
  font-size: 14px;
}
#CollectionImageCommentView .iiz {
  overflow: unset;
}
#CollectionImageCommentView .comment-image-wrapper .project-preview-author-hint {
  color: #FFFFFF;
  background-color: transparent;
  position: fixed;
  bottom: 16px;
  left: 16px;
}
#CollectionImageCommentView .comment-image-wrapper .project-preview-author-hint a.make-report {
  color: #FFFFFF;
}
#CollectionImageCommentView .zoom-image-wrapper img {
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: calc(100vh - 128px);
}
#CollectionImageCommentView .mobile-approval-image {
  height: unset;
  flex: unset;
  background-color: black;
  padding: 0;
}
#CollectionImageCommentView .mobile-approval-image > div {
  margin: unset;
}
#CollectionImageCommentView .mobile-approval-image .zoom-image-wrapper img {
  max-height: 446px;
}
#CollectionImageCommentView .mobile-approval-image + .detail-content-header {
  height: unset;
}
#CollectionImageCommentView .context-menu-body .project-preview-author-hint {
  padding: 0 16px;
  box-sizing: border-box;
  white-space: break-spaces;
}
#CollectionImageCommentView + .rc-dialog.dialog-with-scrollable-content {
  z-index: 20002 !important;
}

#CommentAnswerDialog + .rc-dialog.dialog-with-scrollable-content {
  z-index: 20003 !important;
}

.mobile-approval-image {
  flex: 1;
  user-select: none;
  margin-bottom: 16px;
}
.mobile-approval-image > div {
  margin: -16px;
  background-color: black;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-approval-image .approve-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: calc(50% - 16px);
}
.mobile-approval-image .approve-button .rc-icon:before {
  color: #ffffff;
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.mobile-approval-image .approve-button:hover .rc-icon:before {
  color: #ffffff;
}
.mobile-approval-image .approve-previous-button {
  left: 8px;
}
.mobile-approval-image .approve-next-button {
  right: 8px;
}

#CollectionImageCommentView.rc-mobile-view .detail-content-header {
  padding-bottom: 0;
}
#CollectionImageCommentView.rc-mobile-view .mobile-approval-image {
  margin-bottom: 0;
}
#CollectionImageCommentView.rc-mobile-view .content-group-table-row.comments-view-header .group-content.group-content-horizontal-group {
  margin-bottom: 0;
}
#CollectionImageCommentView.rc-mobile-view .content-group-table-row.comments-view-header .group-content.group-content-horizontal-group .imageTitle {
  margin-bottom: 0;
}

.dialog-window {
  z-index: 10001;
  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;
}

.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 {
  display: flex;
  gap: 16px;
}
.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;
}

.focus-point-description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 16px 20px;
  max-width: 640px;
  border: unset;
}
.focus-point-description .focus-point-description-header {
  color: #2c2c2c;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
}
.focus-point-description .focus-point-description-content {
  color: #2c2c2c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.rc-mobile-view .focus-point-description {
  padding: 0 0 20px;
}

.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.focus-point-description {
  border: unset;
}

.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: 32px;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
  background: #f7f7f7;
}
.image-editor .editor-container .editor-container-reset-button {
  display: flex;
  justify-content: center;
  min-height: 32px;
  margin-bottom: 16px;
}

.image-editor .editor-container .editor-container-reset-button + .editor-container-content {
  height: calc(100% - 16px);
}

.image-editor .editor-container-content {
  height: 100%;
  width: 100%;
  position: relative;
  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: 88px;
}
#ImageEditorTabPanel .image-editor-tab-panel-column .ai-retouch-new-tag {
  background: radial-gradient(349.6% 141.42% at 0% 0%, #8D3DCA 0%, #3669C4 100%);
  color: white;
  padding: 4px;
  border-radius: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 8px;
  line-height: 10px;
  max-height: 13px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button button.btn-simple {
  background: radial-gradient(349.6% 141.42% at 0% 0%, #8D3DCA 0%, #3669C4 100%);
  color: white;
}
#ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button button.btn-simple .rc-icon:before {
  color: white;
}
#ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button:hover, #ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button .btn-selected .btn-label {
  color: white;
}
#ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button:hover .rc-icon:before, #ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button:hover .btn-label, #ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button .btn-selected .btn-label .rc-icon:before, #ImageEditorTabPanel .image-editor-tab-panel-column.ai-retouch-button .btn-selected .btn-label .btn-label {
  color: white;
}
#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;
  gap: 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;
}
#ImageEditorTabPanel .module .module-content .label-heading {
  font-size: 16px;
  font-weight: bold;
  min-height: unset;
}
#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 .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 .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-slider {
  padding-bottom: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .module-content-section .error-message {
  color: #d9052f;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper.ai-retouch-content-wrapper {
  gap: 16px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper.ai-retouch-content-wrapper .module-content-section-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper.ai-retouch-content-wrapper .module-content-section-buttons button {
  max-width: unset;
  width: unset;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .rc-input {
  width: 100%;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-input {
  display: flex;
  gap: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-input button {
  flex: unset;
  width: auto;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-content-history {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-content-history .ai-retouch-content-history-item {
  cursor: pointer;
  padding: 8px;
  font-size: 12px;
  background-color: #F7F7F7;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-content-history .ai-retouch-content-history-item .ai-retouch-content-history-item-label {
  display: flex;
  align-items: center;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-content-history .ai-retouch-content-history-item .ai-retouch-content-history-item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80px;
  max-height: 60px;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-content-history .ai-retouch-content-history-item .ai-retouch-content-history-item-image img {
  max-width: 100%;
  max-height: 100%;
}
#ImageEditorTabPanel .module .module-content .module-content-wrapper .ai-retouch-content-history .ai-retouch-content-request-is-pending {
  align-self: flex-end;
  width: 32px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side, #3669c4 90%, #0000);
  background: var(--_g) 0 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 50%;
  animation: l3 1s infinite linear;
}
#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 .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 .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%);
}

.rc-mobile-view .focus-point-setter-area {
  margin-bottom: 16px;
  background-color: #efefef;
}

#ImageEditorImageDetails {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ImageEditorImageDetails .image-details-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#ImageEditorImageDetails .image-details-section .rc-slider {
  padding-bottom: 8px;
}
#ImageEditorImageDetails .image-details-section .histogram-select-box {
  display: flex;
  align-items: center;
  height: 36px;
}
#ImageEditorImageDetails .image-details-section .histogram-select-box label {
  font-weight: bold;
  flex-basis: 40%;
}
#ImageEditorImageDetails .image-details-section .histogram-select-box .rc-select {
  flex: 1;
}
#ImageEditorImageDetails .image-details-section .image-histogram-canvas img {
  border: 1px solid #cccccc;
  width: 100%;
}
#ImageEditorImageDetails .image-details-section .key-value-pair {
  display: flex;
  align-items: center;
  height: 36px;
  gap: 8px;
}
#ImageEditorImageDetails .image-details-section .key-value-pair:nth-child(odd) {
  background: #FBFBFB;
}
#ImageEditorImageDetails .image-details-section .key-value-pair > div {
  font-size: 14px;
  line-height: 20px;
}
#ImageEditorImageDetails .image-details-section .key-value-pair .key {
  flex-basis: 40%;
}
#ImageEditorImageDetails .image-details-section .key-value-pair .value {
  flex: 1;
}
#ImageEditorImageDetails .group-important {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.image-quality-mark {
  width: unset;
  min-height: 36px;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.image-quality-mark:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 8px;
}
.image-quality-mark.bad:before {
  background-color: #D7032C;
}
.image-quality-mark.average:before {
  background-color: #AFCA0B;
}
.image-quality-mark.good:before {
  background-color: #6C9D0D;
}

.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 + svg.mobile-cropper {
  display: none;
}

.mobile-cropper-image.image-loaded + svg.mobile-cropper {
  display: block;
}

.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 + svg.mobile-cropper {
  display: none;
}

.mobile-cropper-image.image-loaded + svg.mobile-cropper {
  display: block;
}

.mobile-cropper-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: auto;
}
.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;
}
.mobile-cropper-wrapper .mobile-cropper-rendered-image + div {
  display: none;
}

/*@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;
  max-height: 100vh;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign {
  background-color: #FFFFFF;
  border-bottom: unset;
  gap: 32px;
}
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;
  width: 14px;
  height: 14px;
  padding: 0;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign.phone .header-start .rc-icon.sgw-icon:before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 14px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-header.redesign .header-start {
  display: flex;
  align-items: center;
}
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-middle {
  display: flex;
  gap: 32px;
}
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 .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 .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 {
  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:empty {
  display: none;
}
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 .mobile-cropper-wrapper {
  background-color: #efefef;
}
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 0 0;
  background: #FFFFFF;
  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-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 .mobile-image-editor-footer.redesign {
  height: 166px;
  min-height: 166px;
  box-shadow: unset;
  padding: unset !important;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign.large-footer {
  height: 412px;
  min-height: 412px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign.tablet.portrait {
  height: unset;
  min-height: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign.tablet.portrait.crop {
  flex-direction: column;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign .redesign-single-page-footer {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) {
  width: 100%;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay {
  height: 168px;
}
body .rc-mobile-view.mobile-image-editor.redesign .mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).slider-overlay.edit-overlay {
  height: unset;
}
body .rc-mobile-view.mobile-image-editor.redesign .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 .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 .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 .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 .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 .mobile-image-editor-footer.redesign .tools-overlay:not(.tablet) .overlay-header .rc-icon.sgw-icon.close, body .rc-mobile-view.mobile-image-editor.redesign .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 .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 .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 .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 .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 .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 .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 .mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-header {
  padding: 16px 24px;
}
body .rc-mobile-view.mobile-image-editor.redesign .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 .mobile-image-editor-footer.redesign .tools-overlay:not(.tablet).filter-overlay .overlay-content {
  margin-bottom: unset;
  background-color: #FFFFFF;
}
body .rc-mobile-view.mobile-image-editor.redesign .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 .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: flex-start;
  gap: 8px;
}
body .rc-mobile-view.mobile-image-editor.redesign .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 > main {
  overflow: hidden;
}
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;
  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;
}
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, a {
  	padding: $padding-toolbars;
  }*/
}
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;
}
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;
}

#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;
  gap: 16px;
}
#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;
}
#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 .footer {
  display: flex;
  justify-content: end;
  width: 100%;
}

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

#MobileImageEditorRedesign header {
  padding: 8px 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iiz {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: zoom-in;
}

.iiz--drag .iiz__zoom-img--visible {
  cursor: grab;
}

.iiz__img {
  max-width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  visibility: visible;
  opacity: 1;
}

.iiz__img--hidden {
  visibility: hidden;
  opacity: 0;
}

.iiz__img--abs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.iiz__zoom-img {
  width: auto !important;
  max-width: none !important;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  display: block;
}

.iiz__zoom-img--visible {
  visibility: visible;
  opacity: 1;
  cursor: zoom-out;
}

.iiz__zoom-portal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

.iiz__btn {
  background: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border: none;
  outline: 0;
  padding: 0;
  position: absolute;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.iiz__btn:before {
  content: " ";
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

.iiz__hint {
  bottom: 10px;
  right: 10px;
  pointer-events: none;
}

.iiz__hint:before {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5l-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.iiz__close {
  top: 10px;
  right: 10px;
  visibility: hidden;
  opacity: 0;
}

.iiz__close--visible {
  visibility: visible;
  opacity: 1;
}

.iiz__close::before {
  content: " ";
  width: 29px;
  height: 29px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222)), -webkit-gradient(linear, left top, left bottom, from(#222), to(#222));
  background-image: linear-gradient(#222, #222), linear-gradient(#222, #222);
  background-size: 100% 1px, 1px 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

body {
  font-family: "source_sans_pro";
}

body.redesign {
  color: #2C2C2C;
}

/*# sourceMappingURL=WebshopConfigurator.css.map */