.product-edit__products-name{
  font-size: var(--font-size-large);
}

.product-edit hr {
  margin-top: 24px;
  background-color: var(--color-gray4);
}

.product-edit__file-input .file-input.dropzone {
  display: flex;
  margin-top: 12px;
  max-width: fit-content;
  cursor: pointer;
}

.product-edit__file-input .file-input.dropzone.is-uploading {
  pointer-events: none;
}

.product-edit__file-input .file-input.dropzone .file-input__content {
  padding: 40px;
}

.product-edit__file-input .file-input.dropzone * {
  pointer-events: none;
}

.product-edit__file-input .file-input.dropzone.file-input--success {
  border: none;
  background: transparent;
}

.product-edit__file-input .file-input.dropzone.file-input--success .file-input__content--default {
  display: none;
}

.product-edit__file-upload-container {
  display: flex;
  flex-direction: column;
}

.product-edit__file-upload-container .product-edit__file-input {
  min-width: 256px;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container {
  margin-top: 12px;
  margin-bottom: 12px;
  flex-grow: 1;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-input-group:not(:first-child) {
  margin-top: 12px;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-input-group > *:not(:first-child) {
  margin-top: 6px;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-select {
  display: block;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-select-label {
  font-weight: var(--font-weight-semibold);
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-select-label.base-input__label--required::after {
  font-weight: var(--font-weight-regular);
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-table {
  table-layout: fixed;
  width: 100%;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-table > tbody > tr > td {
  vertical-align: middle;
}

.product-edit__file-upload-container .product-edit__file-input-inputs-container .product__file-input-table > thead > tr > th.product__file-input-table-header.product__file-input-table-header--actions {
  width: 44px;
}

.file-input__content--success.product-edit__logo-container {
  padding: 0;
  margin: 0;
}

.product-edit__file-input .file-input.dropzone {
  margin-top: 20px;
}

.product-edit__actions {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: var(--color-white);
  padding: 20px;
  padding-top: 12px;

  display: flex;
  flex-direction: column;
  width: 100%;
}

.product-edit__add-video-btn {
  margin-top: 12px;
}

.product-edit__access-status {
  margin-top: 24px;
}

.product-edit__comment {
  padding: 20px;
  border: 1px solid var(--color-gray6);
  border-radius: 10px;
  margin-top: 12px;
}

.product-edit__comment-body {
  margin-top: 12px;
  color: var(--color-gray2);
}

.product-edit__comment-header {
  display: flex;
  align-items: center;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray2);
}

.product-edit__comment-header .base-icon {
  margin-right: 8px;
}

.product-edit__comment-save-button.btn {
  margin-top: 12px;
  min-width: initial;
  width: max-content;
}

.product-edit__completed-counter {
  background-color: var(--color-blue1);
  max-width: max-content;
  padding: 2px 12px;
  margin-left: 8px;
  border-radius: 50px;
  color: var(--color-white);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
}

.product-edit__content {
  padding: 20px;
  background-color: var(--color-white);
  border-radius: 10px;
  border-top-left-radius: 0;
}

.product-edit__dark-bg {
  padding: 12px;
  background: var(--color-gray7);
  border-radius: 10px;
}

.product-edit__instructions-info {
  margin-top: 0 !important;
}

.product-edit__error-list-container {
  display: none;
  position: relative;
  margin: 0;
  margin-top: 12px;
  width: 100%;
  border: 1px solid var(--color-gray6);
  border-left: none;
  border-radius: 4px 10px 10px 4px;
  padding: 12px;
  padding-left: 22px;
  background-color: var(--color-white);
  box-shadow: 0px 24px 40px rgb(0 0 0 / 6%);
}

.product-edit__error-list-container::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 4px;
  height: calc(100% + 2px);
  transform: translateY(-50%);
  background-color: var(--color-red1);
  border-radius: 10px 0 0 10px;
}

.product-edit__error-list-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.product-edit__error-list-title {
  color: var(--color-red1);
  margin: 0;
  margin-left: 8px;
}

.product-edit__error-list-subtitle {
  color: var(--color-red1);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-small);
  margin: 0;
  margin-top: 12px;
  margin-left: 8px;
  display: inline-block;
}

.product-edit__error-list-container--info::before {
  background-color: var(--color-gray3);
}

.product-edit__error-list-container--info .product-edit__error-list-title,
.product-edit__error-list-container--info .product-edit__error-list-message {
  color: var(--color-gray3);
}

.product-edit__error-list-container--info .product-edit__error-list-header .base-icon {
  color: var(--color-gray3);
}

.product-edit__error-list-container--warning::before {
  background-color: var(--color-orange);
}

.product-edit__error-list-container--warning .product-edit__error-list-title {
  color: var(--color-orange);
}

.product-edit__error-list-header .base-icon {
  color: var(--color-red1);
}

.product-edit__error-list-container--warning .product-edit__error-list-header .base-icon {
  color: var(--color-orange);
}

.product-edit__error-list-message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-edit__error-list-message .base-icon {
  color: var(--color-red1);
  margin-left: 4px;
}

.product-edit__error-list-container--warning .product-edit__error-list-message .base-icon {
  color: var(--color-orange);
}

.product-edit__error-list {
  list-style: none;
  margin: 0;
  margin-top: 4px;
  padding-left: 24px;
}

.product-edit__error-list li {
  position: relative;
  cursor: pointer;
  color: var(--color-gray2);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  font-weight: var(--font-weight-medium);
}

.product-edit__error-list li .todo-label-name {
  text-decoration: underline;
}

.product-edit__error-list li .todo-label-message {
  font-weight: var(--font-weight-regular);
}

.product-edit__error-list li::before {
  position: absolute;
  top: 50%;
  left: -18px;
  transform: translateY(-50%);
  content: "\2022";
  color: var(--color-gray2);
  font-weight: var(--font-weight-medium);
  width: 6px;
}

.product-edit__error-list li:not(:first-child) {
  margin-top: 4px;
}

.product-edit__file-input {
  display: flex;
  flex-direction: column;
}

.product-edit__file-input--error .file-input {
  border-color: var(--color-red1);
}

.product-edit__file-manager-input-label {
  margin-top: 24px;
  font-weight: var(--font-weight-semibold);
}

.product-edit__file-manager-input-label+.file-input {
  margin-top: 12px;
}

.product-edit__files--locked .product-edit__section-content,
.product-edit__files--locked .product-edit__gallery,
.product-edit__files--locked .product-edit__videos {
  pointer-events: none;
  opacity: 0.5;
}

.product-edit__files-list {
  margin: 0;
  padding: 0;
}

.product-edit__files-list .actions-cell,
.product-edit__files-list .add-on-data-cell {
  width: 1%;
  white-space: nowrap;
}

.product-edit__files-list .filename-cell {
  display: flex;
  align-items: center;
  width: 100%;
}

.product-edit__files-list .product__add-on-data {
  display: inline-flex;
  align-items: center;
  line-height: 20px; /* same as .product__actions height */
}

.product-edit__files-list .product__add-on-data > * {
  margin-right: 16px;
}

.product-edit__files-list .product__add-on-data .product__add-on-data-icon.product__add-on-data-icon--danger {
  color: var(--color-red1);
}

.product-edit__files-list .product__add-on-data .product__add-on-data-icon.product__add-on-data-icon--warning {
  color: var(--color-orange);
}

.product-edit__files-list .product__image {
  cursor: zoom-in;
}

.product-edit__files-list tr[data-delete=true] .product__name {
  text-decoration: line-through;
  color: var(--color-red1);
}

.product-edit__files-list li.marked-for-delete .product__name {
  text-decoration: line-through;
  color: var(--color-red1);
}

.product-edit__files-list li.marked-for-delete .product__edit-icon--trash,
.product-edit__files-list li .product__edit-icon--keep {
  display: none;
}

.product-edit__files-list li.marked-for-delete .product__edit-icon--keep,
.product-edit__files-list li .product__edit-icon--trash {
  display: block;
}

.product-edit__files-list__button-toolbar {
  margin-left: -8px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.product-edit__files-list__button-toolbar .btn {
  margin-top: 8px;
  margin-left: 8px;
}

.product-edit__files-list-header {
  margin-top: 12px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-edit__files-list-header--upload {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.product-edit__files-list-header--hidden {
  display: none;
}

.product-edit__gallery, .product-edit__videos {
  margin-top: 40px;
}

.product-edit__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.product-edit__header-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-edit__header-content-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-edit__header-content--bottom {
  margin-top: 20px;
  align-items: flex-start;
}

.product-edit__info {
  font-weight: var(--font-weight-medium);
}

.product-edit__info:not(:first-child) {
  margin-top: 4px;
}

.product-edit__languages-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 28px;
}

.product-edit__languages-disclaimer {
  color: var(--color-gray1);
  margin-top: 4px;
}

.product-edit__languages-checkbox, .product-edit__languages-selector {
  margin-top: 20px;
}

.product-edit__languages-selector .language-selector.nav.nav-tabs {
  display: none;
}

.product-edit__languages-selector-display.nav-link {
  position: relative;
  border-color: var(--color-blue1);
  padding-right: 44px;
  cursor: pointer;
}

.languageTabsWrapper.locked .product-edit__languages-selector-display.nav-link:hover:not(.active) {
  border: 1px solid var(--color-blue1);
}

.product-edit__languages-selector-display.nav-link::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-color: var(--color-blue1);
  -webkit-mask-image: url('./images/icons/chevronDown.svg');
  mask-image: url('./images/icons/chevronDown.svg');
}

.is-language-selector-open.nav-link::after {
  -webkit-mask-image: url('./images/icons/chevronUp.svg');
  mask-image: url('./images/icons/chevronUp.svg');
}

.is-language-selector-open+.language-selector.nav.nav-tabs {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}

.product-edit__last-comments {
  margin-top: 20px;
  font-weight: var(--font-weight-medium);
}

.product-edit__list-sort-container .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  outline: none;
  border: none;
  background-color: transparent;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray3);
}

.product-edit__list-sort-container .dropdown-item {
  font-size: var(--font-size-small);
  line-height: var(--font-line-height-small);
  color: var(--color-gray3);
}

.product-edit__list-sort-container .dropdown-toggle:after {
  display: none;
}

.product-edit__list-sort-container .base-icon {
  margin-left: 12px;
}

.product-edit__list-sort-label {
  margin-right: 6px;
}

.product-edit__list-sort-option-value,
.product-edit__list-sort-value {
  cursor: pointer;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  text-decoration-line: underline;
  color: var(--color-blue1);
}

.product-edit__locked-alert {
  cursor: initial;
  margin-top: 24px;
  position: relative;
  bottom: initial;
  left: initial;
}

.product-edit__locked-alert .base-notification {
  max-width: max-content;
}

.product-edit__logo {
  height: 126px;
  width: 90px;
  border-radius: 10px;
  object-fit: cover;
}

.product-edit__logo-container {
  position: relative;
  display: block;
  width: 130px;
  padding: 20px;
  background: var(--color-gray7);
  border-radius: 10px;
}

.product-edit__logo-container--hidden {
  display: none;
}

.product-edit__file-input .file-input.dropzone.is-dragging .product-edit__logo-upload-overlay,
.product-edit__file-input .file-input.dropzone:hover .product-edit__logo-upload-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-edit__file-input .file-input.dropzone.is-uploading .product-edit__logo-uploading-overlay {
  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 1;
}

.product-edit__logo-input--hidden {
  display: none;
}

.product-edit__logo-uploading-overlay,
.product-edit__logo-upload-overlay {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;

  height: 100%;
  width: 100%;
  border-radius: 10px;
  z-index: 1;
  background: linear-gradient(0deg, rgba(59, 111, 163, 0.5), rgba(59, 111, 163, 0.5));
  border-radius: 10px;
}

.product-edit__navigation.nav {
  margin-top: 20px;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.product-edit__navigation.nav::-webkit-scrollbar {
  display: none;
}

.product-edit__navigation.nav-tabs .nav-item .nav-link {
  white-space: nowrap;
  border-bottom: none;
}

.product-edit__notification-checkbox {
  margin-top: 20px;
}

.product-edit__notification-disclaimer {
  margin-top: 20px;
  color: var(--color-gray3);
}

.product-edit__notification-container {
  margin-top: 20px;
  padding: 20px;
  background: var(--color-gray7);
  border-radius: 8px;
}

.product-edit__notification-content {
  margin-top: 20px;
}

.product-edit__notification-content a {
  color: var(--color-blue1);
}

.product-edit__notification-header {
  background-color: var(--color-gray6);
  border-radius: 10px;
  padding: 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-edit__notification-header-img {
  width: 127px;
  height: auto;
}

.product-edit__notification-input {
  margin-top: 20px;
}

.product-edit__notification-page-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-large);
  line-height: var(--font-line-height-large);
  color: var(--color-gray1);
}

.product-edit__notification-page-text {
  margin-top: 20px;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray1);
}

.product-edit__notification-page-text--bold {
  font-weight: var(--font-weight-semibold);
}

.product-edit__notification-header-row:not(:first-child) {
  margin-top: 8px;
}

.product-edit__notification-header-row span {
  font-weight: var(--font-weight-semibold);
}

.product-edit__preview.base-card {
  display: none;
}

.product-edit__price-upgrade-product {
  margin-top: 20px;
}

.product-edit__price-upgrade-product .base-input:not(:first-child) {
  margin-top: 12px;
}

.product-edit__price-upgrade-product-selection {
  position: relative;
  margin-top: 8px;
}

.product-edit .product-edit__price-upgrade-product-selection-buttons {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
}

.product-edit .product-edit__price-upgrade-product-selection-button {
  display: none;
  margin-left: 8px;
}

.product-edit__price-upgrade-product-prices {
  margin-top: 12px;
}

.product-edit__price-upgrade-product-prices .base-checkbox {
  margin-top: 8px;
}

.product-edit__price-upgrade-title {
  font-weight: var(--font-weight-semibold);
}

.product-edit__add-review-button {
  margin-top: 20px;
}

.product-edit__review-container .base-input:not(:first-child) {
  margin-top: 12px;
}

.product-edit__screenshots-upload-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-edit__section-content {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.product-edit__section-content > .base-input:first-of-type {
  margin-top: 0 !important;
}

.product-edit__section-content .product-edit__price-upgrade {
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.product-edit__section-content li:not(.dropdown-item) {
  margin-top: 20px;
}

.product-edit__section-content label>span {
  font-style: italic;
}

.product-edit__section-motto {
  margin-top: 4px;
}

.product-edit__list-sort-menu {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -8px;
  transform: translateY(100%);
  list-style: none;
  padding: 12px;
  background-color: var(--color-white);
  box-shadow: 0px 24px 40px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.dropdown-item.product-edit__list-sort-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray1);
}

.product-edit__submit-container {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}

.product-edit__submit-container .btn-outline-primary {
  min-width: initial;
  flex-shrink: 1;
}

.product-edit__submit-container button {
  margin-left: 20px;
  flex-grow: 1;
  max-width: 200px;
  min-width: initial !important;
}

.product-edit__updates-checkbox {
  margin-top: 12px;
}

.product-edit__video-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-edit__video-input {
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.product-edit__video-input.delete-active input:disabled {
  text-decoration: line-through;
  color: var(--color-red1);
}

.product-edit__video-input.delete-active .base-icon.control-delete,
.product-edit__video-input .base-icon.control-refresh {
  display: none;
}

.product-edit__video-input .base-icon.control-delete,
.product-edit__video-input.delete-active .base-icon.control-refresh {
  display: block;
}

.product-edit__video-input.edit-active {
  padding: 5px;
  padding-left: 12px;
  border: 1px solid var(--color-gray4);
  border-radius: 10px;
}

.product-edit__video-input .control:not(.btn) {
  margin-right: 8px;
  cursor: pointer;
  color: var(--color-gray3);
}

.product-edit__video-input .control>.base-icon {
  color: var(--color-gray3);
}

.product-edit__video-input input {
  flex-grow: 1;
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
}

.product-edit__video-input input:disabled {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray1);
  text-decoration: none;
  background-color: transparent;
}

.product-edit__video-input.edit-active .control-move,
.product-edit__video-input.edit-active .control-edit,
.product-edit__video-input.edit-active .control-delete,
.product-edit__video-input.edit-active .control-play,
.product-edit__video-input:not(.edit-active) .control-confirm,
.product-edit__video-input:not(.edit-active) .control-cancel {
  display: none;
}

.product-edit__video-input.edit-active .btn:not(:first-child) {
  margin-left: 8px;
}

.product-edit__video-input.edit-active .btn.control-cancel,
.product-edit__video-input.edit-active .btn.control-confirm {
  padding: 3px 12px;
}

.product-edit__video-input.edit-active .btn.control-cancel {
  border: none;
}

.product-edit__video-input .control-edit,
.product-edit__video-input .control-delete,
.product-edit__video-input .control-refresh,
.product-edit__video-input .control-play {
  margin-left: 8px;
}

.product-edit__video-input .control-move {
  cursor: grab;
}

.product-edit__section-title {
  margin-top: 32px;
}

#pageProductEdit .contentRight:not(.currentContentContainer) {
  display: none;
}

#pageProductEdit .contentRight.currentContentContainer {
  display: block;
}

.tabContent:not(.active), .switchable:not(.active) {
  display: none !important;
}

.tabContent.active {
  display: block;
}

table.product-edit__section-content table {
  width: 100%;
}

table.product-edit__section-content tbody tr td {
  width: 100%;
  margin: 0;
  float: initial;
  text-align: left;
}

table.product-edit__section-content tbody tr td::before {
  display: none;
}

table.product-edit__section-content tbody tr::before {
  display: none;
}

table.product-edit__section-content tr:not(:first-child) {
  margin-top: 0;
}

table.product-edit__section-content table.product-edit__files-list tr:not(:first-child) {
  margin-top: 4px;
}

.product-edit__container .filemanager-tab-caption {
  margin-top: 8px;
}

@media (min-width: 977px) {
  .product-edit__actions {
    left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
  }

  .product-edit__file-upload-container {
    flex-direction: row;
  }

  .product-edit__file-upload-container .product-edit__file-input-inputs-container {
    margin-left: 16px;
    margin-top: 24px; /* same as .product-edit__file-manager-input-label margin-top */
    margin-bottom: 0;
  
    /* Use padding-top to align with .file-input of .product-edit__file-input
     * * 20px .product-edit__file-manager-input-label height
     * * 12px .product-edit__file-manager-input-label+.file-input margin-top
     */
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .product-edit {
    position: relative;
  }

  .product-edit__actions {
    position: sticky;
    top: 80px;
    background-color: transparent;
    height: max-content;
    width: 355px;
    flex-shrink: 0;
  }

  .product-edit__completed-counter {
    display: none;
  }

  .product-edit__container {
    position: relative;
    display: flex;
  }

  .product-edit__editable-content {
    width: 100%;
  }

  .product-edit__files-list__button-toolbar {
    margin-top: -8px;
  }

  .product-edit__files-list-header--upload {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .product-edit__notification-modal.panel.panel-default {
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);

    margin: 0 auto;
    max-width: 760px;
  }

  .product-edit__preview.base-card {
    display: block;
    margin-top: 12px;
  }


  .product-edit__promotion {
      display: grid;
      /*grid-template-columns: repeat(4, 1fr);*/
      grid-template-columns: auto  200px;
      grid-gap: 12px;
  }

  .product-edit__new-special-request-error{
      margin: 5px; padding: 5px; font-size:12px; color:var(--color-red1);
  }

  .product-edit__new-special {
      margin-top: 25px;
      display: grid;
      grid-template-columns: 35% 35% auto;
      grid-gap: 12px;
  }

  .product-edit__new-special .base-input__date-indicator {
      margin-top: 4px !important;
  }

  .product-edit__special-timespan-input input {
      /*max-width:240px !important;*/
      max-width:100% !important;
      margin-top: 8px;
  }

  .special_highlight {
      background: rgba(235, 87, 87, 0.1);
      color: var(--color-red1) !important;
  }

  .promotion_highlight {
      padding: 3px 0;
      background: rgba(235, 87, 87, 0.1);
      border-radius: 10px;
      color: var(--color-red1);
  }

  .product-edit__new-price-start-input{
    margin-top:8px;
  }

  .product-edit__pending-promotion-highlight{
      background: lightgoldenrodyellow;
  }

  .product-edit__special-tiny-label {
      color: #999;
      font-size: 11px
  }

  .product-edit__special-btn .btn__text{
      font-size: 13px !important;
  }

    .product-edit__invalid-special{
      color:var(--color-red1);
      float:left;
    }
    .product-edit__invalid-special .base-icon{
      color:var(--color-red1);
      float:right;
      position: relative;
      top:2px;
      left:10px;
    }

  .product-edit__special .product-edit__special-btn {
      position: absolute;
      bottom: 0;
      right: 0;
  }


  .product-edit__special-btn{
      padding: 3px 6px !important;
      float: right !important;
      margin-right: 10px;

  }

  .product-edit__special {
      display: grid;
      /*grid-template-columns: 20% auto 25% 80px 140px;*/ /* nur mit "Stop Special"/"Delete Special" */
      grid-template-columns: 20% auto 100px 25% 80px 170px; /* mit Text "Stop Pending Ticket" */
      grid-gap: 12px;
  }

  .product-edit__new_special {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 12px;
    }


  .product-edit__price-upgrade-product {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 25%;
    grid-template-rows: repeat(1, max-content);
    grid-gap: 12px;
  }

  .product-edit__price-upgrade-product .base-checkbox {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .product-edit__price-upgrade-product .base-input:not(:first-child) {
    margin-top: 0;
  }

  .product-edit__submit-container {
    margin-top: 20px;
  }

  .product-edit__submit-container .btn {
    margin: 0;
    width: 100%;
  }

  .product-edit__submit-container .btn-outline-primary {
    display: none;
  }

  .product-edit__submit-container button {
    max-width: initial;
  }

  .product-edit__price-upgrade-product-prices {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .product-edit__languages-selector .language-selector.nav.nav-tabs {
    display: flex;
  }

  .product-edit__languages-selector-display.nav-link {
    display: none;
  }
}

.fm_tab_container[data-state="empty"] .product-edit__files-list-header--upload {
  display: none;
}

.fm_tab_container:not([data-state="empty"]) .product-edit__files-list-header--upload {
  display: flex;
}

/* Product edit todo list styles */
.todo-hidden {
  display: none;
}

#edit-todo-panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  visibility: hidden;
}

.product-edit__expandable-container {
  padding: 12px 20px;
  border: 1px solid var(--color-gray6);
  border-radius: 10px;
}

.product-edit__expandable-container.invalid-changelog:not(.show) {
  border-color: var(--color-red1);
}

.product-edit__expandable-container ~ .product-edit__expandable-container {
  margin-top: 12px;
}

.product-edit__expandable-container-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-edit__expandable-container.panel-success .product-edit__expandable-container-header p {
  color: var(--color-green1);
}

.product-edit__expandable-container .product-edit__expandable-container-header .base-icon {
  display: none;
}

.product-edit__expandable-container.panel-success .product-edit__expandable-container-header .base-icon {
  display: block;
  margin-left: 8px;
  color: var(--color-green1);
}

.product-edit__expandable-container-header .base-input {
  margin-left: 8px;
}

.product-edit__expandable-container .product-edit__expandable-container-chevron-down {
  display: block !important;
}

.product-edit__expandable-container .product-edit__expandable-container-chevron-up {
  display: none !important;
}

.product-edit__expandable-container.show .product-edit__expandable-container-chevron-down {
  display: none !important;
}

.product-edit__expandable-container.show .product-edit__expandable-container-chevron-up {
  display: block !important;
}

.product-edit__expandable-container .product-edit__expandable-container-content {
  display: none !important;
}

.product-edit__expandable-container.show .product-edit__expandable-container-content {
  display: block !important;
}

.product-edit__expandable-container-title-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  user-select: none;
}

.product-edit__expandable-container-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray1);
  pointer-events: none;
}

.product-edit__expandable-container-title-tooltip {
  margin-left: 8px;
}

.product-edit__expandable-container-title-tooltip .base-icon {
  display: block !important;
}

.product-edit__expandable-container-chevrons {
  pointer-events: none;
  margin-left: auto;
}

.product-edit__expandable-container-content {
  margin-top: 20px;
}

.product-edit__validation_hints {
  margin-top: 8px;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-red1);
}

.product-edit__toggle-requirements-button {
  margin-top: 20px;
  cursor: pointer;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  text-decoration-line: underline;
  color: var(--color-blue1);
}


.product-edit__rules {
  position: relative;
  margin-top: 32px;
}

.product-edit__rules::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-gray5);
}

.product-edit__rules code {
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-red1);
  background-color: var(--color-red2);
  border-radius: 4px;
  padding: 2px 4px;
}

.product-edit__rules code + code {
  margin-left: 4px;
}

.product-edit__rules ul:not(.product-edit__sample-tree-body) {
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
  margin: 0;
}

.product-edit__rules-disclaimer {
  margin-top: 8px;
  font-size: var(--font-size-small);
  line-height: var(--font-line-height-small);
}

.product-edit__rules-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
}

.product-edit__rules p:not(:first-child) {
  margin-top: 20px;
}

.product-edit__rules-sample {
  margin-top: 12px;
  padding: 20px;
  background: var(--color-gray7);
  border-radius: 8px;
}

.product-edit__not-ready-line {
  margin-top: 8px;
  display: flex;
  align-items: center;
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
}

.product-edit__not-ready-line--error,
.product-edit__not-ready-line--error .base-icon {
  color: var(--color-red1);
}

.product-edit__not-ready-line--success,
.product-edit__not-ready-line--success .base-icon {
  color: var(--color-green1);
}

.product-edit__not-ready-line .base-icon {
  margin-right: 8px;
}

.product-edit__not-ready-list {
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
}

.product-edit__not-ready-list--invalid li {
  color: var(--color-red1);
}

.product-edit__not-ready-list--valid li {
  color: var(--color-green1);
}

.product-edit__siminstaller-warning.product-edit__error-list-container {
  display: block;
  width: 100%;
  max-width: initial;
  margin-top: 20px;
}

.product-edit__siminstaller-warning--success.product-edit__error-list-container .product-edit__error-list-title,
.product-edit__siminstaller-warning--success .product-edit__error-list-header .base-icon {
  color: var(--color-green1);
}

.product-edit__siminstaller-warning--success.product-edit__error-list-container::before {
  background-color: var(--color-green1);
}

.product-edit__siminstaller-warning .product-edit__error-list li {
  font-weight: var(--font-weight-regular);
  text-decoration: none;
  color: var(--color-gray2);
}

.product-edit__siminstaller-disclaimer {
  margin-top: 20px;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
}

.product-edit__siminstaller-modal.modal .modal-dialog {
  margin: 24px;
  max-width: none;
}

.product-edit__siminstaller-modal.modal .modal-header {
  border: none;
  gap: 20px;
  align-items: flex-start;
}

.product-edit__siminstaller-modal.product-edit__siminstaller-modal--suggestion.modal .modal-body p {
  padding-left: 8px;
  padding-right: 8px;
  font-size: var(--font-size-standard);
}

.product-edit__siminstaller-modal.product-edit__siminstaller-modal--suggestion.modal .modal-body {
  padding-bottom: 8px;
}

.product-edit__siminstaller-modal-title {
  font-weight: var(--font-weight-semibold);
}

.product-edit__siminstaller-modal-subtitle {
  margin-top: 8px;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray1);
}

.product-edit__siminstaller-modal-subtitle-placeholder {
  font-weight: var(--font-weight-semibold);
  margin-right: 8px;
}

.product-edit__siminstaller-modal-close {
  outline: none;
  border: none;
  background: transparent;
}

.product-edit__siminstaller-modal-table {
  background: var(--color-gray7);
  border-radius: 12px;
  width: 100%;
}

.product-edit__siminstaller-modal-table th,
.product-edit__siminstaller-modal-table td {
  padding: 12px 10px;
}

.product-edit__siminstaller-modal-table thead th:first-child,
.product-edit__siminstaller-modal-table tbody td:first-child {
  padding-left: 20px;
}

.product-edit__siminstaller-modal-table thead th:last-child,
.product-edit__siminstaller-modal-table tbody td:last-child {
  padding-right: 20px;
}

.product-edit__siminstaller-modal-table thead {
  border-bottom: 1px solid var(--color-gray5);
}

.product-edit__siminstaller-modal-table thead th {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray1);
}

.product-edit__siminstaller-modal-table tbody td.sfvt-col_heading,
.product-edit__siminstaller-modal-table tbody td.sfvt-col_value {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
}

.product-edit__siminstaller-modal-table tbody td.sfvt-col_value code {
  color: var(--color-gray2);
}

.product-edit__siminstaller-modal-table-disclaimer {
  margin-top: 8px;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
}

.sfvt-col_icon.danger .sfvt-col_icon--danger,
.sfvt-col_icon.success .sfvt-col_icon--success {
  display: block;
}

.sfvt-col_icon.danger .sfvt-col_icon--success,
.sfvt-col_icon.success .sfvt-col_icon--danger {
  display: none;
}

.product-edit__error-list li#panel-body-invalid-files::before,
.product-edit__error-list li#panel-body-many-compatible-files::before {
  top: 15%;
}

.siminstaller-file-list {
  list-style: none;
}

.siminstaller-file-list li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.siminstaller-file-list li span {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-gray2);
}

.siminstaller-file-list-btn {
  outline: none;
  border: none;
  background: transparent;
  margin-left: 8px;
}

.product-edit__product-version {
  margin-top: 20px;
}

.product-edit__product-version-checkbox {
  margin-top: 8px;
}

.base-input__caption.product_title_counter {
  margin-left: auto;
}

.product__edit-preview-modal {
  display: none;
}

.product__edit-preview-modal--visible {
  display: block;
}

.product-edit .form-inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-edit .form-inline .base-icon {
  cursor: pointer;
  margin-left: 8px;
}

#productCommissionDetailsContainer p {
  margin-top: 1em;
}

/* File Tree START */
.file-tree {
  position: relative;
}

.file-tree__body {
  padding-top: 8px;
}

.file-tree ul {
  list-style: none;
  margin: 0;
  padding-left: 30px;
}

.file-tree__body .success,
.file-tree__body .success li {
  color: var(--color-green1);
}

.file-tree__body li {
  position: relative;
  padding-top: 8px;
}

.file-tree__body li::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  top: 17px;
  left: -20px;
  background: var(--color-gray3);
}

.file-tree__body li::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -20px;
  background: var(--color-gray3);
}

.file-tree__body li:last-child::before {
  height: 17px;
}

.file-tree__file {
  display: flex;
}

.file-tree__file-name {
  margin-left: 8px;
}

.file-tree__header {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-medium);
  line-height: var(--font-line-height-medium);
  color: var(--color-blue1);

  display: flex;
  align-items: center;
  justify-content: baseline;
}

.file-tree__header-title {
  margin-left: 8px;
}

.file-tree__body > li::before, /* start tree lines only at the actual files, not the product */
.file-tree__body > li::after {
  width: 0;
}
.file-tree ul.file-tree__body {
  padding-left: 0;
}
/* File Tree END */