@charset "UTF-8";
@font-face {
  font-family: "proxima-nova";
  src: url("../fonts/proxima-nova/Proxima-Nova-Thin.8f0bc01ce5e5.otf");
  font-weight: 200;
}
@font-face {
  font-family: "proxima-nova";
  src: url("../fonts/proxima-nova/Proxima-Nova-Light.076d851b602b.otf");
  font-weight: 300;
}
@font-face {
  font-family: "proxima-nova";
  src: url("../fonts/proxima-nova/Proxima-Nova-Regular.410504d49238.otf");
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova";
  src: url("../fonts/proxima-nova/Proxima-Nova-Semibold.6a3868997462.otf");
  font-weight: 600;
}
.fontFamilyLight, .delivery-receipt-container textarea, #settings-menu .settings-grid .helper, #account-settings-menu .settings-grid .helper, .quick-answers-modal textarea, .modal-quick-answers textarea, .widget.widget-question .widget-questions-answer-container .widget-answer-suggested-title span, .widget.widget-question .widget-questions-answer-container textarea, .widget.widget-question .widget-questions-answer-container .caret-calculate-wrap, .messenger-wrapper textarea, .messenger-wrapper .conversation, .bt-default, .daterangepicker .applyBtn,
.daterangepicker .cancelBtn, .daterangepicker .input-mini, .filter-date:not(.custom-date-picker--input), .filter-date-conversion:not(.custom-date-picker--input), body {
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 300;
}

.fontFamilyRegular, .delivery-receipt-container .container-receipt input[type=text], .form-autolister label, #buyers-menu .buyer-wrapper .buyer-item .name, #buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .listing-title, #associated-accounts-menu .associated-accounts .username, #associated-accounts-menu .widget .header, #settings-menu .settings-grid .input-group label, #account-settings-menu .settings-grid .input-group label, #settings-menu .settings-grid .title, #account-settings-menu .settings-grid .title, #own-st .store-settings-wrapper .input-group label, #product-updates-menu .product-update .header-update, .widget.widget-question .widget-questions-history button.widget-questions-history-collapse, .widget.widget-question .widget-questions-answer-container .widget-answer-suggested-text, .widget.widget-question .widget-questions-answer-container .widget-answer-suggested-title, .badge-ball, .badge-competition {
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 400;
}

.fontFamilyBold {
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 600;
}

.fontLight, .widget-summary-results .widget-summary-results-item .widget-summary-results-item-title span, #associated-accounts-menu .associated-accounts .date-associated, #product-updates-menu .product-update .header-update .update-date, .positioning-term-ranking-item-position div, .title-section-header, .widget-resumen-positioning-title a, .widget.widget-question .widget-questions-history .question-time-ago, .question-time-ago, .widget.widget-question .widget-question-listing-info .widget-question-price .shipping, .widget.widget-question .widget-question-listing-info .widget-question-price .stock, .widget.widget-question .widget-question-listing-info .widget-question-title a.operation-number, .info-modal, .selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  font-weight: 300;
}

.fontRegular, .widget-summary-results .widget-summary-results-item .widget-summary-results-item-title, .widget-summary-resume .summary-resume-item .summary-resume-item-title, .widget-summary-resume .summary-resume-item .summary-resume-item-number, #buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .pricing-stock .price, .widget-sales-container .widget-sales-item .actions .info-modal a, .widget-sales-container .widget-sales-item .listing-data div:first-child, .widget-sales-container .widget-sales-item .user-data div:first-child, .widget-heatmap-sales-datails-heatmap-results-list-titles div, .widget-competition-table-billing table tr:last-child td, .widget-competition-following-user, .positioning-term-ranking-item-info-title, .positioning-term-ranking-item-position, .bt-first-positions button, .widget-terms-positioning-term-position span, .widget-terms-positioning-term-word, .widget-terms-positioning .widget-terms-positioning-add-form-title, .widget-listing-detail-listing-advice-score-number, .widget-listing-detail-answer-time-advice span:not(.average-info, .average-answer), .widget-listing-detail-answer-time-number, .widget-listing-detail-listing-title, .widget-resumen-positioning-title, .widget.widget-listings-list .widget-listings-item-data-number div:first-child, .widget.widget-listings-list .widget-listings-item-score .widget-listings-item-score-graph-number, .widget.widget-score .widget-score-graph .widget-score-graph-number, .quick-answers-modal .modal-title, .widget.widget-history-list .history-widget-title, .modal-quick-answers .modal-title, .modal .modal-title, .config-panel-slide .config-panel-title, .config-panel-slide .config-panel-item span, .widget.widget-question .widget-questions-location-detected a, .widget.widget-question .widget-question-listing-info .widget-question-price, .widget.widget-question .widget-question-listing-info .widget-question-title a, .info-modal .info-modal-title, .widget .widget-data-number-small .widget-data-number-primary span,
.widget .widget-data-number-small .widget-data-number-secondary span, .widget .widget-data-label span, .widget .widget-subtitle, .widget .widget-title, .subtitle-section, .bt-back,
a.bt-back, .bold {
  font-weight: 400;
}

.fontBold, #buyers-menu .buyer-wrapper .buyer-item .price-number, #buyers-menu .buyer-wrapper .buyer-item .buy-number, .widget-resumen-positioning-positions div, .widget-resumen-positioning-price, .widget.widget-history-list .history-widget-answer-time-number, .widget.widget-question .widget-questions-question, .widget .widget-data-number-small .widget-data-number-secondary, .widget .widget-data-number-small .widget-data-number-primary, .widget .widget-data-number-secondary, .widget .widget-data-number-primary {
  font-weight: 600;
}

.font-x1, .widget.widget-history-list .history-widget-title-link a:last-child {
  font-size: 1.2rem;
}

.font-x2, .widget-sales-container .widget-sales-item .actions .info-modal a, .widget-sales-container .widget-sales-item .listing-data div, .widget-sales-container .widget-sales-item .user-data div, .widget-terms-positioning-term-delete button.delete-confirm, .quick-answers-modal .quick-answer-element-actions button.delete-confirm, .quick-answers-modal .quick-answer-element .quick-answer-element-tag, .widget-filters:not(.competitor-filters) .selectize-input.items.full.has-options.has-items, .listing-detail_widget:not(.competitor-filters) .selectize-input.items.full.has-options.has-items, .widget.widget-history-list .history-widget-answer-time-label, .widget.widget-history-list .history-widget-questions-ques, .widget.widget-history-list .history-widget-title-link a, .modal-quick-answers .modal-quick-answ-list-actions button.delete-confirm, .modal-quick-answers .modal-quick-answ-list-actions button.save, .modal-quick-answers .modal-quick-answ-list .modal-quick-answ-list-tag, .modal-quick-answers .modal-quick-answ-new-submit button, .config-panel-slide .config-panel-submit, .widget.widget-quick-asw .widget-quick-asw-config, .widget.widget-question .widget-questions-answer-container button.widget-answer-suggested-dismiss, .widget.widget-question .widget-questions-answer-container button.widget-answer-suggested-insert, .widget.widget-question .widget-questions-location-detected, a.bt-outline-secondary,
.bt-outline-secondary, a.bt-outline-primary,
.bt-outline-primary, a.bt-outline,
.bt-outline, a.bt-danger,
.bt-danger, a.bt-secondary,
.bt-secondary, a.bt-primary,
.bt-primary {
  font-size: 1.3rem;
}

.font-x3, #product-updates-menu .saori-html, .quick-answers-modal .added-new-quick-answer-textarea textarea::-webkit-input-placeholder,
.quick-answers-modal .added-new-quick-answer-textarea textarea::-moz-placeholder,
.quick-answers-modal .added-new-quick-answer-textarea textarea:-ms-input-placeholder,
.quick-answers-modal .added-new-quick-answer-textarea textarea:-moz-placeholder, .quick-answers-modal textarea, .modal-quick-answers .modal-quick-answ-new-textarea textarea:-moz-placeholder, .modal-quick-answers .modal-quick-answ-new-textarea textarea:-ms-input-placeholder, .modal-quick-answers .modal-quick-answ-new-textarea textarea::-moz-placeholder, .modal-quick-answers .modal-quick-answ-new-textarea textarea::-webkit-input-placeholder, .modal-quick-answers textarea, .widget-questions-history-answer, .widget-questions-history-question, .widget.widget-question .widget-questions-signature, .widget.widget-question .widget-questions-answer-container .widget-questions-answer-suggested, .widget .info-modal .widget-data-label, .widget .info-modal li, .widget .widget-subtitle, .daterangepicker .applyBtn,
.daterangepicker .cancelBtn, body {
  font-size: 1.4rem;
}

.font-x4, .widget-sales-container .widget-sales-item .listing-data div:first-child, #settings-menu .settings-grid .title, #account-settings-menu .settings-grid .title, #automessaging-menu .automessage-setting, #automessaging-menu p, .quick-answers-modal .added-new-quick-answer-label input, .modal-quick-answers .modal-quick-answ-new-label input, .config-panel-slide .config-panel-title, .widget.widget-question .widget-questions-history button.widget-questions-history-collapse, .widget.widget-question .widget-question-listing-info .widget-question-price, .widget.widget-question .widget-question-listing-info .widget-question-title a, .widget.widget-quick-asw .widget-title, .widget .info-modal .widget-data-number-primary span, .info-modal, .widget, .daterangepicker .input-mini, .filter-date:not(.custom-date-picker--input), .filter-date-conversion:not(.custom-date-picker--input), .selectize-dropdown {
  font-size: 1.6rem;
}

.font-x5, .widget.widget-question .widget-questions-answer-container textarea, .widget.widget-question .widget-questions-answer-container .caret-calculate-wrap, #new-login .selectize-dropdown {
  font-size: 1.8rem;
}

.placeholder-x4, :-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
  color: #BFBFBF; /* color not working */
  font-size: 1.6rem;
  font-family: "proxima-nova", Arial, sans-serif;
}

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
  font-family: "proxima-nova", Arial, sans-serif;
  text-transform: none;
  font-size: 14px;
  letter-spacing: normal;
  background-color: #4194d8;
  border-radius: 4px;
  border: 1px solid #4194d8;
}
.mdc-button--raised:not(:disabled):hover, .mdc-button--unelevated:not(:disabled):hover {
  background-color: #236da9;
  border-color: #236da9;
}
.mdc-button--raised:not(:disabled)[class*=-lg], .mdc-button--unelevated:not(:disabled)[class*=-lg] {
  padding: 21px 24px;
  border-radius: 8px;
}
.mdc-button--raised:not(:disabled)[class*=secondary-], .mdc-button--unelevated:not(:disabled)[class*=secondary-] {
  background-color: #FFF;
  border: 1px solid #4194d8;
  color: #4194d8;
}
.mdc-button--raised:not(:disabled)[class*=secondary-]:hover, .mdc-button--unelevated:not(:disabled)[class*=secondary-]:hover {
  border: 1px solid #236da9;
  color: #236da9;
  background: #ebf8fa;
  text-decoration: none;
}
.mdc-button--raised:not(:disabled)[class*=secondary-]:hover path, .mdc-button--unelevated:not(:disabled)[class*=secondary-]:hover path {
  fill: #236da9;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-], .mdc-button--unelevated:not(:disabled)[class*=tertiary-] {
  background-color: transparent;
  border: 1px solid transparent;
  color: #4194d8;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-]:hover, .mdc-button--unelevated:not(:disabled)[class*=tertiary-]:hover {
  background-color: #ebf8fa;
  border-color: #ebf8fa;
  color: #236da9;
  text-decoration: none;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-].danger, .mdc-button--raised.widget-alert.error:not(:disabled)[class*=tertiary-], .mdc-button--unelevated:not(:disabled)[class*=tertiary-].danger, .mdc-button--unelevated.widget-alert.error:not(:disabled)[class*=tertiary-] {
  background-color: #FFF;
  border-color: #FFF;
  color: #f04e54;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-].danger:hover, .mdc-button--raised.widget-alert.error:not(:disabled)[class*=tertiary-]:hover, .mdc-button--unelevated:not(:disabled)[class*=tertiary-].danger:hover, .mdc-button--unelevated.widget-alert.error:not(:disabled)[class*=tertiary-]:hover {
  background-color: #fce9e9;
  border-color: #fce9e9;
  color: #f04e54;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-].export--blue-main, .mdc-button--unelevated:not(:disabled)[class*=tertiary-].export--blue-main {
  color: #4194d8;
  background-color: initial;
  border: 1px solid rgba(0, 0, 0, 0);
}
.mdc-button--raised:not(:disabled)[class*=tertiary-].export--blue-main i path, .mdc-button--unelevated:not(:disabled)[class*=tertiary-].export--blue-main i path {
  fill: #4194d8;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-].export--blue-main:hover, .mdc-button--unelevated:not(:disabled)[class*=tertiary-].export--blue-main:hover {
  background-color: #ebf8fa;
  border-color: #ebf8fa;
  color: #236da9;
}
.mdc-button--raised:not(:disabled)[class*=tertiary-].export--blue-main:hover i path, .mdc-button--unelevated:not(:disabled)[class*=tertiary-].export--blue-main:hover i path {
  fill: #236da9;
}

.drawer-footer .cancel-btn.bt-secondary {
  color: #4194d8;
  background-color: transparent;
}
.drawer-footer .cancel-btn.bt-secondary:hover {
  background-color: #ebf8fa;
  color: #4194d8;
}

.mdc-button--raised:disabled, .mdc-button--unelevated:disabled {
  font-family: "proxima-nova", Arial, sans-serif;
  text-transform: none;
  font-size: 14px;
  letter-spacing: normal;
  background-color: #b7b7b7;
  color: #fff;
  opacity: 1;
  cursor: not-allowed;
  border-radius: 4px;
}
.mdc-button--raised:disabled[class*=-lg], .mdc-button--unelevated:disabled[class*=-lg] {
  padding: 21px 24px;
  border-radius: 8px;
}
.mdc-button--raised:disabled[class*=secondary-], .mdc-button--unelevated:disabled[class*=secondary-] {
  background-color: #FFF;
  border: 1px solid #b7b7b7;
  color: #b7b7b7;
}
.mdc-button--raised:disabled[class*=tertiary-], .mdc-button--unelevated:disabled[class*=tertiary-] {
  background-color: transparent;
  border-color: transparent;
  color: #b7b7b7;
}
.mdc-button--raised:disabled[class*=tertiary-].export--blue-main, .mdc-button--unelevated:disabled[class*=tertiary-].export--blue-main {
  background-color: initial;
  border: 1px solid rgba(0, 0, 0, 0);
}
.mdc-button--raised:disabled[class*=tertiary-].export--blue-main i svg path, .mdc-button--unelevated:disabled[class*=tertiary-].export--blue-main i svg path {
  fill: #b7b7b7;
}

.mdc-button--raised[class*=secondary-lg][class*="--icon"], .mdc-button--unelevated[class*=secondary-lg][class*="--icon"] {
  padding: 21px 12px;
}
.mdc-button--raised[class*="--icon"] .mdc-button__label, .mdc-button--unelevated[class*="--icon"] .mdc-button__label {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.mdc-button--raised[class*="--icon"] i, .mdc-button--unelevated[class*="--icon"] i {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  line-height: 1;
  margin-right: 8px;
}
.mdc-button--raised[class*="--icon"] i.special-height, .mdc-button--unelevated[class*="--icon"] i.special-height {
  max-height: 20px;
}
.mdc-button--raised[class*="--icon"] i.special-height svg, .mdc-button--unelevated[class*="--icon"] i.special-height svg {
  width: auto;
  height: 20px;
}

.link-icon {
  font-size: 14px;
  color: #727272;
  font-family: "proxima-nova", Arial, sans-serif;
  text-transform: none;
  display: inline-flex;
  margin-right: 4px;
}
.link-icon:hover {
  color: #292828;
  text-decoration: underline;
}
.link-icon i {
  display: block;
  height: auto;
  margin-right: 4px;
  position: relative;
  top: 2px;
  width: 15px;
}
.link-icon.critical {
  color: #f04e54;
}
.link-icon.critical i svg path {
  fill: #f04e54;
}
.link-icon.disabled {
  color: #b7b7b7;
  pointer-events: none;
}

.mdc-button__label .mdc-circular-progress {
  position: relative;
  width: 20px;
  height: 20px;
  animation: rotate 2s linear infinite;
  top: 3px;
}
.mdc-button__label .mdc-circular-progress__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #FFF;
}

.secondary-md .mdc-button__label .mdc-circular-progress, .tertiary-md .mdc-button__label .mdc-circular-progress, .secondary-lg .mdc-button__label .mdc-circular-progress, .tertiary-lg .mdc-button__label .mdc-circular-progress {
  position: relative;
  width: 20px;
  height: 20px;
  animation: rotate 2s linear infinite;
  top: 3px;
}
.secondary-md .mdc-button__label .mdc-circular-progress__path, .tertiary-md .mdc-button__label .mdc-circular-progress__path, .secondary-lg .mdc-button__label .mdc-circular-progress__path, .tertiary-lg .mdc-button__label .mdc-circular-progress__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #236da9;
}

.contextual-label-menu {
  cursor: pointer;
}
.contextual-label-menu:hover .context-menu {
  display: inherit !important;
  margin-top: 20px;
  margin-left: 0;
  position: absolute;
  float: right;
  z-index: 500;
}
.contextual-label-menu svg {
  width: 16px;
}

.context-menu {
  background: #FFF;
  border-radius: 2px;
  -webkit-box-shadow: -3px 7px 12px -6px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: -3px 7px 12px -6px rgba(0, 0, 0, 0.62);
  box-shadow: -3px 7px 12px -6px rgba(0, 0, 0, 0.62);
}
.context-menu ul li {
  font-size: 13px;
  padding: 8px 12px;
}
.context-menu ul li:hover {
  background-color: #f5f5f5;
}
.context-menu ul a {
  color: #727272;
}
.context-menu ul a:hover {
  text-decoration: none;
}

.link-primary-lg {
  display: inline-block;
  font-family: "proxima-nova", Arial, sans-serif;
  text-transform: none;
  font-size: 1.4rem;
  letter-spacing: normal;
  background-color: #4194d8;
  box-sizing: border-box;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  color: white;
  border-radius: 8px;
  text-decoration: none;
}
.link-primary-lg:hover, .link-primary-lg:focus, .link-primary-lg:active {
  color: white;
  background: #236da9;
  text-decoration: none;
}
.link-primary-md {
  display: inline-block;
  font-family: "proxima-nova", Arial, sans-serif;
  text-transform: none;
  font-size: 1.4rem;
  letter-spacing: normal;
  background-color: #4194d8;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  color: white;
  border-radius: 8px;
  text-decoration: none;
}
.link-primary-md:hover, .link-primary-md:focus, .link-primary-md:active {
  color: white;
  background: #236da9;
  text-decoration: none;
}
.link-text-primary {
  display: inline-block;
  font-family: "proxima-nova", Arial, sans-serif;
  text-transform: none;
  font-size: 1.4rem;
  letter-spacing: normal;
  color: #236da9;
  cursor: pointer;
}
.link-text-primary:hover {
  color: #17507f;
  text-decoration: none;
}

button.primary-md.btn-partner {
  margin: 24px 0 96px;
  border-radius: 50px;
  background-color: transparent;
  border-color: #dbdbdb;
  padding: 20px 19px 19px;
  color: #292828;
  width: 268px;
}
button.primary-md.btn-partner:hover {
  background-color: #f5f5f5;
}
button.primary-md.btn-partner i {
  margin-right: 31px;
}

.mdc-text-field--outlined {
  height: 42px;
  font-size: 14px;
}
.mdc-text-field--outlined .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #292828;
  font-size: 14px;
  padding: 12px 12px 14px;
}
.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: #f5f5f5;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
  background-color: #f5f5f5;
}

.mdc-notched-outline__leading {
  width: 7px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  padding: 12px;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  right: 12px;
}

.mdc-text-field--outlined .mdc-text-field__input {
  padding: 12px;
}

.mdc-text-field.mdc-text-field--outlined.with-arrows input[type=number] {
  width: 100%;
}
.mdc-text-field.mdc-text-field--outlined.with-arrows .input-with-arrows-container-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  margin-right: 14px;
}
.mdc-text-field.mdc-text-field--outlined.with-arrows .arrow-up, .mdc-text-field.mdc-text-field--outlined.with-arrows .arrow-down {
  position: relative;
  display: block;
  border: none;
  background-color: transparent;
  width: 0;
  height: 0;
}
.mdc-text-field.mdc-text-field--outlined.with-arrows .arrow-up::after, .mdc-text-field.mdc-text-field--outlined.with-arrows .arrow-down::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
}
.mdc-text-field.mdc-text-field--outlined.with-arrows .arrow-up::after {
  border-bottom: 5px solid #727272;
  top: 50%;
  transform: translateY(-50%);
}
.mdc-text-field.mdc-text-field--outlined.with-arrows .arrow-down::after {
  border-top: 5px solid #727272;
  bottom: 50%;
  transform: translateY(50%);
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  border-width: 1px;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #4194d8;
  font-size: 12px;
  top: 19px;
  position: relative;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  margin: 0;
  font-size: 14px;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  box-shadow: none;
  outline: none;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-outer-spin-button, .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing, .mdc-text-field--outlined.mdc-text-field--invalid.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #f04e54;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #f04e54;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #4194d8;
  border-width: 1px;
}

.mdc-text-field .mdc-floating-label {
  font-size: 12px;
}

.mdc-text-field .mdc-floating-label:not(.mdc-text-field--label-floating) {
  font-size: 14px;
  line-height: 1;
  padding: 2px 0;
}

.mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label.mdc-floating-label--float-above {
  top: 19px;
  color: #4194d8;
}

.mdc-text-field.mdc-text-field--invalid .mdc-floating-label.mdc-floating-label--float-above, .mdc-text-field.mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label.mdc-floating-label--float-above {
  color: #f04e54;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #727272;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}

.mdc-notched-outline__notch:not(.mdc-text-field--textarea) {
  width: auto !important;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-26.75px) scale(1);
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 12px;
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  font-size: 14px;
}

.mdc-text-field--textarea.mdc-text-field--outlined {
  height: auto;
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
  -webkit-transform: translateY(-200%) scale(1);
  transform: translateY(-200%) scale(1);
}

.mdc-text-field:not(.mdc-text-field--disabled) textarea.mdc-text-field__input {
  margin-top: 8px;
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-23px) scale(0.75);
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 12px;
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #4194d8;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: #727272;
  font-size: 12px;
}

.text-field-container {
  width: 300px;
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  background-color: #4194d8;
  border-color: #4194d8;
}

.mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: #a0d0f6;
  border-color: #a0d0f6;
}

.mdc-switch + label {
  margin-left: 4px;
  position: relative;
  top: -2px;
}

.custom-switch + label {
  color: #292828;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  top: 0;
}
.custom-switch .mdc-switch__track {
  width: 40px;
  height: 20px;
  border-radius: 10px;
}
.custom-switch.mdc-switch--checked .mdc-switch__track {
  background-color: #4194D8;
  border-color: #4194D8;
  opacity: 1;
}
.custom-switch.mdc-switch--checked .mdc-switch__thumb {
  background-color: white;
  border-color: white;
}
.custom-switch[disabled] .mdc-switch__track {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  opacity: 1;
}
.custom-switch[disabled] .mdc-switch__native-control, .custom-switch[disabled] + label {
  cursor: default;
  pointer-events: none;
}
.custom-switch .mdc-switch__thumb {
  width: 12px;
  height: 12px;
  border: none;
  background-color: white;
  box-shadow: none;
}
.custom-switch .mdc-switch__thumb-underlay {
  left: -14px;
  top: -14px;
}
.custom-switch .mdc-switch__thumb-underlay::before, .custom-switch .mdc-switch__thumb-underlay::after {
  opacity: 0 !important;
}

.mtl-selectize .selectize-input {
  border: 1px solid #b7b7b7;
}
.mtl-selectize .selectize-input > input {
  display: inline-block !important;
}
.mtl-selectize .selectize-input.items.full.has-options.has-items {
  border: 1px solid #b7b7b7;
  font-size: 14px;
  padding: 10px 8px;
  width: 100%;
}
.mtl-selectize .selectize-input.items.full.has-options.has-items.input-active {
  padding: 9px 8px;
}
.mtl-selectize input:placeholder-shown {
  border: 5px solid #f04e54;
}
.mtl-selectize .custom-placeholder {
  background: white;
  color: #727272;
  display: inline-block;
  font-size: 12px;
  left: 8px;
  padding: 0 3px;
  position: relative;
  top: 10px;
  z-index: 9;
}
.mtl-selectize .mtl-selectize .selectize-input.items.full.has-options.has-items {
  border-radius: 4px;
}
.mtl-selectize .selectize-control.single .selectize-input:after {
  border-width: 5px 6px 0;
  right: 8px;
}
.mtl-selectize .selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -3px;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
  border-width: 5px 6px 0;
  right: 8px;
}
.mtl-selectize .selectize-input.items.not-full.has-options {
  box-shadow: none;
}
.mtl-selectize .selectize-dropdown.single {
  border: 1px solid #b7b7b7;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: none;
  margin-top: 1px;
  padding: 4px 0;
}
.mtl-selectize .custom-placeholder-error {
  border-color: #f04e54;
  color: #f04e54;
  font-size: 12px;
  margin-top: -3px;
}
.mtl-selectize .selectize-control.single {
  margin-bottom: 3px;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}

.widget-filters-hours {
  font-size: 0;
}
.widget-filters__time-picker {
  width: calc(50% - 8px);
  display: inline-block;
  max-width: 136px;
  position: relative;
}
.widget-filters__time-picker-input {
  font-size: 1.4rem;
  max-width: 100%;
  box-sizing: border-box;
  height: 32px;
  cursor: pointer;
}
.widget-filters__time-picker-input:focus {
  box-shadow: initial;
}
.widget-filters__time-picker-input[data-disabled=true] {
  opacity: 0.5;
  cursor: pointer;
}
.widget-filters__time-picker:first-child {
  margin-right: 16px;
}
.widget-filters__time-picker::after {
  content: " ";
  width: 22px;
  height: 14px;
  top: 12px;
  right: 2px;
  border: 0;
  background: url("../img/chevron-select.bafdfbf84a66.svg") -6px -6px no-repeat;
  background-size: 125%;
  position: absolute;
  pointer-events: none;
}
@media (max-width: 360px) {
  .widget-filters__time-picker:first-child {
    padding-bottom: 15px;
  }
}

.ui-timepicker-standard {
  max-height: 150px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  padding: 0;
  z-index: 9999 !important;
}
.ui-timepicker-standard .ui-widget-content {
  max-height: 100%;
  box-sizing: border-box;
  padding: 16px 4px;
  overflow: hidden;
  width: 100% !important;
}
.ui-timepicker-standard .ui-timepicker-viewport {
  max-height: 100%;
  max-width: 100%;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item {
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  padding-right: 2px;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item .ui-corner-all {
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  padding: 8px;
  margin: 0px;
  color: #727272;
  max-width: 110px;
  width: 100%;
  display: inline-block;
  height: 33px;
  border: 0;
  line-height: 1.4;
  font-family: "proxima-nova";
  font-size: 1.4rem;
  font-weight: normal;
  margin-left: 1px;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item:hover {
  border: hidden;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item:hover .ui-corner-all {
  background: #f5f5f5;
  border-radius: 0;
  text-decoration: none;
  color: #727272;
  border: 0;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item:hover .ui-corner-all.ui-state-hover {
  border: 0;
}
.ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar {
  width: 4px;
}
.ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar-thumb:hover {
  background: #727272;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar-thumb:active {
  background-color: #727272;
}
.ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
.ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar-track:hover, .ui-timepicker-standard .ui-timepicker-viewport::-webkit-scrollbar-track:active {
  background: #fbfbfb;
}

.custom-select {
  box-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
  min-width: 200px;
  font-size: 1.4rem;
  color: #818181;
  overflow: inherit;
  box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  width: 100%;
}
@media (min-width: 981px) {
  .custom-select {
    max-width: 200px;
  }
}
.custom-select select {
  visibility: hidden;
}
.custom-select__select .selectize-input.items.full.has-options.has-items {
  border: 1px solid #b7b7b7;
  box-shadow: none;
  background: #fff;
  margin: 0;
  padding: 0px 20px 0px 12px;
  min-width: 200px;
  font-size: 1.4rem;
  color: #292828;
  overflow: inherit;
  box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
  width: 100%;
}
.custom-select__select .selectize-input.items.full.has-options.has-items.disabled, .custom-select__select .selectize-input.items.full.has-options.has-items.locked {
  opacity: 0.5;
}
.custom-select__select .selectize-input.items.full.has-options.has-items:after {
  right: 8px;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
  margin-top: -2px;
}
.custom-select__select .selectize-input.items.full.has-options.has-items .item {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-select__select .selectize-input.items.full.has-options.has-items:hover, .custom-select__select .selectize-input.items.full.has-options.has-items.focus {
  border: 1px solid #b7b7b7;
}
.custom-select__select .selectize-input.items.full.has-options.has-items:hover .item, .custom-select__select .selectize-input.items.full.has-options.has-items.focus .item {
  color: #292828;
}
.custom-select__select .selectize-input.items.full.has-options.has-items.dropdown-active {
  border-radius: 4px;
}
.custom-select__select .selectize-input.items.full.has-options.has-items.dropdown-active:after {
  margin-top: -2px;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
}
.custom-select__select .selectize-dropdown.single {
  padding: 0;
  margin-top: 4px;
  box-shadow: 0 2px 5px 0 rgba(183, 183, 183, 0.48);
  border-radius: 4px;
}
.custom-select__select .selectize-dropdown.single .option {
  padding: 10px 12px;
  color: #292828;
}
.custom-select__select .selectize-dropdown.single .option.active {
  background: #eeeeee;
  color: #292828;
}
.custom-date-picker {
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  background: #fff;
  color: #818181;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  min-width: 200px;
}
.custom-date-picker--input {
  padding: 12.5px 8px 12.5px 12px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border: 0;
  color: #292828;
  background: #fff;
}
.custom-date-picker--input:disabled {
  opacity: 0.5;
}
.custom-date-picker--button {
  width: 25px;
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  outline: none;
}
.custom-date-picker--button::after {
  display: block;
  content: " ";
  position: absolute;
  top: 54%;
  right: 7px;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
  transform: translateY(-50%);
}
.custom-date-picker[data-disabled=true] {
  border: 1px solid rgba(183, 183, 183, 0.5);
  background: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
.custom-date-picker[data-disabled=true] button {
  opacity: 0.5;
  pointer-events: none;
}
.custom-search {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  min-width: 230px;
}
.custom-search--input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  padding: 5px 25px 5px 12px;
  box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  color: #292828;
  min-width: 250px;
  margin-right: 0;
}
.custom-search--input::placeholder {
  color: #b7b7b7;
  opacity: 1;
}
.custom-search--button {
  width: 44px;
  border: 0;
  background: none;
  padding: 7px 12px 8px 12px;
  position: absolute;
  top: 50%;
  right: 0;
  height: 39px;
  transform: translateY(-50%);
}
.custom-search--button i svg path, .custom-search--button i svg g {
  fill: #727272;
}
.custom-search--button .clearSearchButtonIcon {
  display: none;
}
.custom-search--button .clearSearchButtonIcon svg {
  width: 16px;
}
.custom-search--button.isActive .searchButtonIcon {
  display: none;
}
.custom-search--button.isActive .clearSearchButtonIcon {
  display: block;
}
.custom-search--results {
  display: none;
  box-shadow: 0 2px 5px 0 rgba(183, 183, 183, 0.48);
  border: 1px solid #dbdbdb;
  background: #eeeeee;
  box-sizing: border-box;
  padding: 12px;
  font-size: 1.4rem;
  text-align: center;
  font-weight: normal;
  border-radius: 4px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  z-index: 2;
  width: 100%;
}
.custom-search--results.active {
  display: block;
}

/* checkbox-selector */
.checkbox-selector {
  position: relative;
  z-index: 2;
}
.checkbox-selector__selector {
  background: #fff;
  box-sizing: border-box;
  height: 42px;
  line-height: 42px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  position: relative;
  cursor: pointer;
}
.checkbox-selector__selector::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
}
.checkbox-selector__dropdown {
  background: #fff;
  position: absolute;
  margin-top: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #dbdbdb;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 12px;
  display: none;
}
.checkbox-selector__dropdown > button {
  width: 100%;
}
.checkbox-selector__dropdown.active {
  display: block;
}
.checkbox-selector__brand-name {
  margin-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.checkbox-selector__div-notifications-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 14px 22px;
}
.checkbox-selector__div-toggle-container {
  display: flex;
  flex-direction: row;
  grid-gap: 10px;
}
.checkbox-selector__toggle-container, .checkbox-selector__toggle-notification-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 4px;
}
.checkbox-selector__toggle-container i, .checkbox-selector__toggle-notification-container i {
  width: 14px;
  height: 16px;
  color: #f36c00;
}
.checkbox-selector__toggle-container .checkbox-selector__toggle-notification, .checkbox-selector__toggle-notification-container .checkbox-selector__toggle-notification {
  margin-bottom: 2px;
}
.checkbox-selector__toggle-container p {
  margin: 0 0px -4px 0;
}
.checkbox-selector__toggle-notification-container p {
  margin: 0px;
  font-size: 12px;
}
.checkbox-selector__toggle-notification {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #4194d8;
}
.checkbox-selector__checkbox {
  margin: 14px 0;
}
.checkbox-selector__checkbox--container {
  margin-bottom: 16px;
  max-height: 350px;
  overflow: hidden;
}
.checkbox-selector__checkbox-scroll {
  width: calc(100% - 50px);
  margin: 0 0;
  padding: 0 20px;
  overflow-y: scroll;
  height: 100%;
  max-height: 350px;
}
.checkbox-selector__checkbox-scroll::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
.checkbox-selector__checkbox-scroll::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.checkbox-selector__checkbox [data-type=parent], .checkbox-selector__checkbox [data-type=grand-parent] {
  display: flex;
  align-items: center;
  grid-gap: 4px;
}
.checkbox-selector__checkbox [data-type=parent] button, .checkbox-selector__checkbox [data-type=grand-parent] button {
  background: none;
  border: none;
  padding: 0;
}
.checkbox-selector__checkbox [data-type=parent] button i, .checkbox-selector__checkbox [data-type=grand-parent] button i {
  display: block;
  height: 14px;
  width: 14px;
}
.checkbox-selector__checkbox [data-type=parent] button i svg, .checkbox-selector__checkbox [data-type=grand-parent] button i svg {
  display: block;
  width: 100%;
  height: 100%;
}
.checkbox-selector__checkbox [data-type=parent] button[data-action=add] .less-icon, .checkbox-selector__checkbox [data-type=grand-parent] button[data-action=add] .less-icon {
  display: none;
}
.checkbox-selector__checkbox [data-type=parent] button[data-action=less] .add-icon, .checkbox-selector__checkbox [data-type=grand-parent] button[data-action=less] .add-icon {
  display: none;
}
.checkbox-selector__checkbox [data-type=parent] ~ [data-type=children], .checkbox-selector__checkbox [data-type=grand-parent] ~ [data-type=children] {
  padding-left: 30px;
}
.checkbox-selector__checkbox [data-type=parent].has-selected, .checkbox-selector__checkbox [data-type=grand-parent].has-selected {
  grid-template-columns: 14px max-content auto;
}
.checkbox-selector__checkbox [data-type=parent].has-selected span, .checkbox-selector__checkbox [data-type=grand-parent].has-selected span {
  font-weight: 800;
}
.checkbox-selector__checkbox [data-type=parent].has-selected .selectedNumber, .checkbox-selector__checkbox [data-type=grand-parent].has-selected .selectedNumber {
  margin-right: 4px;
}
.checkbox-selector__checkbox [data-type=children] {
  display: none;
}
.checkbox-selector__checkbox [data-type=children] > [data-type=parent] {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  padding: 14px 0 2px;
}
.checkbox-selector__checkbox [data-type=children] > [data-type=parent].has-selected {
  grid-template-columns: 14px max-content auto;
}
.checkbox-selector__checkbox [data-type=children] > [data-type=parent].has-selected span {
  font-weight: 800;
}
.checkbox-selector__checkbox [data-type=children] > [data-type=grand-children] {
  padding-left: 0px;
  margin-left: -8px;
}
.checkbox-selector__checkbox [data-type=children] > [data-type=grand-children] .tag-icon.caution {
  background-color: transparent;
}
.checkbox-selector__checkbox [data-type=children][data-status=shown] {
  display: block;
}
.checkbox-selector-loader {
  display: none;
  padding-top: 12px;
}
.checkbox-selector-loader > div {
  padding-left: 0px;
  margin-bottom: 26px;
}
.checkbox-selector-loader > div::before {
  display: block;
  width: 132px;
  height: 18px;
  content: " ";
  background: #eeeeee;
}
.checkbox-selector-loader[data-loader-status=on] {
  display: block;
}
.checkbox-selector button#applyNewCompatibilities {
  width: 100%;
}
.checkbox-selector button#applyNewCompatibilities[data-state=disabled] {
  background-color: #b7b7b7;
  color: #fff;
  opacity: 1;
  cursor: not-allowed;
}
.checkbox-selector .container-button-apply {
  padding: 0px 12px;
}

.mdc-form-field .mdc-checkbox[data-input-type=disabled] {
  cursor: default;
}
.mdc-form-field .mdc-checkbox[data-input-type=disabled]:hover .mdc-checkbox__ripple {
  display: none;
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  opacity: 0 !important;
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
  opacity: 0 !important;
}

[data-type=datepicker] {
  background: white;
  display: grid;
  width: fit-content;
  padding: 14px 12px;
  box-sizing: border-box;
  border-radius: 4px;
  grid-template-columns: auto 18px;
  grid-gap: 8px;
  min-width: 205px;
  align-items: center;
  line-height: 1;
  border: 1px solid #b7b7b7;
  position: relative;
  cursor: pointer;
}
[data-type=datepicker].disabled {
  background: #f5f5f5;
  border-color: #b7b7b7;
  pointer-events: none;
}
[data-type=datepicker].disabled span {
  color: #b7b7b7;
}
[data-type=datepicker].disabled i {
  color: #b7b7b7;
}
[data-type=datepicker][data-picker-type=single] {
  min-width: 124px;
}
[data-type=datepicker] span {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
[data-type=datepicker] i {
  height: 18px;
  color: #727272;
}
[data-type=datepicker] i svg {
  width: 100%;
  height: auto;
}
[data-type=datepicker]:hover {
  border-color: #727272;
}
[data-type=datepicker].calendarActive {
  border-color: #4194d8;
}
[data-type=datepicker].calendarActive i {
  color: #4194d8;
}
[data-type=datepicker].calendarActive::after {
  position: absolute;
  display: inline-block;
  content: " ";
  bottom: -6px;
  right: 15px;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 7px solid transparent;
  z-index: 9999;
}
[data-type=datepicker].calendarActive::before {
  position: absolute;
  display: inline-block;
  content: " ";
  right: 14px;
  bottom: -5px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #b7b7b7;
}

.daterangepicker.datepickerRt {
  border: 1px solid #b7b7b7;
  margin-top: 3px;
}
.daterangepicker.datepickerRt .drp-buttons {
  height: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}
.daterangepicker.datepickerRt.show-calendar .drp-calendar.right {
  padding: 17px 20px 17px 12px;
}
.daterangepicker.datepickerRt.show-calendar .drp-calendar.left {
  padding: 17px 12px 17px 17px;
}
.daterangepicker.datepickerRt table td {
  min-width: 30px;
  width: 30px;
  height: 26px;
  line-height: 1;
}
.daterangepicker.datepickerRt td.active:not(.off), .daterangepicker.datepickerRt td.active:hover, .daterangepicker.datepickerRt td.active.end-date:not(.off), .daterangepicker.datepickerRt td.active.start-date:not(.off) {
  background-color: #4194d8 !important;
}
.daterangepicker.datepickerRt td.in-range:not(.off) {
  background-color: #ebf8fa !important;
}
.daterangepicker.datepickerRt.show-ranges .ranges {
  width: 140px;
}
.daterangepicker.datepickerRt.show-ranges .ranges ul {
  position: absolute;
  height: calc(100% - 26px);
}
.daterangepicker.datepickerRt.show-ranges .ranges li {
  font-size: 14px;
  font-weight: 400;
  height: 16.6666666667%;
  padding: 0;
  text-align: center;
  width: 100%;
  line-height: 2.8;
}
.daterangepicker.datepickerRt.show-ranges .ranges li.active {
  background-color: #eeeeee;
  color: #292828;
  font-weight: 600;
}
.daterangepicker.datepickerRt .select-picker {
  width: calc(100% - 29px);
  margin: 20px 20px 5px;
}
.daterangepicker.datepickerRt .select-picker .selectize-input.items.full.has-options.has-items {
  width: 100%;
  padding: 12px;
  line-height: 1;
  height: 42px;
  border: 1px solid #b7b7b7;
  border-radius: 4px;
}
.daterangepicker.datepickerRt .select-picker .selectize-input.items.full.has-options.has-items.focus {
  border: 1px solid #4194d8;
}
.daterangepicker.datepickerRt .select-picker .selectize-input .item {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
.daterangepicker.datepickerRt .select-picker .selectize-dropdown {
  padding: 0;
  margin-top: 4px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.daterangepicker.datepickerRt .select-picker .selectize-dropdown [data-selectable] {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
.daterangepicker.datepickerRt .select-picker .selectize-dropdown .active {
  background: #eeeeee;
}
.daterangepicker.datepickerRt::before {
  display: none;
}
.daterangepicker.datepickerRt::after {
  display: none;
}
.daterangepicker.datepickerRt td.available:not(.active):hover {
  background: none;
  color: #236da9;
}
.daterangepicker.datepickerRt th.available:hover {
  background: none;
}
.daterangepicker.datepickerRt th.available:hover::before {
  display: block;
  content: " ";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eeeeee;
  position: absolute;
  z-index: 1;
}
.daterangepicker.datepickerRt th.available:hover span {
  z-index: 3;
  position: relative;
  border-color: #292828;
}
.daterangepicker.datepickerRt th.available.prev:hover::before {
  margin: -2px 0 0 1px;
}
.daterangepicker.datepickerRt th.available.next:hover::before {
  margin: -2px 0 0 3px;
}
.daterangepicker.datepickerRt .calendar-table thead tr:first-child {
  height: 41px;
}

@media (min-width: 769px) {
  .daterangepicker.datepickerRt .select-picker {
    display: none;
  }
}
@media (max-width: 768px) {
  .daterangepicker.datepickerRt {
    width: fit-content;
  }
  .daterangepicker.datepickerRt .select-picker {
    width: calc(100% - 40px);
    margin: 20px 20px 5px;
  }
  .daterangepicker.datepickerRt .ranges {
    display: none;
  }
  .daterangepicker.datepickerRt.show-calendar .drp-calendar.left,
  .daterangepicker.datepickerRt.show-calendar .drp-calendar.right {
    padding: 17px 15px;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.mdc-circular-progress {
  position: relative;
  width: 34px;
  height: 34px;
  animation: rotate 2s linear infinite;
}
.mdc-circular-progress__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #4194d8;
}

.spinner-wrapper {
  margin: 12px auto 12px;
  text-align: center;
}

#tableLoadingInitial .spinner-loading i {
  height: 55px;
  margin: 0;
  position: inherit;
  transform-origin: center center;
  width: 55px;
}

.mdc-form-field > label {
  color: #292828;
  cursor: pointer;
  font-size: 14px;
  padding-left: 0;
  cursor: pointer;
}

.mdc-radio {
  margin: 10px;
  padding: 0;
}
.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {
  background-color: transparent;
}
.mdc-radio .mdc-radio__background::before {
  background-color: #eeeeee;
  left: -4px;
  height: 28px;
  opacity: 0.04;
  top: -4px;
  width: 28px;
}

.mdc-radio__native-control:focus + .mdc-radio__background::before {
  opacity: 1;
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #292828;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #4194d8;
  background-color: #4194d8;
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: #292828;
}

.mdc-checkbox input[disabled] {
  opacity: 0;
}
.mdc-checkbox input[disabled]:hover .mdc-checkbox__ripple {
  display: none;
}
.mdc-checkbox[data-input-type=disabled] input {
  pointer-events: none;
}
.mdc-checkbox[data-input-type=disabled] + label {
  color: #b7b7b7;
}

.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #4194d8;
}

.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #4194d8;
}

.mdc-form-field .mdc-radio > label {
  color: #292828;
}

.mdc-radio input[disabled] {
  opacity: 0;
}
.mdc-radio input[disabled]:hover .mdc-checkbox__ripple {
  display: none;
}

/*.selectize-input.items.full.has-options.has-items {
    border: 1px solid $gray-light-border;
    box-shadow: none;
    background: $white-color;
    margin: 0;
    padding: 6px 10px;
    width: 170px;
    @extend .font-x2;
    color: $gray-primary;
    overflow: inherit;
}
.selectize-control.single .selectize-input:after{
    width: 22px;
    height: 14px;
    top: 12px;
    right: 2px;
    border: 0;
    background: url("../img/chevron-select.bafdfbf84a66.svg") -6px -6px no-repeat;
    background-size: 125%;
}
.selectize-input.items.full.has-options.has-items:hover .item{
    color:$gray-dark;
}
.selectize-input.items.full.has-options.has-items:hover{
     border: 1px solid darken($gray-light-border, 10%);
}*/
.selectize-dropdown {
  border: 0;
  color: #727272;
  padding: 12px 12px;
  -webkit-box-shadow: 1px 1px 4px rgba(154, 154, 154, 0.5);
  -moz-box-shadow: 1px 1px 4px rgba(154, 154, 154, 0.5);
  box-shadow: 1px 1px 4px rgba(154, 154, 154, 0.5);
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 10px 8px;
  font-weight: 300;
  font-size: 1.4rem;
}

.selectize-dropdown .active {
  background-color: #f7f7f7;
  color: inherit;
}

input {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px;
  font-size: 1.4rem;
}
input:focus {
  box-shadow: initial;
  border: 1px solid #4194d8;
}
input.error {
  box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
}

/* DESIGN SYSTEM: Alert boxes */
.widget-alert {
  margin: 16px 0;
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
}
.widget-alert:not(.widget-alert__moderated--row-item) {
  display: grid;
  grid-template-columns: 44px auto;
}
.widget-alert span {
  align-self: center;
  font-size: 1.4rem;
  font-weight: 400;
  padding-right: 10px;
}
.widget-alert span#warningAmount {
  padding-right: 0;
}
.widget-alert a {
  color: #292828;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}
.widget-alert a:hover {
  color: #292828;
}
.widget-alert i {
  align-self: center;
  display: block;
  height: 24px;
  margin: 0 8px;
  width: 24px;
}
.widget-alert__title {
  display: block;
  font-weight: 600;
}
.widget-alert.danger, .widget-alert.error {
  background-color: #fce9e9;
  border-bottom: 1px solid #f04e54;
  border-left: 4px solid #f04e54;
  border-right: 1px solid #f04e54;
  border-top: 1px solid #f04e54;
  color: #292828;
}
.widget-alert.danger svg, .widget-alert.error svg {
  fill: #f04e54;
}
.widget-alert.danger svg path, .widget-alert.error svg path, .widget-alert.danger svg circle, .widget-alert.error svg circle {
  fill: #f04e54;
}
.widget-alert.info {
  background-color: #ebf8fa;
  border-left: 4px solid #4194d8;
  border-right: 1px solid #4194d8;
  border-top: 1px solid #4194d8;
  border-bottom: 1px solid #4194d8;
  color: #292828;
}
.widget-alert.info svg {
  fill: #4194d8;
}
.widget-alert.info svg path, .widget-alert.info svg circle {
  fill: #4194d8;
}
.widget-alert.warning {
  background-color: #fffbdd;
  border-left: 4px solid #ffcc59;
  border-top: 1px solid #ffcc59;
  border-right: 1px solid #ffcc59;
  border-bottom: 1px solid #ffcc59;
  color: #292828;
}
.widget-alert.warning svg {
  fill: #ffcc59;
}
.widget-alert.warning svg path, .widget-alert.warning svg circle {
  fill: #ffcc59;
}
.widget-alert.success {
  border-left: 4px solid #75c367;
  border-top: 1px solid #75c367;
  border-right: 1px solid #75c367;
  border-bottom: 1px solid #75c367;
  background-color: #e4f6e9;
  color: #292828;
}
.widget-alert.success svg {
  fill: #75c367;
}
.widget-alert.success svg path, .widget-alert.success svg circle {
  fill: #75c367;
}
.widget-alert.suggestion {
  background-color: #E8EDFA;
  border-left: 4px solid #6C88D5;
  border-right: 1px solid #6C88D5;
  border-top: 1px solid #6C88D5;
  border-bottom: 1px solid #6C88D5;
  color: #292828;
}
.widget-alert.suggestion svg {
  fill: #6C88D5;
}
.widget-alert.suggestion svg path, .widget-alert.suggestion svg circle {
  fill: #6C88D5;
}
.widget-alert.large {
  grid-template-columns: 44px auto;
  min-height: 44px;
  grid-column-gap: 3px;
  padding: 8px 0;
}
.widget-alert.large i {
  align-self: center;
  display: block;
  height: 24px;
  justify-self: center;
  margin: 0;
  width: 20px;
}
.widget-alert.medium {
  border-left: 0;
  grid-template-columns: 36px auto;
  grid-column-gap: 3px;
  padding: 8px 0;
}
.widget-alert.medium i {
  align-self: center;
  display: block;
  height: 20px;
  justify-self: center;
  margin: 0;
  width: 20px;
}
.widget-alert.small {
  border-left: 0;
  grid-template-columns: auto;
  padding: 8px 0;
}
.widget-alert.small i {
  display: none;
}
.widget-alert.small span {
  padding: 0 8px;
}
.widget-alert.large.success, .widget-alert.medium.success, .widget-alert.small.success {
  border: 1px solid #75c367;
}
.widget-alert.large.danger, .widget-alert.large.error, .widget-alert.medium.danger, .widget-alert.medium.error, .widget-alert.small.danger, .widget-alert.small.error {
  border: 1px solid #f04e54;
}
.widget-alert.large.error, .widget-alert.medium.error, .widget-alert.small.error {
  border: 1px solid #f04e54;
}
.widget-alert.large.info, .widget-alert.medium.info, .widget-alert.small.info {
  border: 1px solid #4194d8;
}
.widget-alert.large.warning, .widget-alert.medium.warning, .widget-alert.small.warning {
  border: 1px solid #ffcc59;
}
.widget-alert.large.suggestion, .widget-alert.medium.suggestion, .widget-alert.small.suggestion {
  border: 1px solid #6C88D5;
}
.widget-alert__closeable {
  grid-template-columns: 44px auto 40px !important;
  transition: opacity 0.3s;
  opacity: 1;
  width: auto;
}
.widget-alert__closeable .widget-alert__closeable--icon {
  align-self: center;
}
.widget-alert__closeable .widget-alert__closeable--icon i {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.widget-alert__closeable .widget-alert__closeable--icon svg {
  fill: #727272;
  width: 16px;
  height: 16px;
}
.widget-alert__closeable .widget-alert__closeable--icon svg path, .widget-alert__closeable .widget-alert__closeable--icon svg circle {
  fill: #727272;
}
.widget-alert__closeable.alert-compatibility {
  margin-left: 30px;
  margin-right: 30px;
}
.widget-alert__closeable.new-tool {
  grid-template-columns: 48px auto 40px;
  border-left: 1px solid #4194d8;
  padding: 0;
}
.widget-alert__closeable.new-tool a {
  text-decoration: underline;
}
.widget-alert__closeable.new-tool .tool-bg {
  background-color: #4194d8;
  height: 100%;
}
.widget-alert__closeable.new-tool .tool-bg i {
  left: 1px;
  position: relative;
  top: 16px;
}
.widget-alert__closeable.new-tool .tool-bg svg {
  fill: white;
}
.widget-alert__closeable.new-tool .tool-bg svg path {
  fill: white;
}
.widget-alert__closeable.new-tool span {
  padding: 15px;
}
.widget-alert.hide-alert {
  opacity: 0;
}
.widget-alert .moderate-items__button.disabled {
  color: #b7b7b7;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}
.widget-alert#widget-info-moderated-items {
  margin-top: -10px;
  margin-bottom: 0;
}
.widget-alert#widget-info-moderated-items + .tab-content {
  padding-top: 32px;
}
.widget-alert#widget-info-moderated-items + .tab-content .widget-filters {
  margin-top: -8px;
}
.widget-alert__moderated--row-item {
  display: block;
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 1.4rem;
}
.widget-alert__moderated--row-item .widget-alert__title {
  margin-bottom: 4px;
}
.widget-alert__moderated--row-item b {
  font-weight: normal;
}
.widget-alert__moderated--row-item.danger, .widget-alert__moderated--row-item.widget-alert.error {
  border: 1px solid #f04e54;
}
.widget-alert__moderated--row-item .widget-alert__moderated--reason {
  margin-bottom: 4px;
  line-height: normal;
}
.widget-alert.top-modal {
  margin-top: 0;
}
.widget-alert.top-modal .fillablevar {
  padding: 0;
}
.widget-alert[data-alert-status=hidden] {
  display: none;
}

.collapsible-details {
  display: grid;
  grid-template-columns: 100%;
  grid-column-start: span 2;
  padding-left: 40px;
}
.collapsible-details .toggle-widget.ds {
  top: -20px;
  position: relative;
  right: 0px;
}
.collapsible-details .listing-action {
  margin-top: 14px;
}
.collapsible-details .listing-action div {
  font-size: 14px;
}
.collapsible-details .listing-action div:first-child {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px;
  display: flex;
}
.collapsible-details .listing-action div:last-child {
  padding-left: 0px;
}
.collapsible-details .listing-action a {
  text-decoration: underline;
  cursor: pointer;
}
.collapsible-details .listing-action span.dot {
  background-color: #292828;
  border-radius: 50%;
  display: inline-block;
  height: 5px;
  margin-right: 4px;
  padding: 0;
  width: 5px;
}
.collapsible-details [data-moderate-alert-type] div {
  display: inline-block;
}
.collapsible-details [data-moderate-alert-type] div:last-child {
  padding-left: 0px;
}
.collapsible-details [data-moderate-alert-type] .items-alert-collapsed-title {
  padding-right: 10px;
}
.collapsible-details [data-denounced-alert-type] div {
  display: inline-block;
}
.collapsible-details [data-denounced-alert-type] div:last-child {
  padding-left: 0px;
}
.collapsible-details [data-denounced-alert-type] .items-alert-collapsed-title {
  padding-right: 10px;
}
@media (max-width: 768px) {
  .collapsible-details span {
    font-size: 14px;
  }
}

[data-alert-type=list-alert].widget-alert {
  grid-template-columns: 52px auto;
  font-weight: normal;
  padding: 16px 0;
}
[data-alert-type=list-alert] i {
  margin: 0 12px 12px 16px;
}
[data-alert-type=list-alert] i + span {
  margin-bottom: 8px;
}
[data-alert-type=list-alert] .alert-content {
  display: grid;
  grid-template-columns: 100%;
  grid-column-start: span 2;
  padding-left: 52px;
}
[data-alert-type=list-alert] .alert-content li::before {
  content: " ";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #292828;
  vertical-align: middle;
}
[data-alert-type=list-alert] .alert-content li span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
  margin-left: 16px;
  width: calc(100% - 36px);
}
[data-alert-type=list-alert] .list-alert--disclaimer {
  margin: 16px 0 0;
}

@media (max-width: 768px) and (max-width: 768px) {
  .collapsible-details .items-alert-collapsed span {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #widget-multiple-alert #warningQuantity {
    font-size: 14px;
  }
}
.tag-icon {
  border-radius: 2px;
  display: inline;
  font-size: 1;
  padding: 4px 6px;
}
.tag-icon.caution {
  background-color: #fffbdd;
  color: #f36c00;
}
.tag-icon.caution svg {
  height: 9px;
}
.tag-icon.caution svg path, .tag-icon.caution svg polygon {
  fill: #f36c00;
}
.tag-icon.success {
  background-color: #e4f6e9;
  color: #328547;
}
.tag-icon.success svg {
  height: 9px;
}
.tag-icon.success svg path, .tag-icon.success svg polygon {
  fill: #328547;
}
.tag-icon.info {
  background-color: #ebf8fa;
  color: #4194d8;
}
.tag-icon.info svg {
  height: 9px;
}
.tag-icon.info svg path, .tag-icon.info svg polygon {
  fill: #4194d8;
}
.tag-icon.error {
  background-color: #fce9e9;
  color: #f04e54;
}
.tag-icon.error svg {
  height: 9px;
}
.tag-icon.error svg path, .tag-icon.error svg polygon {
  fill: #f04e54;
}
.tag-icon .icon svg {
  width: 9px;
}
.tag-icon + .tag-icon {
  margin-left: 4px;
}
.tag-icon p {
  margin: 0px;
  font-size: 14px;
  padding: 1px;
}

#notification-alert-base .notification-float {
  position: fixed;
  transform: translate(-50%, -50%);
  width: 80%;
  bottom: -100px;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
#notification-alert-base .notification-float.showNotification {
  bottom: 0px;
  opacity: 1;
}

[data-notification-type=append] {
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  box-sizing: border-box;
  bottom: -100px;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
[data-notification-type=append].showNotification {
  bottom: 12px;
  opacity: 1;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

#notification-alert-base .notification-float, #notification-alert-base.notification-float, [data-notification-type=append] .notification-float, [data-notification-type=append].notification-float {
  border-radius: 0px;
  color: white;
  left: 50%;
  padding: 12px;
  z-index: 9999;
}
#notification-alert-base .notification-float.hideNotification, #notification-alert-base.notification-float.hideNotification, [data-notification-type=append] .notification-float.hideNotification, [data-notification-type=append].notification-float.hideNotification {
  bottom: -100px;
  opacity: 0;
}
#notification-alert-base .notification-float .notification-float-wrap, #notification-alert-base.notification-float .notification-float-wrap, [data-notification-type=append] .notification-float .notification-float-wrap, [data-notification-type=append].notification-float .notification-float-wrap {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 24px 1fr 30px;
}
#notification-alert-base .notification-float .notification-float-icon, #notification-alert-base.notification-float .notification-float-icon, [data-notification-type=append] .notification-float .notification-float-icon, [data-notification-type=append].notification-float .notification-float-icon {
  align-self: center;
  background: none;
  display: inline-block;
  height: 24px;
  position: relative;
  width: 24px;
}
#notification-alert-base .notification-float.success, #notification-alert-base.notification-float.success, [data-notification-type=append] .notification-float.success, [data-notification-type=append].notification-float.success {
  background-color: #75c367;
}
#notification-alert-base .notification-float.success .notification-float-icon .danger, #notification-alert-base .notification-float.success .notification-float-icon .widget-alert.error, #notification-alert-base .notification-float.success .notification-float-icon .info, #notification-alert-base .notification-float.success .notification-float-icon .warning, #notification-alert-base.notification-float.success .notification-float-icon .danger, #notification-alert-base.notification-float.success .notification-float-icon .widget-alert.error, #notification-alert-base.notification-float.success .notification-float-icon .info, #notification-alert-base.notification-float.success .notification-float-icon .warning, [data-notification-type=append] .notification-float.success .notification-float-icon .danger, [data-notification-type=append] .notification-float.success .notification-float-icon .widget-alert.error, [data-notification-type=append] .notification-float.success .notification-float-icon .info, [data-notification-type=append] .notification-float.success .notification-float-icon .warning, [data-notification-type=append].notification-float.success .notification-float-icon .danger, [data-notification-type=append].notification-float.success .notification-float-icon .widget-alert.error, [data-notification-type=append].notification-float.success .notification-float-icon .info, [data-notification-type=append].notification-float.success .notification-float-icon .warning {
  display: none;
}
#notification-alert-base .notification-float.warning, #notification-alert-base.notification-float.warning, [data-notification-type=append] .notification-float.warning, [data-notification-type=append].notification-float.warning {
  background-color: #ffcc59;
  color: #292828;
}
#notification-alert-base .notification-float.warning .notification-float-icon svg path, #notification-alert-base.notification-float.warning .notification-float-icon svg path, [data-notification-type=append] .notification-float.warning .notification-float-icon svg path, [data-notification-type=append].notification-float.warning .notification-float-icon svg path {
  fill: #292828;
}
#notification-alert-base .notification-float.warning .notification-float-icon .success, #notification-alert-base .notification-float.warning .notification-float-icon .info, #notification-alert-base .notification-float.warning .notification-float-icon .danger, #notification-alert-base .notification-float.warning .notification-float-icon .widget-alert.error, #notification-alert-base.notification-float.warning .notification-float-icon .success, #notification-alert-base.notification-float.warning .notification-float-icon .info, #notification-alert-base.notification-float.warning .notification-float-icon .danger, #notification-alert-base.notification-float.warning .notification-float-icon .widget-alert.error, [data-notification-type=append] .notification-float.warning .notification-float-icon .success, [data-notification-type=append] .notification-float.warning .notification-float-icon .info, [data-notification-type=append] .notification-float.warning .notification-float-icon .danger, [data-notification-type=append] .notification-float.warning .notification-float-icon .widget-alert.error, [data-notification-type=append].notification-float.warning .notification-float-icon .success, [data-notification-type=append].notification-float.warning .notification-float-icon .info, [data-notification-type=append].notification-float.warning .notification-float-icon .danger, [data-notification-type=append].notification-float.warning .notification-float-icon .widget-alert.error {
  display: none;
}
#notification-alert-base .notification-float.warning .button-close-notification svg path, #notification-alert-base.notification-float.warning .button-close-notification svg path, [data-notification-type=append] .notification-float.warning .button-close-notification svg path, [data-notification-type=append].notification-float.warning .button-close-notification svg path {
  fill: #292828;
}
#notification-alert-base .notification-float.info, #notification-alert-base.notification-float.info, [data-notification-type=append] .notification-float.info, [data-notification-type=append].notification-float.info {
  background-color: #4194d8;
}
#notification-alert-base .notification-float.info .notification-float-icon .success, #notification-alert-base .notification-float.info .notification-float-icon .danger, #notification-alert-base .notification-float.info .notification-float-icon .widget-alert.error, #notification-alert-base .notification-float.info .notification-float-icon .warning, #notification-alert-base.notification-float.info .notification-float-icon .success, #notification-alert-base.notification-float.info .notification-float-icon .danger, #notification-alert-base.notification-float.info .notification-float-icon .widget-alert.error, #notification-alert-base.notification-float.info .notification-float-icon .warning, [data-notification-type=append] .notification-float.info .notification-float-icon .success, [data-notification-type=append] .notification-float.info .notification-float-icon .danger, [data-notification-type=append] .notification-float.info .notification-float-icon .widget-alert.error, [data-notification-type=append] .notification-float.info .notification-float-icon .warning, [data-notification-type=append].notification-float.info .notification-float-icon .success, [data-notification-type=append].notification-float.info .notification-float-icon .danger, [data-notification-type=append].notification-float.info .notification-float-icon .widget-alert.error, [data-notification-type=append].notification-float.info .notification-float-icon .warning {
  display: none;
}
#notification-alert-base .notification-float.error, #notification-alert-base.notification-float.error, [data-notification-type=append] .notification-float.error, [data-notification-type=append].notification-float.error {
  background-color: #f04e54;
}
#notification-alert-base .notification-float.error .notification-float-icon .success, #notification-alert-base .notification-float.error .notification-float-icon .info, #notification-alert-base .notification-float.error .notification-float-icon .warning, #notification-alert-base.notification-float.error .notification-float-icon .success, #notification-alert-base.notification-float.error .notification-float-icon .info, #notification-alert-base.notification-float.error .notification-float-icon .warning, [data-notification-type=append] .notification-float.error .notification-float-icon .success, [data-notification-type=append] .notification-float.error .notification-float-icon .info, [data-notification-type=append] .notification-float.error .notification-float-icon .warning, [data-notification-type=append].notification-float.error .notification-float-icon .success, [data-notification-type=append].notification-float.error .notification-float-icon .info, [data-notification-type=append].notification-float.error .notification-float-icon .warning {
  display: none;
}
#notification-alert-base .notification-float .notification-float-text, #notification-alert-base.notification-float .notification-float-text, [data-notification-type=append] .notification-float .notification-float-text, [data-notification-type=append].notification-float .notification-float-text {
  align-self: center;
  display: inline-block;
  justify-self: left;
}
#notification-alert-base .notification-float .notification-float-text a, #notification-alert-base.notification-float .notification-float-text a, [data-notification-type=append] .notification-float .notification-float-text a, [data-notification-type=append].notification-float .notification-float-text a {
  color: #FFF;
  text-decoration: underline;
}
#notification-alert-base .notification-float .notification-float-text a:hover, #notification-alert-base.notification-float .notification-float-text a:hover, [data-notification-type=append] .notification-float .notification-float-text a:hover, [data-notification-type=append].notification-float .notification-float-text a:hover {
  text-decoration: none;
}
#notification-alert-base .notification-float .close-notification, #notification-alert-base.notification-float .close-notification, [data-notification-type=append] .notification-float .close-notification, [data-notification-type=append].notification-float .close-notification {
  align-self: center;
  justify-self: right;
}
#notification-alert-base .notification-float .close-notification button, #notification-alert-base.notification-float .close-notification button, [data-notification-type=append] .notification-float .close-notification button, [data-notification-type=append].notification-float .close-notification button {
  background: none;
  border: 0;
  cursor: pointer;
  height: 20px;
  padding: 3px 5px;
  width: 20px;
  -webkit-transition: opacity 100ms ease-out 100ms;
  -moz-transition: opacity 100ms ease-out 100ms;
  -o-transition: opacity 100ms ease-out 100ms;
  transition: opacity 100ms ease-out 100ms;
}
#notification-alert-base .notification-float .close-notification button:hover, #notification-alert-base.notification-float .close-notification button:hover, [data-notification-type=append] .notification-float .close-notification button:hover, [data-notification-type=append].notification-float .close-notification button:hover {
  opacity: 0.7;
}

.backdrop {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9995;
}

.sliding-drawer .close-this:not(.with-hover) {
  float: right;
}
.sliding-drawer.drawer-wrapper {
  background-color: #FFF;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s ease-out;
  width: 500px;
  z-index: 9996;
  max-width: 100%;
}
.sliding-drawer.drawer-wrapper.no-footer .drawer-body {
  height: calc(100vh - 100px);
}
.sliding-drawer.drawer-wrapper.is-hidden {
  right: -500px;
  transition: all 0.2s ease-out;
}
.sliding-drawer.drawer-wrapper .drawer-header {
  display: grid;
  grid-template-columns: 430px 30px;
  padding: 19px 20px;
  height: 37px;
  position: relative;
  border-bottom: 1px solid #fffefe;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.2);
}
.sliding-drawer.drawer-wrapper .drawer-header h4 {
  color: #292828;
  font-size: 18px;
  font-weight: 300;
  margin-top: 7px;
  text-align: left;
}
.sliding-drawer.drawer-wrapper .drawer-header button.go-back {
  align-self: center;
  background: none;
  border: none;
  color: #727272;
  display: grid;
  line-height: 1;
  margin-top: 3px;
  padding: 0;
  width: 9px;
}
.sliding-drawer.drawer-wrapper .drawer-header button.go-back polygon {
  fill: #727272;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this {
  background: white;
  border: 0;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this:not(.with-hover) {
  height: fit-content;
  padding-top: 9px;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this.with-hover {
  display: flex;
  line-height: 1;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  padding: 0;
  justify-content: center;
  align-items: center;
  justify-self: center;
  align-self: center;
  margin-top: 2px;
  position: relative;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this.with-hover i {
  display: block;
  width: 18px;
  height: 18px;
  position: relative;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this.with-hover svg {
  width: 18px;
  height: 18px;
  display: block;
  line-height: 1;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this.with-hover:hover::before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #eeeeee;
}
.sliding-drawer.drawer-wrapper .drawer-header button.close-this.with-hover:hover i g {
  fill: #292828;
}
.sliding-drawer.drawer-wrapper .drawer-header .arrow-back-first-step {
  display: none;
}
.sliding-drawer.drawer-wrapper .drawer-header.arrowed-grid-header {
  grid-template-columns: 30px 400px 30px;
}
.sliding-drawer.drawer-wrapper .drawer-header.arrowed-grid-header .arrow-back-first-step {
  background: white;
  border: 0;
  display: inline-block;
  height: fit-content;
}
.sliding-drawer.drawer-wrapper .drawer-header.arrowed-grid-header .arrow-back-first-step i svg {
  height: 20px;
  left: -10px;
  position: relative;
  top: 10px;
  width: 20px;
}
.sliding-drawer.drawer-wrapper .drawer-header.w-steps {
  grid-template-columns: 25px 407px 30px;
}
.sliding-drawer.drawer-wrapper .drawer-body {
  height: calc(100vh - 167px);
  padding: 12px 20px;
  overflow: auto;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid {
  display: grid;
  grid-template-columns: 50% 25% 25%;
  grid-column-gap: 0;
  grid-row-gap: 12px;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .double-col {
  grid-template-columns: 73% 25%;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .triple-col {
  grid-template-columns: 45% 25% 25%;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .mdl-textfield {
  width: auto;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .standalone {
  grid-column-start: 1;
  grid-column-end: 4;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .double-col {
  grid-template-columns: 75% 23%;
  grid-column-gap: 12px;
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
}
@media (max-width: 620px) {
  .sliding-drawer.drawer-wrapper .drawer-body .form-grid .double-col {
    display: block;
  }
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .triple-col {
  grid-template-columns: 49% 23% 23%;
  grid-column-gap: 12px;
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
}
@media (max-width: 620px) {
  .sliding-drawer.drawer-wrapper .drawer-body .form-grid .triple-col {
    display: block;
  }
}
.sliding-drawer.drawer-wrapper .drawer-body.is-visible {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.sliding-drawer.drawer-wrapper .drawer-body .mdc-text-field + .mdc-text-field {
  margin-top: 12px;
}
.sliding-drawer.drawer-wrapper .drawer-body .form-grid .mdc-text-field + .mdc-text-field {
  margin-top: 0;
}
.sliding-drawer.drawer-wrapper .drawer-body .mdc-text-field + .text-field-container {
  margin-top: 12px;
}
.sliding-drawer.drawer-wrapper .drawer-footer {
  background-color: white;
  border-top: 1px solid #dbdbdb;
  bottom: 0;
  height: 35px;
  text-align: right;
  padding: 16px 12px;
  position: absolute;
  right: 0;
  width: calc(100% - 24px);
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft {
  padding-right: 12px;
  position: relative;
  top: -2px;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button {
  border-radius: 4px;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button:first-child {
  margin-right: 22px;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button.closer {
  background-color: transparent;
  border: 1px solid transparent;
  color: #4194d8;
  padding: 8px 24px;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button.closer:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button.confirmer {
  background-color: #4194d8;
  border: 1px solid #4194d8;
  color: #FFF;
  padding: 8px 24px;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button.confirmer:hover {
  background-color: #236da9;
}
.sliding-drawer.drawer-wrapper .drawer-footer .buttons-in-ft .mdc-ripple-upgraded--background-focused .mdc-button__ripple::before {
  opacity: 0;
}

.open-drawer-state {
  overflow: hidden;
}

body:not(.modal-open) {
  padding-right: 0px !important;
}

.modal {
  z-index: 9999;
}
.modal.ds-modal {
  margin: 0 auto;
  max-width: 100vw;
  z-index: 9998;
}
.modal.ds-modal.modal-over-drawer {
  max-width: 100vw;
}
.modal.ds-modal .modal-full-loader {
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.modal.ds-modal .modal-full-loader .loader {
  display: flex;
  align-items: center;
  width: 100%;
  justify-items: self-end;
  justify-content: center;
}
.modal.ds-modal.xs .modal-dialog {
  max-width: 444px;
}
@media (min-width: 769px) {
  .modal.ds-modal.xs .modal-dialog {
    min-width: 444px;
  }
}
.modal.ds-modal.sm .modal-dialog {
  max-width: 600px;
}
.modal.ds-modal.md .modal-dialog {
  max-width: 960px;
}
.modal.ds-modal.lg .modal-dialog {
  max-width: 1280px;
}
.modal.ds-modal.xl .modal-dialog {
  max-width: 1920px;
}
.modal.ds-modal.rt-xl .modal-dialog {
  max-width: 960px;
}
.modal.ds-modal .modal-dialog {
  width: inherit !important;
}
@media (max-width: 768px) {
  .modal.ds-modal .modal-dialog {
    margin: 10px auto;
  }
}
.modal.ds-modal .modal-dialog .modal-title {
  color: #292828;
  font-family: "proxima-nova";
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.modal.ds-modal .modal-dialog .modal-body {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
.modal.ds-modal .modal-dialog .modal-body a {
  color: #4194d8;
}
.modal.ds-modal .modal-dialog .modal-body a:hover {
  color: #a0d0f6;
}
.modal.ds-modal .modal-dialog .modal-body p:first-of-type {
  margin-top: 0px;
}
.modal.ds-modal .modal-dialog .modal-body .restock-sale label {
  font-size: 12px;
  cursor: pointer;
}
.modal.ds-modal .modal-dialog .modal-header {
  padding: 20px 55px 16px 25px;
}
.modal.ds-modal .modal-dialog .modal-header .closer-wrapper {
  background: transparent;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 16px;
  top: 16px;
  display: inline-block;
}
.modal.ds-modal .modal-dialog .modal-header .closer-wrapper:hover {
  background-color: #dbdbdb;
}
.modal.ds-modal .modal-dialog .modal-header .closer-wrapper:hover .close svg path {
  fill: #292828;
}
.modal.ds-modal .modal-dialog .modal-header .closer-wrapper .close {
  cursor: pointer;
  left: 5px;
  top: 6px;
  position: relative;
}
.modal.ds-modal .modal-dialog .modal-header .closer-wrapper .close svg {
  height: 18px;
}
.modal.ds-modal .modal-dialog .modal-footer div button {
  border-radius: 8px;
  border: 1px solid #4194d8;
  background-color: #FFF;
  color: #4194d8;
  min-width: 105px;
}
.modal.ds-modal .modal-dialog .modal-footer div button:hover {
  background-color: #ebf8fa;
}
.modal.ds-modal .modal-dialog .modal-footer div button:first-child {
  margin-right: 22px;
}
.modal.ds-modal .modal-dialog .modal-footer div button:first-child.only-btn {
  margin-right: 0px;
}
.modal.ds-modal .modal-dialog .modal-footer div button:last-child {
  background-color: #4194d8;
  color: #FFF;
}
.modal.ds-modal .modal-dialog .modal-footer div button:last-child:hover {
  background-color: #236da9;
}
.modal.ds-modal .modal-dialog .modal-footer div button:last-child:disabled {
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7;
  opacity: 1;
  cursor: not-allowed;
}
.modal.ds-modal .modal-dialog .modal-footer div button#btnDeleteEditPromo:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
.modal.ds-modal .modal-dialog .modal-footer div button#btnConfirmDeleteEditPromo:hover {
  background-color: #236da9;
}
.modal.ds-modal .modal-dialog .modal-footer div button#btnNewsClose:hover {
  background-color: #236da9;
}
.modal.ds-modal .modal-dialog .modal-footer div button.secondary-lg:hover {
  color: #236da9;
  border-color: #236da9;
}
.modal.ds-modal .modal-dialog .modal-footer div button.primary-lg:hover {
  background-color: #236da9;
  border-color: #236da9;
}
.modal.ds-modal .modal-dialog .modal-footer .pricing-footer {
  float: left;
  margin-top: 8px;
}
.modal.ds-modal .modal-dialog .modal-footer .pricing-footer a {
  color: #4194d8;
  font-size: 13px;
}
.modal.ds-modal .modal-dialog .modal-footer .pricing-footer a:hover {
  color: #236da9;
  text-decoration: none;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link .footer-text-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link .footer-text-link a {
  color: #727272;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link .footer-text-link a:hover {
  color: #292828;
  text-decoration: underline;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link .footer-text-link i {
  width: 16px;
  height: 24px;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link .footer-text-link i svg {
  width: 16px;
}
.modal.ds-modal .modal-dialog .modal-footer.text-link button {
  height: 44px;
  width: 130px;
  border: none;
  margin-right: 0px;
}
.modal.ds-modal .modal-dialog.modal-dialog-centered {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 50px - 1rem);
}
@media (min-width: 576px) {
  .modal.ds-modal .modal-dialog.modal-dialog-centered .modal-dialog-centered {
    min-height: calc(100% - 50px - 3.5rem);
  }
}
.modal.ds-modal.second-modal-element {
  z-index: 999999;
}
.modal__checkbox--wrapper {
  margin: 8px 10px 10px -10px;
  display: block;
}
.modal .close-this {
  border: 0;
  opacity: 1;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 17px;
  top: 18px;
  padding: 14px;
  background: transparent;
  border-radius: 50%;
}
.modal .close-this:hover {
  background-color: #eeeeee;
}
.modal .close-this:hover i svg g {
  fill: #292828;
}
.modal .close-this:hover i path {
  fill: #292828;
}
.modal .close-this i {
  position: relative;
  top: -10px;
  right: 10px;
}
.modal .close-this i svg g {
  fill: #727272;
}
.modal .close-this i path {
  fill: #727272;
}
.modal.overlapped-modal {
  z-index: 99999;
}
.modal.new-modal .modal-footer {
  text-align: left;
  padding-top: 16px;
}

.modal-open .modal-ds {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-backdrop.in + .modal-backdrop.in {
  z-index: 9999;
}

.new-modal__print-button {
  margin: 52px 0 0px;
  text-align: right;
}
.new-modal__print-button > span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.new-modal__body-table {
  background: #f5f5f5;
  max-height: 390px;
  overflow-y: auto;
}
.new-modal__body-table::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 8px;
  background: white;
}
.new-modal__body-table::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.new-modal__body-table--title {
  display: block;
  font-weight: 600;
}
.new-modal__body-table--row {
  box-sizing: border-box;
  padding: 12px;
}
.new-modal__body-table--row[data-show=true]:nth-child(even) {
  background: #fbfbfb;
}
.new-modal__body-table--row p {
  margin-bottom: 0;
}
.new-modal__body-table--row[data-show=false] {
  display: none;
}
.new-modal__body-table .form-row {
  background: white;
  box-sizing: border-box;
  padding: 12px 0px 24px;
}
.new-modal__body-table .form-row .form-row--title {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
}
.new-modal__body-table .form-row .mtl-selectize .selectize-input.items.full.has-options.has-items {
  box-sizing: border-box;
  min-width: 100%;
  padding: 4px 12px;
}
.new-modal__body-table .form-row .mtl-selectize .selectize-dropdown.single {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}
.new-modal__body-table .form-row label.mdc-text-field {
  width: 100%;
}
.new-modal.modal .modal-dialog .modal-header {
  padding-bottom: 0;
}
.new-modal.modal .modal-dialog .modal-body .widget-alert strong {
  display: block;
}
.new-modal.modal .modal-dialog .modal-body .new-modal__body-table--row a {
  color: #236da9;
}
.new-modal.modal.new-modal__without--fotter .modal-dialog .modal-body {
  padding-bottom: 24px;
}
.new-modal.modal.new-modal__without--fotter .modal-dialog .modal-body .spinner-wrapper {
  margin: 98px auto;
}
.new-modal.modal .modal-footer {
  padding: 0;
}
.new-modal.modal .modal-footer.active {
  text-align: left;
  padding: 0px 25px 25px;
}
.new-modal.modal .modal-footer.form-modal-footer {
  text-align: right;
}
.new-modal.modal .modal-footer.form-modal-footer button {
  width: 130px;
}

.modal.modal__confirm-proceed .modal-dialog .modal-content .spinner-wrapper {
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 4px);
  top: 50%;
  background: rgba(255, 255, 255, 0.85);
  padding: 0;
  display: grid;
  align-items: center;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  border-radius: 4px;
}
.modal.modal__confirm-proceed.active-loader .modal-dialog .modal-content {
  overflow: initial;
}
.modal.modal__confirm-proceed .modal-body p {
  line-height: 17px;
}
.modal.modal__confirm-proceed .modal-body .widget-alert.active {
  display: grid;
}
.modal.modal__confirm-proceed .modal-body .extra-competitor {
  text-transform: uppercase;
}
.modal.modal__confirm-proceed .modal-footer button {
  font-size: 14px;
}
.modal.modal__confirm-proceed .modal-footer button#btnConfirmFollowExtraCompetitor:hover {
  background: #236da9;
}

.modal-backdrop.fade.in + .modal-backdrop.fade.in {
  z-index: 9999;
}
.modal-backdrop.fade.in + .modal-backdrop.fade.in + .modal-backdrop.fade.in {
  z-index: 10002;
}

.widget.collapsable-ds {
  background-color: white;
  border-radius: 0px;
  padding: 16px;
  position: relative;
  box-shadow: none;
  min-height: 20px;
}

button.toggle-widget.ds {
  width: 25px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  -webkit-transition: transform 0ms;
  -moz-transition: transform 0ms;
  -o-transition: transform 0ms;
  transition: transform 0ms;
  position: absolute;
  top: 16px;
  right: 10px;
}
button.toggle-widget.ds.collapsed {
  transform: rotate(0deg);
  transition-duration: 0s;
  top: 16px;
}
button.toggle-widget.in-alert {
  float: right;
  position: relative;
  right: 0px;
  top: 0px;
}
button.toggle-widget.in-alert.collapsed {
  top: 0px;
}

.empty-state-wrapper {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.empty-state-wrapper:hover {
  border: 1px dashed #4194d8;
}
.empty-state-wrapper .empty-img i svg {
  width: 32px;
}
.empty-state-wrapper .empty-img i svg path {
  fill: #727272;
}
.empty-state-wrapper .text {
  color: #b7b7b7;
  font-size: 12px;
  text-transform: uppercase;
}
.empty-state-wrapper .img-text-wrapper {
  padding: 28px 0;
}

.empty-state-wrapper-plus {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  height: 60px;
  text-align: center;
  width: 100px;
}
.empty-state-wrapper-plus:hover {
  border: 1px dashed #4194d8;
}
.empty-state-wrapper-plus .img-text-wrapper {
  padding-top: 40px;
}
.empty-state-wrapper-plus i {
  padding-top: 30px;
}
.empty-state-wrapper-plus i svg {
  height: 18px;
  width: 18px;
}
.empty-state-wrapper-plus i svg path {
  fill: #727272;
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #4cbda1;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #d5f9f0;
}

.circle-lateral {
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  width: 35px;
  height: 35px;
  background-color: #4cbda1;
  left: 95px;
  top: 43px;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
  margin-top: 5%;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 40px;
  font-size: 36px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4cbda1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

.widget-filters__container {
  font-size: 0;
  justify-items: end;
}
.widget-filters__container-filters {
  display: block;
  position: relative;
}
.widget-filters__container-filters-detail {
  font-size: 0;
}
.widget-filters__container-filters-detail--each-one {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  margin-bottom: 5px;
  padding-right: 15px;
}
.widget-filters__container-filters-detail--each-one:first-child {
  max-width: 250px;
  width: 50%;
}
.widget-filters__container-btn-export {
  align-self: end;
  padding-bottom: 20px;
}
.widget-filters--each-filter {
  padding-right: 20px;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 20px;
  min-width: 220px;
  vertical-align: top;
  position: relative;
}
.widget-filters--each-filter.search-bar {
  width: 300px;
}
.widget-filters--each-filter.search-bar:first-child {
  max-width: none;
}
.widget-filters--each-filter:first-child {
  min-width: 250px;
}
.widget-filters--each-filter:first-child.regular-filter {
  min-width: auto;
}
.widget-filters--each-filter .widget-filters__container-btn-export {
  left: 4px;
  position: relative;
  top: 6px;
}
.widget-filters__filter-actions-button {
  width: 100%;
  margin-bottom: 20px;
}
.widget-filters__filter-actions-button li {
  display: inline-block;
  margin-right: 15px;
  position: relative;
}
.widget-filters__filter-actions-button.align-buttons li {
  vertical-align: middle;
}
.widget-filters--btn-mobile {
  display: none;
  width: 100%;
}
.widget-filters--btn-desktop {
  display: none;
}
@media (min-width: 981px) {
  .widget-filters__container {
    display: grid;
    grid-template-columns: 5fr 1fr;
  }
  .widget-filters__container-filters {
    order: 0;
  }
  .widget-filters__container-btn-export {
    order: 1;
  }
  .widget-filters--each-filter {
    max-width: 220px;
  }
  .widget-filters--each-filter:first-child {
    max-width: 270px;
  }
  .widget-filters--btn-close .reset-filters {
    top: 7px;
    left: 0;
    border-radius: 50%;
  }
  .widget-filters--btn-close .reset-filters svg g {
    fill: #727272;
  }
  .widget-filters--btn-close .reset-filters:hover {
    background: #eeeeee;
  }
  .widget-filters--btn-close .reset-filters:hover svg g {
    fill: #292828;
  }
  .widget-filters--btn-mobile {
    display: none !important;
  }
  .widget-filters__filter-actions-button {
    order: 2;
  }
}
@media (min-width: 769px) and (max-width: 980px) {
  .widget-filters__container-btn-export {
    text-align: right;
  }
  .widget-filters--btn-close .reset-filters {
    top: 7px;
    left: 0;
    border-radius: 50%;
  }
  .widget-filters--btn-close .reset-filters svg g {
    fill: #727272;
  }
  .widget-filters--btn-close .reset-filters:hover {
    background: #eeeeee;
  }
  .widget-filters--btn-close .reset-filters:hover svg g {
    fill: #292828;
  }
  .widget-filters--btn-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .widget-filters__container {
    display: block;
  }
  .widget-filters__container-btn-export {
    text-align: right;
    padding: 12px 0 24px;
  }
  .widget-filters__container-btn-export button {
    display: inline-block;
  }
  .widget-filters__container-filters-detail--each-one {
    width: 100%;
  }
  .widget-filters__container-filters-detail--each-one:first-child {
    max-width: initial;
    width: 100%;
    margin-bottom: 20px;
  }
  .widget-filters--each-filter {
    width: 100%;
    padding-right: 0;
  }
  .widget-filters--each-filter:first-child {
    width: 100%;
  }
  .widget-filters--each-filter[class*=tooltip] {
    display: none;
    margin-top: 4px;
  }
  .widget-filters--each-filter[class*=tooltip].activeToolTip {
    display: block;
  }
  .widget-filters--btn-close button {
    width: 100%;
    margin: 0px auto;
  }
  .widget-filters--btn-desktop {
    display: none !important;
  }
  .widget-filters__filter-actions-button {
    margin-bottom: 20px;
    margin-bottom: 0;
  }
  .widget-filters__filter-actions-button li:first-child {
    margin-right: 7px;
  }
  .widget-filters__filter-actions-button li:last-child {
    margin-right: 0;
  }
  .widget-filters__filter-actions-button li button {
    padding: 6px 16px;
  }
}
@media (max-width: 320px) {
  .widget-filters__filter-actions-button li {
    margin-right: 8px;
  }
  .widget-filters__filter-actions-button li:first-child {
    margin-right: 5px;
  }
  .widget-filters__filter-actions-button li:last-child {
    margin-right: 0;
  }
  .widget-filters__filter-actions-button li button {
    padding: 6px 7px;
  }
}

.new-widget__filters {
  margin-bottom: 24px;
}
.new-widget__filters [data-type=datepicker] {
  padding: 11px 12px;
}
.new-widget__filters ul {
  width: 100%;
  display: grid;
  grid-column-gap: 12px;
  grid-template-columns: 260px 214px auto auto;
  align-items: center;
}
.new-widget__filters ul .filter-search {
  width: 100%;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.new-widget__filters ul .filter-search input.search {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #b7b7b7;
  padding: 12px 40px 12px 12px;
  box-sizing: border-box;
  height: 42px;
  font-size: 14px;
  color: #b7b7b7;
}
.new-widget__filters ul .filter-search input.search::placeholder { /* Chrome/Opera/Safari */
  font-size: 14px !important;
  color: #b7b7b7;
}
.new-widget__filters ul .filter-search button {
  width: 40px;
  border: 0;
  background: none;
  padding: 7px 12px 8px 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 31px;
}
.new-widget__filters ul .filter-search button svg g path {
  fill: #b7b7b7;
  -webkit-transition: fill 100ms;
  -moz-transition: fill 100ms;
  -o-transition: fill 100ms;
  transition: fill 100ms;
}
.new-widget__filters ul .filter-search button:hover svg g path {
  fill: rgb(178.5, 178.5, 178.5);
}
.new-widget__filters ul li:last-child {
  justify-self: end;
}
.new-widget__filters [data-id=filters-button] {
  padding: 8px 16px;
}
.new-widget__filters [data-id=filters-button] .mdc-button__label {
  display: grid;
  grid-template-columns: 20px auto;
  grid-gap: 8px;
  margin-top: 2px;
}
.new-widget__filters [data-id=filters-button] .mdc-button__label span {
  color: #236da9;
  font-size: 1.4rem;
}
.new-widget__filters [data-id=filters-button] .mdc-button__label i {
  width: 20px;
  height: 20px;
  display: block;
  color: #236da9;
}
.new-widget__filters [data-id=filters-button] .mdc-button__label i svg {
  width: 100%;
  height: 100%;
}
.new-widget__filters [data-id=filters-button]:hover {
  color: #17507f;
}
.new-widget__filters [data-id=filters-button]:hover .mdc-button__label span {
  color: #17507f;
}
.new-widget__filters [data-id=filters-button]:hover .mdc-button__label i {
  color: #17507f;
}
.new-widget__filters .export-button .mdc-button__label {
  display: grid;
  grid-template-columns: 20px auto;
  grid-gap: 8px;
  margin-top: 2px;
}
.new-widget__filters .export-button .mdc-button__label span {
  color: #236da9;
  font-size: 1.4rem;
}
.new-widget__filters .export-button .mdc-button__label i {
  width: 20px;
  height: 20px;
  display: block;
}
.new-widget__filters .export-button .mdc-button__label i svg {
  width: 100%;
  height: 100%;
}
.new-widget__filters .export-button .mdc-button__label i svg path {
  fill: #236da9;
}
.new-widget__filters .export-button:hover .mdc-button__label span {
  color: #17507f;
}
.new-widget__filters .export-button:hover .mdc-button__label i svg path {
  fill: #17507f;
}

[data-modal=filters].modal.ds-modal .modal-dialog .modal-header {
  padding: 24px;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-header h4 {
  margin: 0;
  font-weight: 600;
  font-size: 2.4rem;
  color: #292828;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body {
  padding: 12px 12px 12px 24px;
  box-sizing: border-box;
  height: auto;
  max-height: calc(100vh - 240px);
  overflow: hidden;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap {
  box-sizing: border-box;
  max-height: calc(100vh - 240px);
  overflow-y: scroll;
  padding-right: 12px;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar {
  width: 4px;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar-thumb:hover {
  background: #727272;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar-thumb:active {
  background-color: #727272;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar-track:hover, [data-modal=filters].modal.ds-modal .modal-dialog .modal-body-wrap::-webkit-scrollbar-track:active {
  background: #fbfbfb;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-footer {
  padding: 24px;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-footer button.link-icon {
  background: none;
  border: none;
  outline: none;
  width: fit-content;
  height: fit-content;
  padding: 4px 4px 4px 0px;
  display: block;
  font-size: 14px;
  color: #236da9;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-footer button.link-icon:hover {
  text-decoration: none;
  color: #17507f;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-footer button.link-icon:disabled {
  color: #b7b7b7;
  opacity: 1;
}
[data-modal=filters].modal.ds-modal .modal-dialog .modal-footer button[data-id=applyFilters] {
  width: 130px;
  justify-self: end;
}
[data-modal=filters].modal.ds-modal[data-modal-type=two-columns] .modal-dialog {
  max-width: 600px;
}
[data-modal=filters].modal.ds-modal[data-modal-type=two-columns] .modal-dialog .new-filters__wrap:not(.select-elements) {
  grid-template-columns: repeat(2, calc(50% - 40px));
  column-gap: 60px;
  row-gap: 16px;
}
[data-modal=filters].modal.ds-modal[data-modal-type=three-columns] .modal-dialog {
  max-width: 960px;
}
[data-modal=filters].modal.ds-modal[data-modal-type=three-columns] .modal-dialog .new-filters__wrap:not(.select-elements) {
  grid-template-columns: repeat(3, calc(33% - 40px));
  column-gap: 60px;
  row-gap: 16px;
}
[data-modal=filters] .new-filters__time-picker {
  position: relative;
}
[data-modal=filters] .new-filters__time-picker:focus {
  box-shadow: initial;
}
[data-modal=filters] .new-filters__time-picker:after {
  content: " ";
  display: block;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
[data-modal=filters] .new-filters__time-picker .mdc-text-field__input.input-clock {
  height: 42px;
  color: #292828;
}
[data-modal=filters] .new-filters__time-picker .mdc-text-field__input.input-clock::placeholder {
  color: #292828;
}
[data-modal=filters] .new-filters__time-picker .mdc-text-field--focused .mdc-floating-label {
  color: #b7b7b7;
}
[data-modal=filters] .new-filters__time-picker .mdc-text-field--focused .mdc-notched-outline__leading,
[data-modal=filters] .new-filters__time-picker .mdc-text-field--focused .mdc-notched-outline__notch,
[data-modal=filters] .new-filters__time-picker .mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}
[data-modal=filters] .new-filters__time-picker input:focus + .mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched .mdc-floating-label {
  color: #4194d8;
}
[data-modal=filters] .new-filters__time-picker input:focus + .mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched .mdc-notched-outline__leading,
[data-modal=filters] .new-filters__time-picker input:focus + .mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched .mdc-notched-outline__notch,
[data-modal=filters] .new-filters__time-picker input:focus + .mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched .mdc-notched-outline__trailing {
  border-color: #4194d8;
}
[data-modal=filters] .new-filters__each-element {
  padding: 20px 0 24px;
  border-bottom: 1px solid #eeeeee;
}
[data-modal=filters] .new-filters__each-element:first-child {
  padding: 0px 0 24px;
}
[data-modal=filters] .new-filters__title {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0 0 10px;
  display: block;
}
[data-modal=filters] .new-filters__wrap:not(.select-elements) {
  display: grid;
  box-sizing: border-box;
}
[data-modal=filters] .new-filters__wrap.select-elements {
  display: grid;
  grid-template-columns: 92px 92px;
  grid-gap: 12px;
}
[data-modal=filters] .new-filters__wrap.radio-elements {
  margin-left: -10px;
}
[data-modal=filters] .new-filters__wrap.radio-elements .mdc-form-field label {
  word-break: break-word;
  line-height: 17px;
}
[data-modal=filters] .new-filters__wrap.radio-elements .filter-AI-suggested-answer svg {
  width: 14px;
  height: 16px;
  margin-bottom: -4px;
}

.filter-chips-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  margin-top: 24px;
}
.filter-chips-wrap span.chips {
  display: inline-flex;
  border: 1px solid #a0d0f6;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #292828;
  background: #ebf8fa;
  align-items: center;
  height: 38px;
}
.filter-chips-wrap span.chips span {
  cursor: default;
}
.filter-chips-wrap span.chips button {
  margin-left: 12px;
  width: 12px;
  height: 12px;
  color: #236da9;
  border: none;
  outline: none;
  background: none;
  padding: 0;
}
.filter-chips-wrap span.chips button i, .filter-chips-wrap span.chips button svg {
  display: block;
  width: 12px;
  height: 12px;
}
.filter-chips-wrap span.chips button i g, .filter-chips-wrap span.chips button svg g {
  fill: #236da9;
}
.filter-chips-wrap span.chips button:hover {
  color: #17507f;
}
.filter-chips-wrap span.chips button:hover i g, .filter-chips-wrap span.chips button:hover svg g {
  fill: #17507f;
}
.filter-chips-wrap span.chips:last-child {
  margin-left: 0px;
}
.filter-chips-wrap span.chips[data-id=expand-chips-button] {
  cursor: pointer;
}
.filter-chips-wrap span.chips[data-id=expand-chips-button] span {
  cursor: pointer;
}
.filter-chips-wrap span.chips.secondary-chips {
  background: white;
  white-space: nowrap;
}
.filter-chips-wrap [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md {
  padding: 8px 4px;
}
.filter-chips-wrap [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md .mdc-button__label {
  display: block;
  color: #236da9;
}
.filter-chips-wrap [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md:hover {
  background-color: initial;
  border-color: transparent;
}
.filter-chips-wrap [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md:hover span {
  color: #17507f;
}
.filter-chips-wrap .more-chips-wrap {
  position: absolute;
  z-index: 9;
  padding: 8px;
  margin-top: 4px;
  box-sizing: border-box;
  background: white;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: none;
  width: max-content;
  min-width: 400px;
  max-width: 600px;
  max-height: 300px;
}
.filter-chips-wrap .more-chips-wrap [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md {
  margin-top: 12px;
}
.filter-chips-wrap .more-chips-wrap.active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
  row-gap: 12px;
  overflow-y: auto;
  border: 12px solid white;
  border-right-width: 8px;
}
.filter-chips-wrap .more-chips-wrap.active::-webkit-scrollbar {
  width: 4px;
}
.filter-chips-wrap .more-chips-wrap.active::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.filter-chips-wrap .more-chips-wrap.active::-webkit-scrollbar-thumb:active {
  background-color: #727272;
}
.filter-chips-wrap .more-chips-wrap.active::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
.filter-chips-wrap .more-chips-wrap.active::-webkit-scrollbar-track:hover, .filter-chips-wrap .more-chips-wrap.active::-webkit-scrollbar-track:active {
  background: #fbfbfb;
}

.tooltip--white .tooltip-inner {
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #dbdbdb;
  white-space: initial;
  color: #292828;
  padding: 12px 8px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 1.4rem;
  line-height: 1;
}
.tooltip--white .tooltip-arrow {
  display: none !important;
}
.tooltip--white .bottom {
  padding: 0;
  margin-top: 0;
}
.tooltip--white .tooltip.in {
  opacity: 1;
}
.tooltip--large .tooltip.in {
  opacity: 1;
}
.tooltip--large .tooltip-inner {
  white-space: initial;
  max-width: 332px;
  box-sizing: border-box;
  padding: 16px;
  line-height: normal;
  text-align: left;
}

.RT-tooltip {
  display: inline-block;
  margin-right: 4px;
  position: relative;
  height: auto;
  overflow: unset;
  font-weight: normal;
}
.RT-tooltip__title {
  z-index: 2;
  position: relative;
}
.RT-tooltip__content {
  display: none;
  position: absolute;
  background: #ffffff;
  z-index: 3;
  box-sizing: border-box;
  padding: 12px 8px;
  font-size: 14px;
  text-transform: none;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  margin-top: 4px;
  color: #292828;
  width: max-content;
  max-width: 227px;
  text-align: left;
  cursor: default;
}
.RT-tooltip::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
.RT-tooltip:hover .RT-tooltip__content {
  display: block;
}
.RT-tooltip:hover::after {
  height: calc(100% + 5px);
}
.RT-tooltip .has-cursor-pointer {
  cursor: pointer;
}
.RT-tooltip[datat-type=meli-icon] {
  line-height: 1;
}
.RT-tooltip[datat-type=meli-icon] .RT-tooltip__meli-icon.has-cursor-pointer {
  z-index: 3;
  position: relative;
}
.RT-tooltip[datat-type=meli-icon] .RT-tooltip__content {
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}
.RT-tooltip[datat-type=icon] {
  margin: 0 10px;
}
.RT-tooltip[datat-type=icon] .RT-tooltip__title {
  display: block;
}
.RT-tooltip[datat-type=icon] .RT-tooltip__title i {
  display: block;
  width: 12px;
  height: 12px;
  line-height: 1;
  color: #727272;
}
.RT-tooltip[datat-type=icon] .RT-tooltip__title i svg {
  display: block;
}
.RT-tooltip[datat-type=icon]:hover .RT-tooltip__title {
  position: relative;
}
.RT-tooltip[datat-type=icon]:hover .RT-tooltip__title i {
  position: relative;
  z-index: 3;
  color: #292828;
}
.RT-tooltip[datat-type=icon]:hover .RT-tooltip__title::after {
  content: " ";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(41, 40, 40, 0.1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.RT-tooltip[datat-type=icon]:hover .RT-tooltip__content {
  margin-top: 10px;
  z-index: 6;
}
.RT-tooltip[datat-type=icon]:hover::after {
  height: calc(100% + 15px);
  width: calc(100% + 12px);
  left: -50%;
}
.RT-tooltip[data-size=large] .RT-tooltip__content {
  width: max-content;
  max-width: 360px;
}
.RT-tooltip[data-size=medium] .RT-tooltip__content {
  width: max-content;
  max-width: 310px;
}
.RT-tooltip[data-position=left] .RT-tooltip__content {
  right: 0;
  transform: none;
  left: initial;
}
.RT-tooltip[data-position=left][datat-type=icon] .RT-tooltip__content {
  right: -6px;
}
.RT-tooltip[data-position=right] .RT-tooltip__content {
  left: 0;
  transform: translateX(0);
}
.RT-tooltip[data-position=right][datat-type=icon] .RT-tooltip__content {
  left: -6px;
}
.RT-tooltip[data-position=center] .RT-tooltip__content {
  left: 50%;
  transform: translateX(-50%);
}

@-webkit-keyframes animate-loader {
  0%, 40% {
    background: #eeeeee;
  }
  46%, 64% {
    background: #f8f8f8;
  }
  90%, 100% {
    background: #eeeeee;
  }
}
@keyframes loadingAnimation {
  0% {
    background-color: #eeeeee;
  }
  66.67% {
    background-color: #eeeeee;
  }
  66.67% {
    background-color: #F8F8F8;
  }
  100% {
    background-color: #F8F8F8;
  }
}
.mocked-loader {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-column-gap: 12px;
  padding: 0 20px 0;
  margin-bottom: 12px;
}
.mocked-loader:first-child {
  margin-top: -10px;
}

.new-loading-text-animation {
  width: 100px;
  height: 100px;
  animation: loadingAnimation 3.5s infinite;
  transition: background-color 1s;
  float: left;
  height: 12px;
  position: relative;
  top: 4px;
  width: 160px;
}

html {
  font-size: 62.5%;
}
@media (max-width: 768px) {
  html {
    font-size: 55%;
  }
}

body {
  margin: 0;
  height: 100%;
  background-color: #f5f5f5;
  color: #818181;
  font-size: 1.4rem;
}
body .modal-backdrop.second-backdrop {
  z-index: 99999;
}

h1 {
  margin: 0;
}

ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

a {
  color: #818181;
}

a:hover {
  color: rgb(103.5, 103.5, 103.5);
}

.clearfix {
  clear: both;
}

/* Placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #BFBFBF;
  font-size: 1.6rem;
  font-family: "proxima-nova", Arial, sans-serif;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #BFBFBF;
  font-size: 1.6rem;
  font-family: "proxima-nova", Arial, sans-serif;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #BFBFBF;
  font-size: 1.6rem;
  font-family: "proxima-nova", Arial, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
  color: #BFBFBF;
  font-size: 1.6rem;
  font-family: "proxima-nova", Arial, sans-serif;
}

#wrapper {
  margin-bottom: 100px;
}
#wrapper.special__wrapper {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  #wrapper {
    margin-bottom: 50px;
  }
}

/* Main Content */
main {
  padding: 72px 28px 20px 104px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  main {
    padding: 60px 15px 20px 15px;
  }
}
@media (max-width: 300px) {
  main {
    padding: 40px 8px 20px 8px;
  }
}

.badge-competition {
  min-width: 11px;
  border-radius: 3px;
  padding: 2px 4px 1px 4px;
  text-align: center;
  background-color: #DA133F;
  color: #fff;
  font-size: 1rem;
  line-height: 14px;
}

.wrap-badge-competition {
  min-width: 11px;
  position: relative;
  top: -2px;
  left: 10px;
  display: inline-block;
}

/* Skin select Selectize */
.selectize-input.items.full.has-options.has-items {
  border: 0;
  box-shadow: none;
  background: none;
  margin: 0;
  padding: 0;
  width: 190px;
  font-size: 2.2rem;
  color: #818181;
  overflow: inherit;
}

.selectize-control.single .selectize-input:after {
  right: 20px;
}

.selectize-input:hover .item,
.selectize-input.focus .item {
  color: #727272;
}

.selectize-dropdown {
  border: 0;
  color: #727272;
  padding: 12px 12px;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  z-index: 200;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 10px 8px;
}

.selectize-dropdown .active {
  background-color: #f7f7f7;
  color: inherit;
}

.selectize-control.single .selectize-input.input-active {
  cursor: default;
}

.selectize-input > input {
  display: none !important;
}

.selectize-dropdown-content {
  max-height: inherit;
  overflow: visible;
}

/* Date Range picker */
.wrap-filter-date:not(.custom-date-picker) {
  width: 210px;
  position: relative;
  cursor: pointer;
  float: left;
}
.wrap-filter-date:not(.custom-date-picker):hover .filter-date {
  border: 1px solid #a4a4a4;
  color: #444;
}
.wrap-filter-date:not(.custom-date-picker):hover .open-calendar {
  background: #818181;
}

.open-calendar:not(.open-dash-calendar) {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  background: #cccccc;
  position: absolute;
  top: 1px;
  right: 6px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 0;
}
.open-calendar:not(.open-dash-calendar):before {
  top: 13px;
  right: 7px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}

.filter-date:not(.custom-date-picker--input), .filter-date-conversion:not(.custom-date-picker--input) {
  width: 168px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 6px 27px 4px 8px;
  cursor: pointer;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  font-size: 1.5rem;
}

.daterangepicker {
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
  display: none;
  margin-top: 10px;
}

.daterangepicker .daterangepicker_input {
  width: 215px;
  right: -8px;
}

.daterangepicker table {
  border-collapse: collapse;
}

.daterangepicker table td {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 3px;
  box-sizing: border-box;
}

.daterangepicker .drp-buttons .drp-selected {
  opacity: 0;
}

.daterangepicker.show-calendar .drp-calendar.right {
  padding: 17px 17px 17px 12px;
}
.daterangepicker.show-calendar .drp-calendar.left {
  padding: 17px 12px 17px 17px;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active.end-date:not(.off), .daterangepicker td.active.start-date:not(.off) {
  background-color: #71D8BF;
}

.daterangepicker td.in-range {
  background-color: #dcf3ee;
}

.daterangepicker .input-mini {
  padding: 2px 0 0 10px;
  outline: 0;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.daterangepicker .input-mini.active {
  border: 1px solid #ccc;
}

.daterangepicker .calendar-table th, .daterangepicker {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
}

.daterangepicker .applyBtn,
.daterangepicker .cancelBtn {
  border: 1px solid #ccc;
  color: #818181;
  border-radius: 3px;
  padding: 5px 20px;
  text-align: center;
  height: 32px;
  position: relative;
  cursor: pointer;
  margin-left: 5px;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}

.daterangepicker .applyBtn {
  background-color: #4194D8;
  color: #fff;
  border-color: #fff;
}

.daterangepicker .applyBtn:hover {
  background-color: rgb(39.1703056769, 122.5327510917, 190.8296943231);
}

.daterangepicker .cancelBtn {
  border: 0;
}

.daterangepicker .cancelBtn:hover {
  color: rgb(154.5, 154.5, 154.5);
}

.daterangepicker .prev.available i {
  background: url("../img/angle-right.54202ca9194e.png") 0 0 no-repeat;
  width: 12px;
  height: 12px;
  display: block;
  background-size: cover;
  position: relative;
  left: 9px;
  top: -1px;
  transform: rotate(180deg);
}

.daterangepicker .next.available i {
  background: url("../img/angle-right.54202ca9194e.png") 0 0 no-repeat;
  width: 12px;
  height: 12px;
  display: block;
  background-size: cover;
  position: relative;
  left: 9px;
  top: -1px;
}

.bt-default {
  background-color: #FFF;
  font-size: 13px;
  text-align: center;
  border: 1px solid #ccc;
  color: #818181;
  border-radius: 3px;
  padding: 5px 18px 5px 12px;
  display: block;
  height: 32px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}

.bt-default:not([disabled]):hover {
  border: 1px solid #bebebe;
  color: #444;
}

a.bt-primary,
.bt-primary {
  border: 0;
  text-align: center;
  border-radius: 3px;
  padding: 6px 25px;
  color: white;
  background-color: #71D8BF;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  line-height: 26px;
  display: inline-block;
}

.bt-primary:not([disabled]):hover,
a.bt-primary:hover,
a.bt-primary:focus {
  background-color: rgb(72.9889502762, 205.0110497238, 172.9668508287);
  text-decoration: none;
  color: #fff;
}

a.bt-secondary,
.bt-secondary {
  border: 0;
  text-align: center;
  border-radius: 3px;
  padding: 6px 25px;
  color: white;
  background-color: #4194D8;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  line-height: 26px;
  display: inline-block;
}

.bt-secondary:not([disabled]):hover,
a.bt-secondary:hover,
a.bt-secondary:focus {
  background-color: rgb(39.1703056769, 122.5327510917, 190.8296943231);
  text-decoration: none;
}

a.bt-danger,
.bt-danger {
  border: 0;
  text-align: center;
  border-radius: 3px;
  padding: 6px 25px;
  color: white;
  background-color: #e17777;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  line-height: 26px;
  display: inline-block;
}

.bt-danger:not([disabled]):hover,
a.bt-danger:hover,
a.bt-danger:focus {
  background-color: rgb(215.7831325301, 77.2168674699, 77.2168674699);
  text-decoration: none;
}

.bt-back,
a.bt-back {
  border: 0;
  padding: 0;
  margin-bottom: 16px;
  color: #818181;
  font-size: 2rem;
  background: none;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  line-height: 26px;
  display: inline-block;
}
.bt-back i svg path,
a.bt-back i svg path {
  fill: #818181;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}

.bt-back:not([disabled]):hover,
a.bt-back:hover,
a.bt-back:focus {
  color: #111111;
  text-decoration: none;
}

.bt-back i {
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}

.bt-back:hover i {
  fill: #777777;
}
.bt-back:hover i svg path {
  fill: #111111;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}

a.bt-outline,
.bt-outline {
  border: 1px solid #d7d7d7;
  text-align: center;
  border-radius: 3px;
  padding: 6px 25px;
  color: #A5A5A5;
  background: none;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  line-height: 26px;
  display: inline-block;
}

.bt-outline i {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
}

.bt-outline i path {
  fill: #A5A5A5;
}

.bt-outline:not([disabled]):hover,
a.bt-outline:hover,
a.bt-outline:focus {
  color: #727272;
  text-decoration: none;
  border-color: #a4a4a4;
}

.bt-outline:hover i path {
  fill: #727272;
}

a.bt-outline-primary,
.bt-outline-primary {
  border: 1px solid #71D8BF;
  text-align: center;
  border-radius: 3px;
  padding: 6px 25px;
  color: #71D8BF;
  background: none;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  font-weight: 400;
  line-height: 26px;
  display: inline-block;
}

.bt-outline-primary i {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
}

.bt-outline-primary i path {
  fill: #71D8BF;
}

.bt-outline-primary:not([disabled]):hover,
a.bt-outline-primary:hover,
a.bt-outline-primary:focus {
  color: rgb(54.4060773481, 198.0939226519, 163.2182320442);
  border-color: rgb(54.4060773481, 198.0939226519, 163.2182320442);
  text-decoration: none;
}

.bt-outline-primary:hover i path {
  fill: rgb(48.9116022099, 178.0883977901, 146.7348066298);
}

a.bt-outline-secondary,
.bt-outline-secondary {
  border: 1px solid #4194D8;
  text-align: center;
  border-radius: 3px;
  padding: 6px 25px;
  color: #4194D8;
  background: none;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  font-weight: 400;
  line-height: 26px;
  display: inline-block;
}

.bt-outline-secondary i {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
}

.bt-outline-secondary i path {
  fill: #4194D8;
}

.bt-outline-secondary:not([disabled]):hover,
a.bt-outline-secondary:hover,
a.bt-outline-secondary:fucs {
  color: rgb(30.4847161572, 95.3624454148, 148.5152838428);
  text-decoration: none;
}

.bt-outline-secondary:hover i path {
  fill: rgb(30.4847161572, 95.3624454148, 148.5152838428);
}

.bt-back-link {
  padding: 0 20px;
  font-size: 13px;
  color: #939393;
}

button .export {
  width: 22px;
  height: 20px;
  display: block;
  margin-right: 4px;
  float: left;
}

button:hover .export svg g path {
  fill: #444;
}

button:hover .export svg line {
  stroke: #444;
}

[disabled] {
  opacity: 0.5;
  cursor: default;
}

.subtitle-section {
  font-size: 2.4rem;
  padding: 0 30px 0 0;
}

.subtitle-section-text {
  padding: 10px 0;
}

/*STRIPED ELEMENTS TABLE*/
.list-items-rows > div:nth-child(even) {
  background: #e4e4e4;
}
.list-items-rows > div:nth-child(odd) {
  background: transparent;
}

.widget .tab-content .widget-data-number {
  width: auto;
  display: inline-grid;
  margin-right: 40px;
}

.tab-content {
  padding-bottom: 30px;
}

.widget .tab-content .widget-data-number-primary,
.widget .tab-content .widget-data-number-secondary {
  font-size: 3rem;
  line-height: 20px;
}

.widget .tab-content .widget-data-number-primary span,
.widget .tab-content .widget-data-number-secondary span {
  font-size: 2rem;
}

.widget .tab-content .widget-data-label {
  font-size: 1.4rem;
  line-height: 16px;
  padding-top: 4px;
}

/* Large checkboxes */
.rtCheckbox.large {
  width: 30px;
  cursor: pointer;
  box-shadow: none;
}

.rtCheckbox.large[type=checkbox]:before {
  width: 20px;
  height: 20px;
}

.rtCheckbox.large[type=checkbox]:after {
  top: -23px;
  width: 16px;
  height: 16px;
}

.rtCheckbox[type=checkbox]:before {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  content: "";
  background: #FFF;
}

.rtCheckbox[type=checkbox]:after {
  position: relative;
  display: inline-block;
  content: "";
  background-image: url("../img/checkmarks-sprite.8b689089e1ca.svg");
  background-position: 0px 0px;
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 12px;
  vertical-align: middle;
}

.rtCheckbox[type=checkbox]:checked:after {
  background-position: 0px -66px;
}

.rtCheckbox[type=checkbox]:disabled:after {
  -webkit-filter: opacity(0.4);
}

.rtCheckbox[type=checkbox]:not(:disabled):checked:hover:after {
  background-position: 0px -66px;
}

.rtCheckbox[type=checkbox]:not(:disabled):hover:after {
  background-position: 0px -22px;
}

.rtCheckbox[type=checkbox]:not(:disabled):hover:before {
  border-color: #3D7591;
}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 26px;
}

/* Hide the browser's default checkbox */
.container input.custom-check {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.mdc-checkbox__wrapper {
  display: block;
  margin-top: -2px;
}

.custom-check:checked ~ .checkmark {
  border: 1px solid transparent;
}

/* On mouse-over, add a grey background color */
.container:hover input.custom-check:not(:checked) ~ .checkmark,
.container:hover input.custom-check:not(.partial-checked) ~ .checkmark {
  border: 2px solid #ccc;
  top: -1px;
  left: -1px;
}

/* When the checkbox is checked, add a blue background */
.container input.custom-check:checked ~ .checkmark {
  background-color: #71d8bf;
  transition: all 0.5s ease;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input.custom-check:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.5s ease;
}

/* Placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px !important;
}

::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px !important;
}

:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px !important;
}

:-moz-placeholder { /* Firefox 18- */
  font-size: 14px !important;
}

/* Listing Type colors */
.label_type {
  border-radius: 3px;
  padding: 3px 10px;
  color: #fff;
  font-size: 1.2rem;
  border: 0;
}

.label_type.classic,
.label_type.gold_special {
  background-color: #5AC9AE;
}

.label_type.premium,
.label_type.gold_pro {
  background-color: #7181A4;
}

.label_type.free {
  background-color: #D5D5D5;
}

.label_type.secondary,
.label_type.positioning {
  background-color: #4194D8;
}

.label_type.green {
  background-color: #71D8BF;
}

.label_type.yellow {
  background-color: #FFD561;
}

.label_type.red {
  background-color: #FF7878;
}

.label_type.outline {
  background-color: transparent;
  border: 1px solid #3C6A82;
  color: #3C6A82;
  padding: 2px 9px;
}

.label_type.red a,
.label_type.green a {
  color: #fff;
}

.chevron {
  float: left;
  width: 7px;
  height: 26px;
  position: relative;
  margin-right: 7px;
}

.spinner-loading i {
  margin-right: 18px;
  left: 0;
  top: 3px;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.menu .spinner-loading i {
  top: 0;
  margin: 0;
  left: 0;
  display: inline;
}
.menu .loader-wrapper {
  position: relative;
  top: 3px;
  padding-left: 24px;
}
.menu .loader-wrapper .spinner-loading {
  margin-bottom: -2px;
}
.menu .loader-wrapper.pricer-loader {
  padding-left: 16px;
}
.menu #loading-main-menu {
  position: relative;
  top: 3px;
  height: 16px;
  width: 16px;
}
.menu .custom-mdc-spinner svg {
  height: 16px;
  position: inherit;
  width: 16px;
}
.menu .hover-state {
  display: grid;
  grid-template-columns: max-content 22px auto;
  align-items: center;
  height: 24px;
}
.menu #meliLauncherElement {
  margin-left: -17px;
}
.menu #intercomLauncherElement, .menu #meliLauncherElement {
  display: inline-block;
}
.menu #intercomLauncherElement .hover-state, .menu #meliLauncherElement .hover-state {
  display: block;
  width: fit-content;
  margin-left: 10px;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Desktop Notifications alert*/
.desktop-notifications-alert {
  width: 370px;
  position: fixed;
  z-index: 9999;
  border: 1px;
  background-color: #ffffff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  padding: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -250px;
  -moz-transition: top 250ms ease-out;
  -o-transition: top 250ms ease-out;
  transition: top 250ms ease-out;
}
.desktop-notifications-alert .logo {
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 20px;
}
.desktop-notifications-alert .text {
  width: 300px;
  float: left;
}
.desktop-notifications-alert .text div {
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 20px;
}
.desktop-notifications-alert .text div.info-text {
  font-size: 15px;
  line-height: 21px;
}
.desktop-notifications-alert .text div.info-text a {
  text-decoration: underline;
}
.desktop-notifications-alert .buttons {
  padding-top: 20px;
  text-align: right;
  clear: both;
}
.desktop-notifications-alert .buttons a {
  padding: 0 20px;
}
.desktop-notifications-alert .buttons a.bt-secondary {
  padding: 6px 20px;
}

.desktop-notifications-alert.in {
  top: 0px;
}

.spinner-loading#loadingModal {
  left: calc(50% - 80px);
  position: fixed;
  top: 50%;
  z-index: 9999;
  color: white;
  font-weight: 400;
  background: rgba(76, 70, 70, 0.7019607843);
  padding: 20px 30px;
  border-radius: 6px;
  text-align: center;
  display: none;
}

.spinner-loading#loadingModal {
  margin-right: 10px;
}

.spinner-loading#loadingModal i svg g path {
  fill: white;
}

.modal-backdrop.in {
  background-color: rgba(41, 40, 40, 0.3);
}

/* Thermometers */
.thermometer {
  background: url("../img/sprite-therms-medals.607fc1e57ece.svg") 100px 100px no-repeat;
  background-size: cover;
}

.thermometer.therm-sm {
  width: 200px;
  height: 8px;
}

.thermometer.therm-md {
  width: 224px;
  height: 11px;
}

.thermometer.therm-lg {
  width: 310px;
  height: 12px;
}

.thermometer.therm-sm.therm-x0,
.thermometer.therm-md.therm-x0,
.thermometer.therm-lg.therm-x0 {
  background-position: 0 0;
}

.thermometer.therm-sm.therm-x1 {
  background-position: 0 -22px;
}

.thermometer.therm-sm.therm-x2 {
  background-position: 0 -43px;
}

.thermometer.therm-sm.therm-x3 {
  background-position: 0 -65px;
}

.thermometer.therm-sm.therm-x4 {
  background-position: 0 -87px;
}

.thermometer.therm-sm.therm-x5 {
  background-position: 0 -108px;
}

.thermometer.therm-md.therm-x1 {
  background-position: 0 -23px;
}

.thermometer.therm-md.therm-x2 {
  background-position: 0 -47px;
}

.thermometer.therm-md.therm-x3 {
  background-position: 0 -71px;
}

.thermometer.therm-md.therm-x4 {
  background-position: 0 -95px;
}

.thermometer.therm-md.therm-x5 {
  background-position: 0 -120px;
}

.thermometer.therm-lg.therm-x1 {
  background-position: 0 -34px;
}

.thermometer.therm-lg.therm-x2 {
  background-position: 0 -68px;
}

.thermometer.therm-lg.therm-x3 {
  background-position: 0 -101px;
}

.thermometer.therm-lg.therm-x4 {
  background-position: 0 -134px;
}

.thermometer.therm-lg.therm-x5 {
  background-position: 0 -168px;
}

/* Medals reputation */
.medal-reputation {
  display: inline-block;
  margin: 0 5px;
}

.medal-reputation.medal-sm {
  width: 19px;
  height: 22px;
  background-size: 1650%;
}

.medal-reputation.medal-md {
  width: 20px;
  height: 22px;
  background-size: 1639%;
}

.medal-reputation.medal-lg {
  width: 22px;
  height: 27px;
  background-size: 1575%;
}

.medal-reputation.medal-sm.medal-platinum {
  background: url("../img/reputation/medal_platinum.e4ba5f2fe014.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-sm.platinum {
  background: url("../img/reputation/medal_platinum.e4ba5f2fe014.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-sm.medal-gold {
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-sm.gold {
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-sm.medal-silver {
  background: url("../img/reputation/medal_silver.68f81c78f4ea.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-sm.silver {
  background: url("../img/reputation/medal_silver.68f81c78f4ea.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-sm.medal-official-store {
  background: url("../img/oficial-store.398dc7ed9ed4.svg") no-repeat;
  background-size: 100%;
  width: 19px;
  margin-left: -2px;
  margin-top: 4px;
}

.medal-reputation.medal-sm.medal-official-store .medal-reputation.medal-md.medal-platinum {
  background: url("../img/reputation/medal_platinum.e4ba5f2fe014.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-md.medal-gold {
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-md.medal-silver {
  background: url("../img/reputation/medal_silver.68f81c78f4ea.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-md.medal-official-store {
  background: url("../img/oficial-store.398dc7ed9ed4.svg") no-repeat;
  background-size: 100%;
  width: 19px;
  margin-left: -2px;
  margin-top: 4px;
}

.medal-reputation.medal-lg.medal-platinum {
  background: url("../img/reputation/medal_platinum.e4ba5f2fe014.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-lg.medal-gold {
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-lg.medal-silver {
  background: url("../img/reputation/medal_silver.68f81c78f4ea.svg") no-repeat;
  background-size: 110%;
}

.medal-reputation.medal-lg.medal-official-store {
  background: url("../img/oficial-store.398dc7ed9ed4.svg") no-repeat;
  background-size: 100%;
  width: 22px;
  margin-left: 20px;
  margin-top: 0px;
}

/* start App Disclaimer */
.mb-slidein {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  max-height: 0;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  width: 100%;
  position: fixed;
  z-index: 9999;
}

.mb-slidein .closer {
  color: #FFF;
  cursor: pointer;
  float: left;
  position: relative;
  padding-right: 12px;
  padding-top: 5px;
  top: 9px;
}

.mobile-disclaimer-wrapper {
  color: #FFF;
  min-height: 40px;
  padding: 16px 10px;
}

.mobile-disclaimer-wrapper .icon-rt-logo {
  width: 35px;
  display: block;
}

.mobile-disclaimer-wrapper .txt {
  font-weight: bold;
  padding-left: 10px;
  width: 50%;
}

.mb-slidein.active {
  max-height: 150px;
  -webkit-transition: max-height 1s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -ms-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
  overflow: hidden;
  width: 100%;
  bottom: -1px;
}

.mb-slidein.hidden-disclaimer {
  bottom: -1px;
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 1s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}

.download-app {
  background-color: transparent;
  border: 1px solid #FFF;
  border-radius: 5px;
  font-weight: bold;
  padding: 7px 10px;
}

.download-app a, .download-app a:focus, .download-app a:hover {
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
}

/* end App Disclaimer */
.badge-ball {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #f04e54;
  position: absolute;
  border: 3px solid #FFF;
  display: none;
  left: 44px;
}

.analysisGroup .badge-ball {
  top: 3px;
  left: 26px;
  height: 8px;
  width: 8px;
}

.badge-ball {
  min-width: 8px;
  height: 8px;
  border-radius: 50%;
  text-align: center;
  background-color: #f04e54;
  color: white;
  font-size: 1rem;
  position: absolute;
  display: none;
  z-index: 2;
  border: 1px solid #FFF;
  text-indent: -9999px;
}

/* Chat Messenger */
.messages-loader {
  margin: 20px 0 20px;
  overflow: hidden;
}

#messenger-launcher {
  position: fixed;
  z-index: 1030;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.16);
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #4194d8;
  border-radius: 50%;
  cursor: pointer;
  transform-origin: center;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}

.messenger-wrapper .flotante {
  background: #71D8BF;
  border-radius: 5px;
  float: left;
  left: 14px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 58px;
  width: 340px;
  z-index: 100;
}

.messenger-wrapper .conversation.chat .flotante {
  top: 183px;
  left: 14px;
}

.messenger-wrapper .flotante a {
  color: white;
  text-decoration: none;
}

.messenger-wrapper .flotante:hover {
  opacity: 0.9;
  cursor: pointer;
}

.messenger-wrapper .bubble-seller .spinner-loading i {
  width: 15px;
  top: 3px;
  height: 15px;
}

.quick-messages-admin:hover,
a.questions-tags-config-link:hover {
  text-decoration: none;
  opacity: 0.8;
}

.quick-messages-admin > span:hover .fa-spin-hover {
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.no-messages {
  color: #292828;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  padding: 40px 0;
  text-align: center;
}

.messenger-wrapper .conversations-review.no-details.chat-forbidden {
  height: calc(100vh - 500px);
  margin-bottom: 24px;
}

#messenger-launcher.inactive .opener {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  transition: transform 0.16s linear, opacity 0.08s linear, -webkit-transform 0.16s linear;
}

#messenger-launcher.inactive .closer-inactive {
  opacity: 0;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  transition: transform 0.16s linear, opacity 0.08s linear, -webkit-transform 0.16s linear;
}

#messenger-launcher.active .opener-inactive {
  opacity: 0;
  transform: rotate(30deg) scale(0);
  transition: transform 0.16s linear, opacity 0.08s linear, -webkit-transform 0.16s linear;
}

#messenger-launcher.active .closer {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform 0.16s linear, opacity 0.08s linear, -webkit-transform 0.16s linear;
}

#messenger-launcher .opener {
  background-image: url("../img/Mensajeria-icon.169e1729412b.png");
  background-size: 27px;
  background-repeat: no-repeat;
  background-position: 17px 18px;
  height: 45px;
  width: 45px;
}

#messenger-launcher .closer {
  background-image: url("../img/cancel.90e1bfe7ee4e.png");
  background-size: 23px 21px;
  background-repeat: no-repeat;
  background-position: 19px 19px;
  height: 45px;
  width: 45px;
}

#messenger-launcher .unread-messenger-badge {
  float: right;
  position: relative;
  padding: 2px 6px;
  min-width: 18px;
  top: -7px;
  right: 0px;
  font-size: 1.1rem;
  background: #f12656;
  color: white;
  line-height: 16px;
  border-radius: 3px;
  text-align: center;
}

/* Unread conversations toggler */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Unread conversation custom toggler */
.col-sm-6 .switch {
  position: relative;
  top: -2px;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 43px;
  height: 19px;
  background-color: #f3f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  top: 2px;
  margin-bottom: 0;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #e0e0e0;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round + label:after {
  width: 16px;
  height: 16px;
  top: 3px;
  left: 3px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}

input.cmn-toggle-round:checked + label:before {
  background-color: #76dec5;
}

input.cmn-toggle-round:checked + label:after {
  margin-left: 24px;
}

.toggler-text {
  color: #292828;
}

/* Chat Listing */
@keyframes textShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.mocked-loader {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-column-gap: 12px;
  padding: 0 20px 0;
  margin-bottom: 12px;
}
.mocked-loader:first-child {
  margin-top: -10px;
}

.loading-text-animation, .messenger-wrapper .conversation-summary .item-chat-previewer, .loading-nickname-animation, .loading-image-animation {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: textShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #f7f7f7 8%, #e2e2e2 18%, #f7f7f7 33%);
  background-size: 800px 100px;
  float: left;
  height: 12px;
  position: relative;
  top: 4px;
  width: 160px;
}
.loading-text-animation:first-child, .messenger-wrapper .conversation-summary .item-chat-previewer:first-child, .loading-nickname-animation:first-child, .loading-image-animation:first-child {
  margin-bottom: 8px;
}

.loading-image-animation {
  height: 48px;
  width: 48px;
}

.loading-nickname-animation {
  height: 12px;
  width: 74px;
  margin-top: 20px;
}

.messenger-wrapper .conversation-summary {
  top: -15px;
}
.messenger-wrapper .conversation-summary .item-chat-snippet {
  color: #292828;
  float: left;
  font-size: 14px;
  font-weight: normal;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 170px;
}

.messenger-wrapper .conversation {
  background-color: #fbfbfb;
  padding: 24px 0px;
  border-bottom: 1px solid #dbdbdb;
  height: 50px;
  cursor: pointer;
}
.messenger-wrapper .conversation.conversation-row {
  padding: 24px 10px;
}
.messenger-wrapper .conversation[class^=converwrapper-cover_order_conversation_], .messenger-wrapper .conversation[class*=" converwrapper-cover_order_conversation_"] {
  display: grid;
  grid-template-columns: 50px calc(100% - 62px);
  grid-gap: 12px;
}
.messenger-wrapper .conversation[class^=converwrapper-cover_order_conversation_] .who-is-answering, .messenger-wrapper .conversation[class*=" converwrapper-cover_order_conversation_"] .who-is-answering {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #727272;
}
.messenger-wrapper .conversation:hover {
  background-color: #eeeeee;
}

#order_conversation_detail .someone-typing {
  font-weight: 400;
  color: #727272;
  position: absolute;
  margin-top: -26px;
  background: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 23%, rgb(255, 255, 255) 63%);
  padding: 5px 0 2px 15px;
  width: 100%;
  box-sizing: border-box;
}

.messenger-wrapper .conversation.pre-details {
  height: 104px;
  -webkit-transition: height 100ms;
  -moz-transition: height 100ms;
  -o-transition: height 100ms;
  transition: height 100ms;
}

.messenger-wrapper .conversations-preview .conversation:last-child {
  border-bottom: 0;
}

.messenger-wrapper .conversation.chat {
  height: auto;
  border: 0;
  padding-top: 5px;
  font-size: 14px;
}

.messenger-wrapper .conversation.chat .msg-timestamp {
  font-size: 12px;
  color: #727272;
  text-align: right;
  margin-top: 2px;
  padding-right: 5px;
  width: 140px;
}

.messenger-wrapper .conversation.chat .not-sent-error {
  color: #f04e54;
}

.messenger-wrapper .conversation.chat .not-sent-error i {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 4px;
}
.messenger-wrapper .conversation.chat .not-sent-error i svg path {
  fill: #f04e54;
}

.messenger-wrapper .conversation.chat .unread {
  color: #d7d7d7;
  top: -4px;
  position: relative;
}

.messenger-wrapper .conversation.chat .read {
  color: #71D8BF;
  position: relative;
  top: -4px;
  left: -4px;
  cursor: default;
}

.messenger-wrapper .conversation.chat .bubble-seller .read {
  top: 2px;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: cover;
  left: -4px;
}
.messenger-wrapper .conversation.chat .bubble-seller .read svg path {
  fill: #75c367;
}

.messenger-wrapper .conversation.chat .bubble-seller .unread {
  top: 3px;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: cover;
  left: -4px;
}
.messenger-wrapper .conversation.chat .bubble-seller .unread svg path {
  fill: #b7b7b7;
}

.messenger-wrapper .conversation.chat .not-sent-error a {
  color: #71D8BF;
}

.messenger-wrapper .conversation.chat .not-sent-error a:hover {
  text-decoration: none;
  opacity: 0.8;
  cursor: pointer;
}

.messenger-wrapper .conversation.chat .msg-timestamp.text-left {
  text-align: left;
}

.messenger-wrapper .conversation.uncollapsed {
  height: auto;
  padding-bottom: 0;
}

.messenger-wrapper .conversation.uncollapsed .conversation-details {
  bottom: 134px;
}

.messenger-wrapper .conversation.uncollapsed .more-info-closed {
  display: none;
}

.messenger-wrapper .conversation.collapsed .more-info-open {
  display: none;
}

.messenger-wrapper .pre-details {
  background-color: #FFF;
  padding-top: 10px;
  cursor: default;
}

.messenger-wrapper .conversation.pre-details:hover {
  background: #FFF;
}

.messenger-wrapper .pre-details.collapsed {
  max-height: 374px;
}

.messenger-wrapper .messenger-header {
  padding: 14px 16px;
  background-color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: 4px solid #727272;
  border-bottom: 1px solid #b7b7b7;
}
.messenger-wrapper .messenger-header .header-grid-wrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.messenger-wrapper .messenger-header .header-grid-wrap .container-switch-filter {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
.messenger-wrapper .messenger-header .header-grid-wrap .container-switch-filter label {
  cursor: pointer;
}

.messenger-wrapper .messenger-header .beta-label-msg {
  color: #292828;
  font-size: 16px;
  font-weight: 600;
  margin-right: 8px;
}

.messenger-wrapper .messenger-header .input-group-btn {
  float: right;
  padding: 0;
  border-right: 0;
}

.messenger-wrapper .messenger-header .rtCheckbox[type=checkbox]:before {
  background: transparent;
}

.messenger-wrapper .messenger-header .label-beta {
  margin-left: 5px;
  bottom: 2px;
  position: relative;
}

.messenger-wrapper .messenger-header.detailed {
  height: 40px;
  padding: 10px;
}

.messenger-wrapper .conversation-item-thumbnail {
  float: left;
  height: 48px;
  width: 48px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
}

.messenger-wrapper .conversation-item-thumbnail img {
  width: 48px;
}

.messenger-wrapper .pre-details.collapsed .item-title, .messenger-wrapper .pre-details.collapsed .icons i, .messenger-wrapper .pre-details.collapsed .conversation-summary {
  cursor: default;
}

.messenger-wrapper .conversation-summary {
  margin-left: 56px;
  position: relative;
  cursor: pointer;
  margin-right: 88px;
  min-height: 40px;
  margin-top: 8px;
}

.messenger-wrapper .conversation-texts .conversation-summary {
  min-height: initial;
  display: inline;
  left: 0px;
  margin: 0;
  top: 4px;
}

.messenger-wrapper .conversation-texts {
  display: grid;
  grid-template-columns: 175px 85px;
  column-gap: 12px;
}

.messenger-wrapper .conversation-summary .widget-listings-item-info-delivery {
  padding: 2px 0 9px 0;
  display: block;
}

.messenger-wrapper .conversation-summary .icons i {
  margin-right: 4px;
  cursor: pointer;
  color: #292828;
}

.messenger-wrapper .conversation-summary .item-title {
  font-size: 1.4rem;
  color: #292828;
  font-weight: 600;
  max-height: 30px;
  overflow: hidden;
  cursor: pointer;
}

.messenger-wrapper .last-message {
  color: #746868;
  font-size: 1.2rem;
  word-wrap: break-word;
  cursor: pointer;
}

.messenger-wrapper .last-message .fa-angle-double-right {
  font-weight: normal;
}

.messenger-wrapper .last-message .fa-angle-double-left {
  color: #71D8BF;
  font-size: 1.2rem;
  font-weight: bolder;
}

.messenger-wrapper .pre-details .conversation-details {
  margin-left: 245px;
  text-align: right;
  top: 80px;
  position: absolute;
  right: 10px;
}

.messenger-wrapper .conversation-details .label {
  border: 1px solid;
  color: #746868;
  display: block;
  font-size: 1rem;
  margin-bottom: 5px;
  text-align: center;
}

.messenger-wrapper .item-labels {
  padding-left: 56px;
}

.messenger-wrapper .item-labels .label {
  border: 0;
  border-radius: 3px;
  color: #fff;
  display: inline;
  font-size: 1.2rem;
  margin-bottom: 5px;
  padding: 3px 8px;
  text-align: center;
  font-weight: normal;
}

.messenger-wrapper .conversation-summary .label {
  display: inline-block;
}

.messenger-wrapper .label.shipment-status {
  background-color: #f8d040;
}

.messenger-wrapper .label.shipment-status i {
  color: #f8d040;
  margin-right: 4px;
}

.messenger-wrapper .label.done {
  background-color: #71D8BF;
}

.messenger-wrapper .label.done i {
  color: #71D8BF;
  margin-right: 4px;
}

.messenger-wrapper .label.payment-status {
  background-color: #71D8BF;
}

.messenger-wrapper .label.date-status, .messenger-wrapper .label.hour-status {
  border: 0;
  font-size: 14px;
  text-align: right;
  font-weight: 400;
  cursor: text;
  margin-bottom: 4px;
  -webkit-user-select: all; /* Chrome/Safari */
  -moz-user-select: all; /* Firefox */
  -ms-user-select: all; /* IE10+ */
}
@media (max-width: 768px) {
  .messenger-wrapper .label.date-status, .messenger-wrapper .label.hour-status {
    font-size: 12px;
  }
}

.messenger-wrapper .label.date-status i {
  margin-right: 4px;
}

.messenger-wrapper .label.payment-status i {
  color: #71D8BF;
  margin-right: 4px;
}

.messenger-wrapper .conversations-review.no-details {
  height: calc(100vh - 460px);
  overflow-y: auto;
}
.messenger-wrapper .conversations-review.no-details.chat-forbidden {
  height: calc(100vh - 569px);
  margin-bottom: 24px;
}

.messenger-wrapper .conversations-review.no-details.style-other-container {
  height: calc(100vh - 440px);
  overflow-y: auto;
  padding-bottom: 24px;
}
.messenger-wrapper .conversations-review.no-details.style-other-container.chat-forbidden {
  height: calc(100vh - 569px);
  margin-bottom: 24px;
}

#chatBlockedMsgQuickAnswers {
  padding: 16px 20px;
  box-sizing: border-box;
  line-height: 1;
  border-top: 1px solid #dbdbdb;
}

.detail-sale {
  float: right;
  margin-top: -33px;
  margin-right: 5px;
}

.detail-sale a {
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 7px;
}
.detail-sale a svg {
  height: 16px;
}

.detail-sale a:hover {
  background-color: #eeeeee;
  text-decoration: none;
}
.detail-sale a:hover svg path {
  fill: #292828;
}

.detail-sale a i {
  width: 14px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.detail-sale svg g path {
  fill: #fff;
}

.messenger-wrapper .conversations-review.with-details {
  height: calc(100vh - 472px);
  overflow-y: auto;
}

.messenger-wrapper .conversation-details-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 4px;
}
.messenger-wrapper .conversation-details-container .RT-tooltip {
  margin: 0;
}

.messenger-wrapper .conversation-details .username, .messenger-wrapper .conversation-details-container .username {
  color: #292828;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.messenger-wrapper .conversation-details .timestamp {
  color: #746868;
  font-size: 1rem;
}

.messenger-wrapper .previous-wrapper-arrow {
  display: inline-block;
  border-radius: 100%;
  cursor: pointer;
  float: left;
  height: 28px;
  margin-right: 10px;
  width: 28px;
  background-color: white;
  top: 6px;
  position: relative;
}
.messenger-wrapper .previous-wrapper-arrow svg {
  height: 14px;
  left: 9px;
  position: relative;
  top: 7px;
}
.messenger-wrapper .previous-wrapper-arrow:hover {
  background-color: #eeeeee;
}
.messenger-wrapper .previous-wrapper-arrow:hover svg polygon {
  fill: #292828;
}

.messenger-wrapper .conversations-wrapper {
  overflow-y: auto;
}

.messenger-wrapper .order-details-toggled.text-center {
  color: #746868;
  margin-bottom: 4px;
}

.messenger-wrapper .order-details-toggled > span:first-child {
  border-right: 1px solid #CCC;
  padding-right: 6px;
}

.messenger-wrapper .order-details-toggled > span:last-child {
  padding-left: 1px;
}

.messenger-wrapper .order-details {
  font-size: 13px;
}

.messenger-wrapper .buyer-details {
  margin-left: 45px;
  position: relative;
  margin-right: 42px;
  top: 0px;
  -webkit-user-select: auto; /* Chrome/Safari */
  -moz-user-select: auto; /* Firefox */
  -ms-user-select: auto; /* IE10+ */
}

.messenger-wrapper .buyer-details .item-title {
  font-weight: 700;
  margin-bottom: 5px;
}

.messenger-wrapper .buyer-nickname {
  font-size: 16px;
  font-weight: 700;
}

.messenger-wrapper .buyer-name {
  font-size: 14px;
  font-weight: normal;
}

.messenger-wrapper .buyer-nickname,
.messenger-wrapper .buyer-name {
  color: #292828;
  user-select: text;
  cursor: text;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.messenger-wrapper .sales-has-mercadoenvios {
  font-style: normal;
  font-size: 1.2rem;
}

.messenger-wrapper .sales-envio-gratis {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
  border-left: 1px solid #ccc;
  padding-left: 5px;
}

.messenger-wrapper .toggle-this {
  display: flex;
  align-items: center;
  background-color: #fbfbfb;
  height: 32px;
  position: relative;
  top: 17px;
  text-align: center;
  cursor: pointer;
  color: #292828;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
}

.messenger-wrapper .more-info-caret {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
}
.messenger-wrapper .more-info-caret svg {
  width: 13px;
  position: relative;
  top: 2px;
}
.messenger-wrapper .more-info-caret:hover {
  background-color: #f5f5f5;
}
.messenger-wrapper .more-info-caret:hover svg polygon {
  fill: #292828;
}

.messenger-wrapper .more-info-open {
  padding-bottom: 5px;
  width: fit-content;
  margin: 0 auto;
}
.messenger-wrapper .more-info-open svg {
  top: 1px;
}

.messenger-wrapper .more-info-closed {
  width: fit-content;
  margin: 0 auto;
}

.messenger-wrapper .more-info-closed:after {
  width: 22px;
  height: 14px;
  top: 12px;
  right: 2px;
  border: 0;
  background: url("../img/chevron-select.bafdfbf84a66.svg") -6px -6px no-repeat;
  background-size: 125%;
}

.messenger-wrapper .collapsed .hide-details {
  display: none;
}

.messenger-wrapper .uncollapsed .show-details {
  cursor: text;
  position: relative;
  padding: 10px;
  color: #292828;
  background-color: #fbfbfb;
  font-size: 13px;
  -webkit-user-select: text; /* Chrome/Safari */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */
}
@media (max-width: 768px) {
  .messenger-wrapper .uncollapsed .show-details {
    top: 8px;
  }
}

.messenger-wrapper .uncollapsed .show-details .detail-row {
  text-align: center;
}

.messenger-wrapper .uncollapsed .show-details .detail-row span:first-child {
  border-right: 1px solid #CCC;
  padding-right: 6px;
}

.messenger-wrapper .uncollapsed .show-details .detail-row span:last-child {
  padding-left: 1px;
}

.messenger-wrapper .uncollapsed .show-details .order-details > div {
  margin-bottom: 4px;
}

.messenger-wrapper .uncollapsed .show-details .no-border span:first-child {
  border: 0;
}

.messenger-wrapper .uncollapsed .show-details .amount .order-total {
  padding-left: 5px;
}

.messenger-wrapper .uncollapsed .show-details span:first-child {
  border-right: 1px solid #CCC;
  padding-right: 6px;
}

.messenger-wrapper .uncollapsed .show-details span:last-child {
  padding-left: 1px;
}

.messenger-wrapper .uncollapsed .show-details span.buyer-phone {
  border: 0;
  padding-right: 0;
}

.messenger-wrapper .uncollapsed .show-details span.dni {
  padding-left: 6px;
  border-left: 1px solid #CCC;
}

.messenger-wrapper .no-conversations {
  color: #595959;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  padding: 20px;
  text-align: center;
}

/* Chat Search Box */
.conversations-wrapper .messaging-search input.form-control,
.conversations-wrapper .messaging-search .btn {
  border-radius: 0;
  border-top: 0;
}

.conversations-wrapper .messaging-search {
  display: grid;
  grid-template-columns: auto 36px;
  border-bottom: 1px solid #b7b7b7;
  margin: 0;
  height: 40px;
}

.conversations-wrapper .messaging-search .btn {
  padding: 12px 10px 0px 10px;
  border: 0;
  opacity: 1;
  background: transparent;
}
.conversations-wrapper .messaging-search .btn svg {
  width: 100%;
  height: auto;
}
.conversations-wrapper .messaging-search .btn svg path {
  fill: #b7b7b7;
}

.conversations-wrapper .messaging-search .btn:hover i {
  opacity: 0.7;
  -webkit-transition: opacity 100ms ease-out 100ms;
  -moz-transition: opacity 100ms ease-out 100ms;
  -o-transition: opacity 100ms ease-out 100ms;
  transition: opacity 100ms ease-out 100ms;
}

.conversations-wrapper .messaging-search #messagingSearchBtn i {
  width: 15px;
  display: none;
  position: relative;
}
.conversations-wrapper .messaging-search #messagingSearchBtn i.submit-search {
  display: inline-block;
}
.conversations-wrapper .messaging-search #messagingSearchBtn.searching i.submit-search {
  display: none;
}
.conversations-wrapper .messaging-search #messagingSearchBtn.searching i.reset-search {
  display: inline-block;
}

.conversations-wrapper .messaging-search input.form-control {
  border: 0;
  padding: 12px 10px 0px;
  width: auto;
}

.conversations-wrapper .messaging-search.is-focused .btn svg path {
  fill: #4194d8;
}
.conversations-wrapper .messaging-search.is-focused .btn:hover svg {
  z-index: 3;
  position: relative;
}
.conversations-wrapper .messaging-search.is-focused .btn:hover svg path {
  fill: #236da9;
}
.conversations-wrapper .messaging-search.is-focused .btn:hover i {
  opacity: 1;
}
.conversations-wrapper .messaging-search.is-focused .btn:hover i::before {
  content: " ";
  position: absolute;
  width: 28px;
  height: 28px;
  display: block;
  background: #f5f5f5;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  margin-top: -2px;
  z-index: 2;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching i.reset-search {
  opacity: 1;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching i.reset-search svg {
  z-index: 3;
  position: relative;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching i.reset-search svg path {
  fill: #727272;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching:hover i.reset-search {
  opacity: 1;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching:hover i.reset-search::before {
  content: " ";
  position: absolute;
  width: 28px;
  height: 28px;
  display: block;
  background: #f5f5f5;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  margin-top: -2px;
  z-index: 2;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching:hover i.reset-search svg {
  z-index: 3;
  position: relative;
}
.conversations-wrapper .messaging-search:not(.is-focused) .btn.searching:hover i.reset-search svg path {
  fill: #292828;
}

.messenger-wrapper #loading {
  width: 100%;
  text-align: center;
  padding: 30px 0;
}

/* Chat bubbles styling */
.messenger-wrapper .conversation.chat {
  font-size: 13px;
  padding: 0 20px;
}

.messenger-wrapper .conversation.chat .seller,
.messenger-wrapper .conversation.chat .system {
  color: #FFF;
  padding: 5px 0 5px 5px;
  clear: both;
  border-radius: 5px;
  float: right;
  word-break: break-word;
  -webkit-user-select: text; /* Chrome/Safari */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */
  cursor: default;
  margin-right: -10px;
}

.messenger-wrapper .conversation.chat .seller .read-status,
.messenger-wrapper .conversation.chat .system .read-status {
  float: right;
  margin: 0 5px 0;
}

.messenger-wrapper .conversation.chat .seller a,
.messenger-wrapper .conversation.chat .system a,
.messenger-wrapper .conversation.chat .buyer a {
  cursor: pointer;
}

.messenger-wrapper .conversation.chat .seller span,
.messenger-wrapper .conversation.chat .system span {
  background-color: #95D1C4;
  border-radius: 5px;
  padding: 10px;
  display: table-cell;
  cursor: text;
  user-select: text;
}
.messenger-wrapper .conversation.chat .seller span.sending,
.messenger-wrapper .conversation.chat .system span.sending {
  background-color: #F5FBFC;
  color: #f5f5f5;
}

.messenger-wrapper .conversation.chat .seller span.try-again,
.messenger-wrapper .conversation.chat .system span.try-again {
  background-color: transparent;
  border: 0;
  padding: 0;
  display: inline;
  padding: 6px;
  position: relative;
  top: 6px;
}
.messenger-wrapper .conversation.chat .seller span.try-again:hover,
.messenger-wrapper .conversation.chat .system span.try-again:hover {
  background-color: #fce9e9;
  border-radius: 50%;
}

.messenger-wrapper .unread-message-badge {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 1px;
  display: inline-block;
  background-color: #f04e54;
}

.messenger-wrapper .timestamp-clock {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-image: url("../img/clock.85bce63e936a.png");
  background-size: contain;
  position: relative;
  top: 1px;
}

.messenger-wrapper .message-angle-right {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-image: url("../img/angle-right.54202ca9194e.png");
  background-size: contain;
  position: relative;
  top: 1px;
}

.messenger-wrapper .message-angle-left {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-image: url("../img/angle-left.8c15e7bb9d4d.png");
  background-size: contain;
  position: relative;
  top: 1px;
}

.messenger-wrapper .conversation.chat .buyer {
  color: #595959;
  padding: 5px 3px 5px 5px;
  clear: both;
  border-radius: 5px;
  float: left;
  margin-top: -13px;
  word-break: break-word;
  -webkit-user-select: text; /* Chrome/Safari */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */
  cursor: default;
}
.messenger-wrapper .conversation.chat .buyer.bubble-buyer-time {
  padding-top: 0px;
  margin-top: -5px;
}

.messenger-wrapper .conversation.chat .seller {
  color: #292828;
  padding: 0px 0px 5px 5px;
  clear: both;
  border-radius: 5px;
  float: right;
  word-break: break-word;
  -webkit-user-select: text; /* Chrome/Safari */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */
  cursor: default;
  margin-right: -10px;
  margin-top: -5px;
}
.messenger-wrapper .conversation.chat .seller.bubble {
  display: grid;
  grid-template-columns: 45px auto 16px;
}

.messenger-wrapper .conversation.chat .seller .read-status {
  float: right;
  margin: 0 5px 12px;
}

.messenger-wrapper .conversation.chat .seller a,
.messenger-wrapper .conversation.chat .buyer a {
  cursor: pointer;
}

.messenger-wrapper .conversation.chat .seller span {
  background-color: #ebf8fa;
  border-radius: 5px;
  padding: 10px;
  display: table-cell;
  cursor: text;
  user-select: text;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.messenger-wrapper .conversation.chat .seller span.error-sending {
  background-color: #fce9e9;
  color: #292828;
}

.messenger-wrapper .conversation.chat .seller span.try-again {
  background-color: transparent;
  border: 0;
  display: inline;
}

.messenger-wrapper .conversation.chat .buyer span {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 10px;
  display: table-cell;
  position: relative;
  left: 3px;
  cursor: text;
  user-select: text;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.messenger-wrapper .conversation.chat .buyer span.try-again {
  background-color: transparent;
  border: 0;
  padding: 0;
  display: inline;
}

.conversation.chat .modded a {
  font-weight: bold;
}

.conversation.chat .modded a:hover {
  opacity: 0.7;
  text-decoration: none;
  cursor: pointer;
}

/* Right triangle placed top right flush */
.messenger-wrapper .bubble-buyer:before {
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: none;
  z-index: 1;
  width: 17px;
  height: 15px;
  position: relative;
  right: 10px;
  top: 29px;
  content: "";
  background-image: url("../img/caret-buyer.3d6123e53458.png");
  background-size: 13px 16px;
}

.messenger-wrapper .bubble-seller .caret-seller {
  float: right;
  z-index: 1;
  width: 15px;
  height: 15px;
  content: "";
  background-image: url("../img/caret-seller.64a784853997.png");
  background-repeat: no-repeat;
  background-size: 11px 16px;
  margin-top: 15px;
}

.messenger-wrapper .bubble-seller.sending .error-sending + .caret-seller {
  background-image: url("../img/caret-seller-error.44a57ef383ca.png");
}

.messenger-wrapper .bubble-seller.sending {
  display: grid;
  grid-template-columns: 35px auto 16px;
}

.messenger-wrapper .bubble-seller.sending .fa-spinner {
  margin-right: 7px;
}

@-moz-document url-prefix() {
  .messenger-wrapper .conversation.chat .seller span {
    display: block;
  }
  .messenger-wrapper .conversation.chat .seller {
    margin-right: 5px;
  }
  .messenger-wrapper .bubble-seller .caret-seller {
    margin-right: -15px;
  }
  .messenger-wrapper .conversation.chat .msg-timestamp,
  .messenger-wrapper .conversation.chat .not-sent-error {
    padding-right: 5px;
  }
  .messenger-wrapper .conversation.uncollapsed .conversation-details {
    bottom: 136px;
  }
}
.messenger-wrapper textarea {
  position: relative;
  bottom: 0px;
  left: 0;
  color: #565867;
  background-color: #fff;
  resize: none;
  border: none;
  box-sizing: border-box;
  padding: 10px 10px 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.33;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: background-color 0.5s ease, box-shadow 0.2s ease;
}

.messenger-wrapper textarea:focus {
  outline: none !important;
  background-color: #FFF;
  transition: background-color 0.5s ease, box-shadow 0.2s ease;
}

.messenger-wrapper .send-button {
  position: relative;
  cursor: pointer;
  margin-top: 8px;
}

.messenger-wrapper .attach-button {
  cursor: pointer;
  transition: opacity 0.12s ease-in;
  background-size: 43px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -19px 9px;
  border: none;
  outline: none;
  overflow: hidden;
}

.messenger-wrapper .attach-button input {
  outline: 0;
  display: none;
}

.button-previous-msg-wrapper {
  margin: 10px auto 10px;
  text-align: center;
}

.button-previous-msg-wrapper .previous-button {
  color: #236da9;
  margin: 10px 0 10px;
}
.button-previous-msg-wrapper .previous-button:hover {
  color: #17507f;
  text-decoration: none;
}

.button-previous-msg-wrapper .previous-button:focus {
  outline: none;
}

.button-previous-msg-wrapper .previous-button .getting-msg {
  color: white;
  margin-right: 5px;
}

#theCountMax {
  color: #727272;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  justify-self: right;
}

.color-max-character {
  color: #f04e54;
}

#text_send_message::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}

#text_send_message::-webkit-scrollbar-thumb {
  background: #727272;
  border-radius: 4px;
}

.container-selected-full {
  background-color: #ebf8fa;
}

.color-container-full-disabled {
  color: #b7b7b7;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.cursor-disable-option {
  pointer-events: none;
  cursor: none;
}

.container-box-contact-fulfillment {
  margin: 16px;
}
.container-box-contact-fulfillment button:not(:disabled).secondary-md:hover {
  border: 1px solid #17507f;
  color: #17507f;
}

.container-list-fulfillment {
  width: 100%;
  height: auto;
  border-radius: 4px;
  background-color: #fff;
}
.container-list-fulfillment button {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.container-list-fulfillment #contactOtherReasons.container-selected-full {
  border: 1px solid #236da9;
  color: #236da9;
  background: #ebf8fa;
  text-decoration: none;
}

.principal-container-mens-full {
  width: 91%;
  height: auto;
  padding-bottom: 13px;
  padding-top: 18px;
  border-radius: 4px;
  margin: 16px;
  border: solid 1px #dbdbdb;
  background-color: #fff;
}

.calculate-pad {
  padding-right: 15px;
}

.principal-container-mens-full.other-reasons {
  padding-bottom: 19px;
  padding-top: 16px;
  width: 89%;
  height: auto;
  border-radius: 4px;
  margin: 16px;
  border: solid 1px #dbdbdb;
  background-color: #fff;
}

#theTextareaFullLink {
  width: 90%;
}

.option-list-select {
  border-bottom: solid 1px #dbdbdb;
  height: 48px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.option-list-select-span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #17507f;
}

.option-list-select:hover {
  cursor: pointer;
  background-color: #ebf8fa;
  color: #236da9;
}

.class-disabled-option-full {
  background-color: transparent;
  color: #b7b7b7;
}

.explain-msg-full {
  margin-bottom: 16px;
}

.explain-msg-full.other-reasons {
  margin-left: 16px;
  margin-bottom: 16px;
}

.explain-text-msg-full {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  width: 306px;
}

.tooltip-info.new-design.msg-full {
  left: 2px;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  top: -1px;
}

.tooltip-info.new-design.msg-full:hover {
  background-color: #eeeeee;
}

.tooltip-info.new-design.msg-full .tiptext-new-design.msg-full {
  left: -165px;
}

.tooltip-info.new-design.msg-full.tooltip-center .tiptext-new-design.msg-full {
  left: 0;
}

.modal .tooltip-info .link-icon {
  cursor: pointer;
}
.modal .tooltip-info .tiptext-new-design {
  width: 280px;
  font-size: 14px;
}
.modal .tooltip-info .tiptext-new-design .container-tooltip {
  margin-bottom: 0;
}

.container-tooltip.msg-full {
  width: 241px;
  height: 33px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.container-txt-tooltip.msg-full {
  width: 225px;
  height: 33px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}

.explain-text-msg-full.more-options {
  width: 330px;
  margin-left: 2px;
}

.link-icon.new-design.msg-full {
  margin-top: 3px;
  position: relative;
  top: 3px;
  left: -14px;
}

.link-icon.new-design.msg-full i:hover {
  cursor: pointer;
}

.primary-md.msg-full-btn {
  width: 90%;
  height: 36px;
  margin-left: 16px;
  margin-top: 8px;
  color: #fff;
}

.mdc-text-field__input.msg-full-input {
  width: 306px;
  height: 42px;
  margin: 16px;
  margin-top: 0px;
}

.mdc-text-field.mdc-text-field--textarea.msg-full-input {
  margin: 16px;
  margin-top: 0px;
}

.mdc-text-field-character-counter.msg-full {
  margin-top: -16px;
  margin-left: 246px;
}

.chat-blocked-msg-full i svg {
  width: 20px;
}

.text-blocked-msg-full {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-left: 20px;
}

.caution-icon-msg-full svg {
  margin-top: 5px;
}

.caution-icon-msg-full svg g path {
  fill: #f36c00;
}

.input-other-reasons.link-container .input-msg-full.send-link-txt {
  position: relative;
}
.input-other-reasons.link-container .btn-send-link-full.disabled-link {
  position: absolute;
  bottom: 7px;
  left: 81.5%;
  width: 42px;
  height: 38px;
  border-radius: 4px;
  border: solid 1px transparent;
  background-color: #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-other-reasons.link-container .btn-send-link-full.enabled-link {
  position: absolute;
  bottom: 7px;
  left: 81.5%;
  width: 42px;
  height: 39px;
  border-radius: 4px;
  border: solid 1px transparent;
  background-color: #4194d8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-other-reasons.link-container .btn-send-link-full.enabled-link:hover {
  cursor: pointer;
}
.input-other-reasons.link-container .send-link-btn {
  fill: #fff;
  width: 20px;
  height: 18px;
}

.input-other-reasons .widget-alert.small {
  width: calc(100% - 32px);
  margin: 0 auto 24px;
}
.input-other-reasons .material-textfield {
  position: relative;
  text-align: center;
}
.input-other-reasons label {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  left: 17px;
  transform: translateY(-50%);
  background-color: white;
  color: #b7b7b7;
  padding: 0 0.3rem;
  margin: 0 0.5rem;
  top: 2px;
  transform: translateY(-50%) scale(0.9);
  transform-origin: left top;
  pointer-events: none;
}
.input-other-reasons textarea {
  background-color: white;
  box-sizing: border-box;
  border-radius: 4px;
  border: solid 1px #b7b7b7;
  color: #292828;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  min-height: 42px;
  margin: 0 auto;
  outline: none;
  overflow: hidden;
  padding: 1rem 0.7rem;
  resize: none;
  transition: 0.1s ease-out;
  width: calc(100% - 32px);
  max-height: 150px;
}
.input-other-reasons textarea.has-scroll {
  overflow-y: auto;
  overflow-x: clip;
}
.input-other-reasons textarea.has-scroll::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 8px;
  background: white;
}
.input-other-reasons textarea.has-scroll::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.input-other-reasons textarea:focus {
  border-color: #4194d8;
  box-shadow: none !important;
}
.input-other-reasons textarea:focus + label {
  color: #4194d8;
  box-shadow: none !important;
  top: 2px;
  transform: translateY(-50%) scale(0.9);
  opacity: 100%;
}
.input-other-reasons textarea:not(:placeholder-shown) + label {
  top: 0;
  transform: translateY(-50%) scale(0.9);
}
.input-other-reasons .count-full-msg {
  margin-right: 18px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #727272;
}

#containerMensFlexOption .title-days-container {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#containerMensFlexOption .input-other-reasons-radios-container {
  margin-left: 16px;
}
#containerMensFlexOption .mtl-selectize {
  margin-top: 16px;
}
#containerMensFlexOption .selectize-control.single .selectize-input:after {
  width: 2px;
  height: 2px;
}
#containerMensFlexOption #containerSelectHours {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12px;
  margin-right: 16px;
}
#containerMensFlexOption #containerSelectHours .selectize-control.single .selectize-input {
  border: 1px solid #b7b7b7;
  padding: 12px 7px 13px 12px;
  display: inline-block;
  height: 42px;
  margin: 0 0 4px;
  border-radius: 4px;
}
#containerMensFlexOption #containerSelectHours .mtl-selectize.from-hour {
  margin-right: 8px;
}
#containerMensFlexOption #containerSelectHours .mtl-selectize .selectize-dropdown.single {
  max-height: 152px;
  overflow-y: auto;
}
#containerMensFlexOption #containerSelectHours .mtl-selectize .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 12px;
}
#containerMensFlexOption #containerSelectHours .mtl-selectize .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #b7b7b7;
}
#containerMensFlexOption .footer-container-flex-msg {
  margin: 16px;
  display: grid;
}

.hidden-footer-msg {
  visibility: hidden;
}

.messenger-wrapper .conversation:hover {
  background-color: #eeeeee;
}

.messenger-wrapper .conversation.chat:hover {
  background-color: #FFF;
}

.messenger-wrapper .conversation.unread-messages {
  background: white;
  border-left: 4px solid #4194d8;
  padding-left: 12px;
}
.messenger-wrapper .conversation.unread-messages:hover {
  background-color: #eeeeee;
}

.messenger-wrapper .conversation.unread-messages .conversation-summary .item-title {
  font-weight: bold;
}

.messenger-wrapper {
  width: 370px;
  background: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #e4e4e4;
  bottom: 110px;
  right: 32px;
  position: fixed;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in;
  height: calc(100vh - 167px);
  z-index: 101;
}
.messenger-wrapper .someone-typing {
  font-size: 12px;
  padding: 0 0 4px 20px;
}
.messenger-wrapper .order-additional-details .container-predetails {
  padding: 0 10px;
}
.messenger-wrapper .order-additional-details .conversation-summary {
  position: inherit;
  top: 0;
}

.messenger-wrapper.visible {
  transition: opacity 0.2s ease-out;
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}
.messenger-wrapper.visible .no-messaging-allowed {
  margin: 20px 20px 10px 20px;
  width: auto;
}

.messenger-wrapper.in-conversation {
  transition: opacity 0.2s ease-out;
}

.messenger-wrapper .conversation-details {
  position: relative;
  margin-left: 0;
  top: 23px;
  right: 0;
  text-align: left;
  width: 92px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messenger-wrapper .conversations-preview {
  overflow-y: auto;
  height: calc(100vh - 260px);
}

.messenger-wrapper .conversations-review {
  overflow-y: auto;
  height: calc(100vh - 170px);
}

.messenger-wrapper .conversations-preview::-webkit-scrollbar, .messenger-wrapper .conversations-review::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 8px;
  background: white;
}

.messenger-wrapper .conversations-preview::-webkit-scrollbar-thumb, .messenger-wrapper .conversations-review::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}

#messenger-launcher.inactive + #order_messenger_cover + #order_conversation_detail,
#messenger-launcher.inactive + #order_messenger_cover {
  visibility: hidden;
}

/* Warnings for chat blocked or autmessage not sended */
.messenger-wrapper .bubble.blocking-error {
  padding-right: 15px;
}

.messenger-wrapper .bubble.blocking-error .system span {
  color: #bf8946;
  font-style: italic;
  background-color: #fffeef;
  border: 1px solid #ffd984;
}

.messenger-wrapper .bubble.blocking-error .system span i {
  margin-right: 5px;
  width: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.messenger-wrapper .bubble.blocking-error .system.bubble-seller:not(.bubble) {
  margin-top: -10px;
}

.messenger-wrapper .messenger-footer .chat-disabled {
  background-color: #f1f1f1;
  height: 39px;
  border-top: 1px solid #ccc;
  padding: 20px;
  color: #9e9e9e;
  font-style: italic;
  font-size: 13px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.messenger-wrapper .with-details + .messenger-footer .chat-disabled {
  height: 49px;
}

.messenger-wrapper .messenger-footer .chat-disabled i {
  margin-right: 5px;
  width: 12px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.messenger-wrapper .messenger-footer .chat-disabled i svg g path {
  fill: #c5c1c1;
}

.messenger-wrapper .messenger-footer .chat-disabled-full {
  background-color: #f1f1f1;
  height: 39px;
  border-top: 1px solid #ccc;
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.messenger-footer {
  position: absolute;
  width: 100%;
}

.messenger-wrapper .with-details + .messenger-footer .chat-disabled-full {
  height: 49px;
}

.messenger-wrapper .messenger-footer .chat-disabled-full i {
  margin-right: 5px;
  width: 12px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.messenger-wrapper .messenger-footer .chat-disabled-full i svg g path {
  fill: #f36c00;
}

/* Quick Messeging Tags */
.aux-btns {
  background: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: grid;
  grid-template-columns: 30px 30px 265px;
  grid-column-gap: 8px;
  padding: 12px 12px 8px 17px;
}
@media (max-width: 768px) {
  .aux-btns {
    grid-template-columns: 30px 30px 194px;
  }
}
.aux-btns svg {
  width: 14px;
  position: relative;
  top: 6px;
  left: 7px;
}
.aux-btns svg path {
  fill: #727272;
}
.aux-btns .attach-file-icon {
  height: 28px;
  width: 28px;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
}
.aux-btns .attach-file-icon:hover {
  background: #eeeeee;
}
.aux-btns .attach-file-icon:hover svg path {
  fill: #292828;
}
.aux-btns .quick-responses-icon {
  height: 28px;
  width: 28px;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
}
.aux-btns .quick-responses-icon:hover {
  background: #eeeeee;
}
.aux-btns .quick-responses-icon:hover svg path {
  fill: #292828;
}
.aux-btns .quick-responses-icon.is-active {
  background: #eeeeee;
}
.aux-btns .quick-responses-icon.is-active svg path {
  fill: #292828;
}
.aux-btns.aux-btns-other-reasons {
  grid-template-columns: 50% 50%;
  padding: 0px 12px 8px;
}
.aux-btns.aux-btns-other-reasons [data-id=responseToggler] {
  display: flex;
  /* background: red; */
  width: fit-content;
  align-items: center;
  text-align: justify;
  margin-left: 7px;
}

.search-tags {
  position: relative;
}

.search-tags i {
  color: #595959;
  position: absolute;
  padding: 10px;
  pointer-events: none;
  right: 0px;
}

.search-tags input {
  border-radius: 0;
  width: 264px;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #CCC;
  font-size: 1.2rem;
}

.messenger-wrapper textarea:focus .aux-btns {
  background: red;
  transition: background-color 0.5s ease, box-shadow 0.2s ease;
}

.text-submit-wraper {
  display: grid;
  background-color: #fff;
  grid-template-columns: 316px auto;
  grid-column-gap: 4px;
  border-top: 1px solid #dbdbdb;
}
@media (max-width: 768px) {
  .text-submit-wraper {
    grid-template-columns: 252px auto;
  }
}

.circled {
  border-radius: 4px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: #4194d8;
}
.circled svg {
  height: 20px;
  width: 20px;
  position: relative;
  left: 8px;
}
.circled svg path {
  fill: white;
}

.circled.disabled {
  cursor: default;
  background-color: #CCC;
  opacity: 0.8;
}

.circled.disabled:hover {
  background-color: #CCC;
  opacity: 0.8;
}

.circled:hover {
  background: #236da9;
}

.button-manage a {
  color: #236da9;
}
.button-manage a:hover {
  color: #17507f;
  text-decoration: none;
}

.messenger-wrapper .attach-button {
  cursor: pointer;
  transition: opacity 0.12s ease-in;
  background-size: 43px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  outline: none;
  overflow: hidden;
}

svg.quick-responses-icon {
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  fill: #71D8BF;
}

svg.quick-responses-icon:hover {
  fill: #66af9f;
}

svg.send-message {
  width: 18px;
  height: 18px;
  left: 5px;
  position: relative;
  top: 6px;
  fill: #ffffff;
}

svg.attach-file-icon {
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
  fill: #71D8BF;
  margin-top: 10px;
  margin-left: 6px;
}

svg.attach-file-icon:hover {
  fill: #66af9f;
}

.quick-responses-messaging-wrapper {
  background: white;
  border: 1px solid #CCC;
  border-radius: 5px;
  position: fixed;
  right: 105px;
  width: 280px;
  z-index: 9999;
}
.quick-responses-messaging-wrapper .header .button-manage {
  position: relative;
  top: 5px;
}

.quick-responses-messaging-wrapper .messaging-responses-wrapper {
  padding: 20px 0 20px;
}

.quick-responses-messaging-wrapper .messaging-responses {
  height: 146px;
  font-size: 14px;
  overflow: auto;
  clear: both;
  padding: 0 16px;
  text-align: center;
}
.quick-responses-messaging-wrapper .messaging-responses .empty-state-header {
  color: #292828;
  font-weight: 700;
  margin-bottom: 8px;
}
.quick-responses-messaging-wrapper .messaging-responses .empty-state-detail {
  color: #292828;
  margin-bottom: 20px;
}
.quick-responses-messaging-wrapper .messaging-responses .quick-add {
  text-align: center;
}
.quick-responses-messaging-wrapper .messaging-responses .quick-add a {
  color: #236da9;
}
.quick-responses-messaging-wrapper .messaging-responses .quick-add a:hover {
  color: #17507f;
  text-decoration: none;
}

.quick-responses-messaging-wrapper .messaging-responses .no-responses {
  padding: 10px;
  font-size: 1.2rem;
}

.quick-responses-messaging-wrapper .header {
  height: 27px;
  padding: 8px 10px;
  border-bottom: 1px solid #CCC;
}

.quick-responses-messaging-wrapper .header span {
  color: #292828;
  font-size: 1.6rem;
  line-height: 29px;
  font-weight: 700;
}

.messaging-responses .btn {
  color: white;
}
.messaging-responses .quick-add a {
  color: #236da9;
}
.messaging-responses .quick-add a:hover {
  color: #17507f;
  text-decoration: none;
}
.messaging-responses .response {
  cursor: pointer;
  margin: 10px;
  text-align: center;
  color: #FFF;
  border: 0;
  text-transform: uppercase;
}
.messaging-responses .response:first-child {
  margin-top: 0px;
}
.messaging-responses .response:last-child {
  margin-bottom: 0px;
}
.messaging-responses .response .btn {
  border: 0;
  width: 100%;
  font-weight: bold;
  border-radius: 3px;
  padding: 5px 0;
}
.messaging-responses .response .btn:hover {
  opacity: 0.8;
}

.overlay__popover-caret.o__bottom {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: -9px;
  left: 50%;
  margin-left: -4px;
  position: absolute;
}

.tag-save-error,
.tag-save-success,
.tag-delete-success,
.tag-duplicate-error,
.tag-default-name-error,
.tag-default-label-error {
  display: none;
  padding-top: 6px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: left;
  height: 34px;
}

.questions-tags-new-tag-container {
  margin-top: 30px;
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}

.questions-tags-new-tag-row {
  padding-top: 15px;
}

.questions-tags-new-tag-input {
  width: 615px;
  float: left;
  padding-left: 8px;
}

.questions-new-tag-text-input {
  width: 490px;
}

.new-tag-text-input {
  width: 100%; /* Remove style when not overriden */
}

.flex-container-quick-responses {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 5px;
}

.flex-container-quick-responses .flex-item:nth-child(1) {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 132px;
  box-sizing: content-box;
  padding: 0;
  margin-top: 5px;
}

.flex-container-quick-responses .flex-item:nth-child(2) {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.flex-container-quick-responses .flex-item:nth-child(3) {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-flex: 0 1 4px;
  -ms-flex: 0 1 4px;
  flex: 0 1 4px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding-right: 0;
}

.questions-modal-tags .flex-item {
  padding: 5px;
}

#messagesModal .questions-new-tag-label-input {
  float: left;
  width: 125px;
  background-color: #bee092;
  color: #ffffff;
  font-weight: bold;
  margin-left: 15px;
}

.questions-tags-tag-input {
  float: left;
  width: 125px;
  color: #ffffff;
  font-weight: bold;
  border: 0px;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.questions-tags-tag-input[readonly] {
  cursor: default;
}

.questions-new-tag-label-input {
  float: left;
  width: 125px;
  background-color: #bee092;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.questions-tags-tag-label {
  width: 150px;
}

.questions-new-tag-color-box {
  float: left;
  margin-top: 10px;
  margin-right: 7px;
  width: 15px;
  height: 15px;
  border: 1px solid #e0e0e0;
}

.questions-new-tag-color-box:hover {
  border: 1px solid #595959 !important;
  cursor: pointer;
}

.questions-modal-tags {
  width: 820px;
}

.questions-tags-tag-row {
  margin-bottom: 15px;
  /*border-bottom: 1px solid #e0e0e0;*/
}

.questions-tags-new-tag-container {
  margin-top: 30px;
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}

.questions-tags-tag-row .edit-btn,
.questions-tags-tag-row .delete-btn,
.questions-tags-tag-row .move-up-btn {
  margin-right: 8px;
}

.questions-tags-tag-text {
  width: 505px;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}

.questions-tags-tag-options {
  width: 115px;
  float: left;
  padding-left: 8px;
  padding-top: 5px;
}

.widget-filters li .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

input.mdl-textfield__input:focus {
  box-shadow: none;
}

#modalNewsMeli .container-body {
  max-height: 400px;
  overflow-y: scroll;
  padding-right: 10px;
}
#modalNewsMeli .modal-body {
  padding-right: 15px;
}
#modalNewsMeli .container-body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
#modalNewsMeli .container-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#modalNewsMeli .container-no-news {
  text-align: center;
}
#modalNewsMeli .container-no-news .empty-title {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 30px;
}
#modalNewsMeli ol {
  margin: 0;
  padding: 0;
}
#modalNewsMeli .box-one-new {
  list-style: none;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  border-left: 4px solid #dbdbdb;
  padding: 24px 24px 24px 20px;
  margin-bottom: 20px;
  margin-top: 5px;
  display: grid;
  grid-template-rows: auto auto auto;
  grid-row-gap: 12px;
}
#modalNewsMeli .box-one-new.important-news {
  border-left: 4px solid #4194d8;
}
#modalNewsMeli .box-one-new.important-news:hover {
  border: solid 1px #dbdbdb;
  border-left: 4px solid #4194d8;
}
#modalNewsMeli .box-one-new p {
  margin: 0;
}
#modalNewsMeli .box-one-new:hover {
  border: solid 1px #dbdbdb;
  border-left: 4px solid #dbdbdb;
  background-color: #fbfbfb;
}
#modalNewsMeli .box-one-new.border-no-read-notice {
  border-left: solid 4px #4194d8;
}
#modalNewsMeli .box-one-new.border-no-read-notice:hover {
  background-color: #fbfbfb;
  border-left: solid 4px #17507f;
}
#modalNewsMeli .box-one-new.border-to-read-notice {
  border-left: solid 4px #dbdbdb;
}
#modalNewsMeli .box-one-new.border-to-read-notice:hover {
  background-color: #fbfbfb;
}
#modalNewsMeli .title-and-link {
  display: flex;
  justify-content: space-between;
}
#modalNewsMeli .title-and-circle {
  display: inline-flex;
  align-items: baseline;
}
#modalNewsMeli .title-and-circle .title-new {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#modalNewsMeli .title-and-circle .new-tags-meli .tag-important {
  padding: 4px 8px;
  width: 83px;
  height: 25px;
  background-color: #ebf8fa;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #4194d8;
  margin-right: 10px;
}
#modalNewsMeli .title-and-circle .new-tags-meli .tag-category {
  padding: 4px 8px;
  width: 83px;
  height: 25px;
  background-color: #eeeeee;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #727272;
  margin-right: 10px;
}
#modalNewsMeli .circle-unread {
  width: 8px;
  height: 8px;
  background-color: #f04e54;
  margin-right: 10px;
  border-radius: 50%;
  position: relative;
  bottom: 2px;
}
@media (min-width: 769px) {
  #modalNewsMeli .links-to-news.mobile-version {
    display: none;
  }
  #modalNewsMeli .links-to-news.web-version {
    display: flex;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  #modalNewsMeli .links-to-news.mobile-version {
    display: flex;
    align-items: flex-start;
    padding: 12px 0 12px;
  }
  #modalNewsMeli .links-to-news.web-version {
    display: none;
  }
}
#modalNewsMeli .links-to-news a {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #236da9;
  margin-left: 30px;
}
#modalNewsMeli .links-to-news a:hover {
  color: #17507f;
  text-decoration: none;
}
#modalNewsMeli #btnMoreNews {
  margin-bottom: 25px;
  margin-top: 10px;
  width: 173px;
  height: 36px;
  border-radius: 4px;
}
#modalNewsMeli .btn-news-loader {
  width: 172px;
  height: 36px;
  border-radius: 4px;
  margin-bottom: 25px;
  margin-top: 10px;
}

.badge-user.unread-news {
  min-width: 11px;
  min-height: 13px;
  border-radius: 6px;
  padding: 1px 4px;
  text-align: center;
  background-color: #DA133F;
  color: white;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  top: -4px;
  right: -13px;
  border: 3px solid #71D8BF;
  top: -12px;
}

.loader--full {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.loader--full .custom-mdc-spinner {
  display: block;
  height: auto;
  max-height: 34px;
}

.trial-alert__info {
  font-weight: normal;
}
.trial-alert__info #pricingLink {
  font-weight: 800;
}
.trial-alert__info p {
  margin: 0;
}
.trial-alert__warning, .trial-alert__danger {
  font-weight: normal;
}
.trial-alert__warning #pricingLink,
.trial-alert__warning #getRecurringPaymentLnk,
.trial-alert__warning #annualPaymentLink,
.trial-alert__warning #oneCouponPaymentLink,
.trial-alert__warning #getRegularPaymentLnk, .trial-alert__danger #pricingLink,
.trial-alert__danger #getRecurringPaymentLnk,
.trial-alert__danger #annualPaymentLink,
.trial-alert__danger #oneCouponPaymentLink,
.trial-alert__danger #getRegularPaymentLnk {
  font-weight: 800;
}
.trial-alert__warning p, .trial-alert__danger p {
  margin-bottom: 0;
}

.payment-alert__danger {
  font-weight: normal;
}
.payment-alert__danger #pricingLink,
.payment-alert__danger #getRecurringPaymentLnk,
.payment-alert__danger #annualPaymentLink,
.payment-alert__danger #oneCouponPaymentLink {
  font-weight: 800;
}
.payment-alert__danger p {
  margin-bottom: 0;
}
.payment-anual-alert__info {
  font-weight: 400;
}
.payment-anual-alert__info span span {
  font-weight: 600;
  padding-right: 0;
}
.payment-anual-alert__info span a {
  font-weight: 400;
}

.modal__confirm-proceed {
  color: #292828;
  background: rgba(41, 40, 40, 0.3);
}
.modal__confirm-proceed.fade .modal-dialog {
  transform: translate(-50%, -100%);
  top: 0;
  left: 50%;
  margin: 0;
}
.modal__confirm-proceed.in .modal-dialog {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin: 0;
}
.modal__confirm-proceed[data-has-error=false] .widget-alert.error {
  display: none;
}
.modal__confirm-proceed[data-has-error=true] .widget-alert.error {
  display: grid;
}
.modal__confirm-proceed .modal-dialog {
  max-width: 600px;
}
.modal__confirm-proceed .modal-dialog .modal-content {
  border: 3px solid #ffe5ac;
  border-top: 0;
  overflow: hidden;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  background-color: #ffe5ac;
  height: 56px;
  padding: 0 24px;
  width: calc(100% + 4px);
  box-sizing: border-box;
  margin-left: -2px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
  margin-top: -2px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-header h4:not(.title__icon)::before {
  height: 21px;
  width: 24px;
  background: url("/static/img/lister/lister-sprite.fd1b344dced7.svg");
  background-position: -8px -29px;
  content: " ";
  display: inline-block;
  top: 6px;
  margin-right: 12px;
  position: relative;
  background-size: 105px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-header h4.title__icon i {
  height: 21px;
  width: 21px;
  display: inline-block;
  top: 4px;
  margin-right: 12px;
  position: relative;
  background-size: 105px;
  color: #f36c00;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body {
  line-height: 14px;
  padding: 0 24px 2px 24px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body h4 {
  font-size: 24px;
  line-height: 29px;
  margin: 22px 0 8px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body p {
  margin: 18px 0 0;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email.error label, .modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email.error p {
  color: #f04e54;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email.error input {
  border-color: #f04e54;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email label, .modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email p {
  color: #4194d8;
  font-size: 12px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email label {
  position: absolute;
  background: white;
  margin-left: 11px;
  padding: 0 5px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email p {
  margin: 2px 0 0 6px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-body .widget-field-email input {
  height: 30px;
  margin: 6px 10px 0 0;
  border-color: #4194d8;
  border-radius: 4px;
  width: calc(100% - 20px);
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-footer {
  margin-top: 30px;
  padding-top: 22px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-footer .bt-secondary {
  min-width: 130px;
  height: 44px;
  border-radius: 8px;
  margin: 0 0 0 24px;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-footer .bt-secondary.btn-outline-primary {
  border: 1px solid #4194d8;
  background-color: white;
  color: #4194d8;
}
.modal__confirm-proceed .modal-dialog .modal-content .modal-footer .bt-secondary.btn-outline-primary:hover {
  background-color: #ebf8fa;
}

@media (min-width: 1200px) and (max-width: 1359px) {
  .container-no-news .empty-state-news img {
    width: 320px !important;
    height: 235px !important;
  }
}
@media (min-width: 1360px) and (max-width: 1450px) {
  #modalNewsMeli .modal-content {
    height: 569px;
  }
  #modalNewsMeli .modal-body {
    height: 397px;
  }
  .container-no-news .empty-state-news img {
    width: 320px !important;
    height: 235px !important;
  }
}
@media (max-width: 500px) {
  #sendLinkFullBtn {
    left: 79.5%;
    bottom: 6px;
  }
  #sendLinkFullBtnDisabled {
    left: 79.5%;
    bottom: 6px;
  }
  #theTextareaFull {
    width: 90%;
  }
  #sendMsgOtherReasonsDisabled {
    width: 90%;
  }
  #sendMsgOtherReasons {
    width: 90%;
  }
  .explain-text-msg-full {
    width: 90%;
  }
  .explain-text-msg-full.more-options {
    width: 280px;
  }
  .explain-text-msg-full.more-options.explain-text-msg-special {
    max-width: 100%;
  }
  .link-icon.new-design.msg-full {
    left: 7px;
  }
  .tiptext-new-design.msg-full {
    left: -122%;
  }
  .tooltip-info.new-design.msg-full .tiptext-new-design.msg-full.more-op {
    margin-left: -247px;
  }
  .tooltip-info.new-design.msg-full.tooltip-center .tiptext-new-design.msg-full {
    margin-left: -110px;
  }
  .tooltip-info.new-design.msg-full.tooltip-center-mobile .tiptext-new-design.msg-full {
    margin-left: 0px;
    left: -48px;
  }
  #wrapper.special__wrapper main {
    min-height: auto;
  }
}
@media (max-width: 768px) {
  #modalNewsMeli .box-one-new {
    width: 91%;
    padding: 12px;
  }
  #modalNewsMeli .title-and-link {
    display: block;
  }
  #modalNewsMeli .title-and-link span {
    width: 95%;
  }
  #modalNewsMeli ol {
    padding-inline-start: 0;
    padding-right: 8px;
  }
  #modalNewsMeli .links-to-news a {
    margin-left: 2px;
    margin-right: 30px;
  }
  #modalNewsMeli .links-to-news {
    display: inline;
  }
  #modalNewsMeli .title-and-circle {
    margin-bottom: 8px;
  }
  #modalNewsMeli .container-body::-webkit-scrollbar:vertical {
    height: 12px;
  }
  .primary-nav .menu li.indep-menu .icon.standalone {
    left: 0px;
  }
  .numeric-badge.unread-flex-badge {
    background-color: #f04e54;
    color: white;
    border-radius: 4px;
    height: 14px;
    text-align: center;
    top: 12px;
    position: absolute;
    right: 50px;
    box-sizing: border-box;
    min-width: 14px;
    padding: 0 4px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    z-index: 2;
  }
  #tools-device-alert.widget-alert.medium {
    margin: 56px auto 18px;
    box-sizing: border-box;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #ffcc59;
  }
  #tools-device-alert.widget-alert.medium + main {
    padding-top: 0;
  }
  .just-mobile {
    display: grid;
    place-items: center;
    height: 90vh;
  }
  .just-mobile.widget-alert {
    display: grid;
  }
  .just-desktop {
    display: none !important;
  }
  .questions-global-main,
  .dashboard-global-main,
  .sales-global-main,
  .competition-global-main,
  .automessaging-global-main,
  .listings-global-main,
  .blocking-global-main {
    background: white;
    box-sizing: border-box;
  }
  .locked-screen {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column nowrap;
    max-width: 580px;
  }
  .locked-screen img {
    width: 80%;
    max-width: 380px;
    margin-bottom: 46px;
  }
  .locked-screen p {
    font-size: 14px;
    margin: 0;
    color: #292828;
    text-align: center;
    font-weight: 400;
  }
  .locked-screen .app-mobile-anchor {
    margin: 46px auto 32px;
    width: 100%;
  }
  .locked-screen .app-mobile-anchor button {
    width: 100%;
  }
  .locked-screen-buttons {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding-top: 32px;
  }
  .locked-screen-buttons p {
    margin-bottom: 16px;
  }
  .locked-screen-buttons ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    flex-flow: row;
    list-style-type: none;
  }
  .locked-screen-buttons ul li {
    width: fit-content;
  }
  .locked-screen-buttons ul li a img {
    width: 100%;
    margin: 0;
  }
}
.training__list {
  display: grid;
  grid-template-columns: 140px max-content;
  align-items: center;
  margin: 15px 0;
}
.training__list--questions {
  margin: 0 0 34px;
}
.training__video {
  text-decoration: none;
}
.training__video i {
  box-sizing: border-box;
  padding-left: 4px;
}
.training__link {
  text-decoration: none;
  color: #236da9;
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
  margin-left: 10px;
  width: max-content;
}
.training__link:hover {
  text-decoration: none;
  color: #17507f;
}

.widget-alert .verify-email-alert > span {
  font-weight: 400;
  color: #292828;
}
.widget-alert .verify-email-alert__button {
  white-space: nowrap;
}
.widget-alert .verify-email-alert__button > a {
  font-weight: 400;
  color: #292828;
}
.widget-alert .verify-email-alert__tooltip {
  left: -2px;
  height: 14px;
  margin-left: 5px;
}
.widget-alert .verify-email-alert__tooltip > a {
  margin-left: 0px;
  padding: 0 0px 12px;
  box-sizing: border-box;
}
.widget-alert .verify-email-alert__tooltip i {
  width: 14px;
  height: 14px;
  margin: 0;
}
.widget-alert .verify-email-alert__tooltip svg, .widget-alert .verify-email-alert__tooltip svg path, .widget-alert .verify-email-alert__tooltip svg circle {
  fill: #727272;
}
.widget-alert .verify-email-alert__tooltip.tooltip-info {
  padding: 0;
}
.widget-alert .verify-email-alert__tooltip.tooltip-info .tiptext-new-design {
  transform: translateX(-50%);
  margin-top: 9px;
  cursor: default;
}
.widget-alert .verify-email-alert__tooltip.tooltip-info .tiptext-new-design a {
  cursor: pointer;
  text-decoration: none;
}
.widget-alert .verify-email-alert__tooltip:hover > a {
  height: 26px;
}
.widget-alert.verify-email-alert {
  grid-template-columns: 56px auto;
}
.widget-alert.verify-email-alert > i {
  margin: 0 16px;
}
.widget-alert.verify-email-alert > span {
  font-weight: 400;
}
.widget-alert.verify-email-alert + .widget-alert {
  margin-top: 0px;
}

.widget-state-blocked {
  background: #ffffff;
  min-height: 556px;
  display: flex;
  align-items: center;
}
.widget-state-blocked__wrapper {
  width: 95%;
  max-width: 677px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px auto;
  grid-gap: 36px;
  align-items: center;
}
.widget-state-blocked__wrapper .strong-text {
  font-weight: 600;
}
.widget-state-blocked img {
  max-width: 100%;
  display: block;
}
.widget-state-blocked h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 16px;
  color: #292828;
  padding: 0;
}
.widget-state-blocked p {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 16px;
  color: #292828;
}
.widget-state-blocked a {
  text-decoration: none;
}
.widget-state-blocked a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .widget-state-blocked__wrapper {
    grid-template-columns: 1fr;
    padding: 36px 20px;
  }
  .widget-state-blocked img {
    margin: 50px auto 30px;
  }
}

.widget-state-empty {
  background: #ffffff;
  min-height: 556px;
  display: flex;
  align-items: center;
}
.widget-state-empty__wrapper {
  width: 95%;
  max-width: 677px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px auto;
  grid-gap: 36px;
  align-items: center;
}
.widget-state-empty img {
  max-width: 100%;
  display: block;
}
.widget-state-empty h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 16px;
  color: #292828;
  padding: 0;
}
.widget-state-empty p {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 16px;
  color: #292828;
}
.widget-state-empty a {
  text-decoration: none;
}
.widget-state-empty a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .widget-state-empty__wrapper {
    grid-template-columns: 1fr;
    padding: 36px 20px;
  }
  .widget-state-empty img {
    margin: 50px auto 30px;
  }
}

@media (max-width: 768px) {
  .training__list--questions {
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .locked-screen > img {
    max-width: 248px;
  }
}
.training__video {
  text-decoration: none;
}
.training__video:hover, .training__video:focus, .training__video:active, .training__video:visited {
  text-decoration: none;
}

@media (min-width: 769px) {
  .just-mobile {
    display: none !important;
  }
  .just-desktop {
    display: block;
  }
}
/* LOGIN */
.login-country-selector .selector-wrapper {
  display: flex;
  justify-content: center;
}
.login-country-selector .selector-wrapper.is-open .selectize-control {
  background-color: #eeeeee;
  border-radius: 4px;
}
.login-country-selector .selector-wrapper.is-open .selectize-control .item {
  color: #292828;
}
.login-country-selector .selector-wrapper.is-open .selectize-control .selectize-input::after {
  border-color: #292828 transparent transparent transparent;
}
.login-country-selector .selectize-dropdown-content {
  overflow-y: hidden;
}

#mainLogin .selectize-input.items.full.has-options.has-items, #signUpWidget .selectize-input.items.full.has-options.has-items {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
#mainLogin .selectize-control.single .selectize-input:after, #signUpWidget .selectize-control.single .selectize-input:after {
  right: 13px;
  content: " ";
  display: block;
  position: absolute;
  top: 53%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
#mainLogin .circle-container, #signUpWidget .circle-container {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  top: -6px;
  left: -20px;
}
#mainLogin .selectize-dropdown .active, #signUpWidget .selectize-dropdown .active {
  background-color: #eeeeee;
}
#mainLogin .container-svg-country i svg, #signUpWidget .container-svg-country i svg {
  width: 14px;
  margin-right: -20px;
  margin-top: 1px;
}
#mainLogin .container-svg-country .br-svg-country, #signUpWidget .container-svg-country .br-svg-country {
  margin-left: 6px;
}
#mainLogin .container-svg-country .mx-svg-country, #signUpWidget .container-svg-country .mx-svg-country {
  margin-left: 6px;
}
#mainLogin .reach-help, #signUpWidget .reach-help {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #292828;
}
#mainLogin .reach-help a, #signUpWidget .reach-help a {
  color: #4194d8;
}
#mainLogin .reach-help a:hover, #signUpWidget .reach-help a:hover {
  color: #236da9;
}
#mainLogin .login-terms, #signUpWidget .login-terms {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #727272;
  margin-top: 15px;
  max-width: 80vw;
}
#mainLogin .selectize-input.items.full.has-options.has-items, #signUpWidget .selectize-input.items.full.has-options.has-items {
  width: 115px;
}
#mainLogin div.input-block, #signUpWidget div.input-block {
  position: relative;
}
#mainLogin div.input-block#passwordLogin .pstrength-info, #signUpWidget div.input-block#passwordLogin .pstrength-info {
  margin-bottom: 4px;
}
#mainLogin div.input-block input, #signUpWidget div.input-block input {
  font-size: 1.4rem;
  color: #292828;
  padding: 12.5px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  outline: none;
}
#mainLogin div.input-block input:focus, #signUpWidget div.input-block input:focus {
  outline: none;
}
#mainLogin div.input-block span.placeholder, #signUpWidget div.input-block span.placeholder {
  position: absolute;
  margin: 12px 0;
  padding: 0 4px;
  color: #6c757d;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  top: 0;
  left: 9px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
}
#mainLogin div.input-block input:valid + span.placeholder,
#mainLogin div.input-block input:focus + span.placeholder,
#mainLogin div.input-block input:placeholder-shown + span.placeholder,
#mainLogin div.input-block input:-webkit-autofill + span.placeholder,
#mainLogin div.input-block input:read-only + span.placeholder,
#mainLogin div.input-block input:valid ~ span.placeholder,
#mainLogin div.input-block input:focus ~ span.placeholder,
#mainLogin div.input-block input:placeholder-shown ~ span.placeholder,
#mainLogin div.input-block input:-webkit-autofill ~ span.placeholder,
#mainLogin div.input-block input[type=password]:read-only ~ span.placeholder, #signUpWidget div.input-block input:valid + span.placeholder,
#signUpWidget div.input-block input:focus + span.placeholder,
#signUpWidget div.input-block input:placeholder-shown + span.placeholder,
#signUpWidget div.input-block input:-webkit-autofill + span.placeholder,
#signUpWidget div.input-block input:read-only + span.placeholder,
#signUpWidget div.input-block input:valid ~ span.placeholder,
#signUpWidget div.input-block input:focus ~ span.placeholder,
#signUpWidget div.input-block input:placeholder-shown ~ span.placeholder,
#signUpWidget div.input-block input:-webkit-autofill ~ span.placeholder,
#signUpWidget div.input-block input[type=password]:read-only ~ span.placeholder {
  transform: scale(0.8) translateY(-25px);
  background: #fff;
  font-weight: 600;
}
#mainLogin div.input-block input:focus, #signUpWidget div.input-block input:focus {
  color: #292828;
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
#mainLogin div.input-block input:focus + span.placeholder, #signUpWidget div.input-block input:focus + span.placeholder {
  color: #4194d8;
}
#mainLogin div.input-block input:focus ~ span.placeholder, #signUpWidget div.input-block input:focus ~ span.placeholder {
  color: #4194d8;
}

#new-login {
  display: grid;
  height: 100vh;
  align-items: center;
  justify-items: center;
}
#new-login #containerFooterSign {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 371px;
  margin-top: 34px;
}
#new-login #containerFooterSign .login-country-selector.grid {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
#new-login #containerFooterSign .login-country-selector.grid.new-design-login {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
#new-login #containerFooterSign .selectize-input.items.full.has-options.has-items {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
#new-login #containerFooterSign .selectize-control.single .selectize-input:after {
  right: -20px;
  content: " ";
  display: block;
  position: absolute;
  top: 53%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #727272 transparent transparent transparent;
}
#new-login #containerFooterSign .circle-container {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  top: -6px;
  left: -20px;
}
#new-login #containerFooterSign .selectize-dropdown .active {
  background-color: #eeeeee;
}
#new-login #containerFooterSign .selector-wrapper {
  display: flex;
  justify-content: center;
}
#new-login #containerFooterSign .container-svg-country i svg {
  width: 14px;
  margin-right: -20px;
  margin-top: 1px;
}
#new-login #containerFooterSign .container-svg-country .br-svg-country {
  margin-left: 10px;
}
#new-login #containerFooterSign .container-svg-country .mx-svg-country {
  margin-left: 6px;
}
#new-login #containerFooterSign .reach-help {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #292828;
}
#new-login #containerFooterSign .reach-help a {
  color: #4194d8;
}
#new-login #containerFooterSign .reach-help a:hover {
  color: #236da9;
}
#new-login #containerFooterSign .login-terms {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #727272;
  margin-top: 0;
}
#new-login .selectize-input.items.full.has-options.has-items {
  width: 120px;
}
#new-login .main-wrapper.single {
  padding-top: 40px;
}
#new-login .main-wrapper.account-error.single {
  padding-top: 0px;
}
#new-login .main-wrapper.account-error.single .dual-grid .account__already-linked {
  margin-top: 0;
}
#new-login .main-wrapper.initial-login {
  align-items: center;
  justify-items: center;
}
#new-login .main-wrapper.initial-login .login-logo {
  margin: 30px auto;
}
#new-login .main-wrapper.initial-login .widget-alert-multisession {
  max-width: 374px;
  margin: 0 0 12px;
}
#new-login .main-wrapper.initial-login .widget-alert-multisession button {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
#new-login .main-wrapper.initial-login .widget-alert-multisession button svg path {
  fill: #727272;
}
#new-login .main-wrapper.initial-login .widget-alert-multisession button:hover, #new-login .main-wrapper.initial-login .widget-alert-multisession button:focus {
  background-color: #eeeeee;
}
#new-login .main-wrapper.initial-login .widget-alert-multisession button:hover svg path, #new-login .main-wrapper.initial-login .widget-alert-multisession button:focus svg path {
  fill: #292828;
}
#new-login .main-wrapper #selectorCountryWrapper .selectize-control.single .selectize-dropdown.single {
  width: 111px !important;
  height: 126px !important;
  top: 43px !important;
  overflow: hidden;
}
#new-login #containerLoginLogo {
  margin-top: 80px;
  cursor: pointer;
}
#new-login .dual-grid.widget {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 550px;
  margin: 40px auto 0;
}
@media (max-width: 1050px) {
  #new-login .dual-grid.widget {
    grid-template-columns: 1fr;
    max-width: 80vw;
  }
}
@media (min-width: 400px) and (max-width: 600px) {
  #new-login .dual-grid.widget {
    grid-template-columns: 1fr;
    max-width: none;
  }
}
#new-login .dual-grid.widget.tempflow {
  grid-template-columns: 1fr;
  width: 371px;
  margin: 0 auto;
  display: block;
  padding: 0;
}
#new-login .dual-grid.widget.tempflow .main-col {
  padding: 0 40px;
}
@media (max-width: 600px) {
  #new-login .dual-grid.widget.tempflow .main-col {
    padding: 0 24px;
  }
}
#new-login .dual-grid.widget.tempflow .intro-in-grid {
  grid-column: 1/3;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #292828;
}
@media (max-width: 778px) {
  #new-login .dual-grid.widget.tempflow .intro-in-grid {
    padding: 5px 32px;
  }
}
#new-login .dual-grid.widget.tempflow .intro-in-grid p {
  margin: 0 0 20px -10px;
}
@media (max-width: 778px) {
  #new-login .dual-grid.widget.tempflow .intro-in-grid p {
    margin: 0 0 10px;
  }
}
#new-login .dual-grid.widget.tempflow #rightColSignupNew {
  padding: 0;
}
#new-login .dual-grid.widget.tempflow .left-col {
  padding: 0 32px 0 0;
  border-right: 1px solid #e4e4e4;
}
#new-login .dual-grid.widget.tempflow .regular-login {
  max-width: 100%;
}
#new-login .dual-grid.widget.tempflow .regular-login .widget-alert {
  margin-bottom: 18px;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login {
  border-radius: 4px;
  height: 15px;
  border: solid 1px #b7b7b7;
  margin: 14px 0 4px;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login:-webkit-autofill, #new-login .dual-grid.widget.tempflow .regular-login .input-login:-webkit-autofill:hover, #new-login .dual-grid.widget.tempflow .regular-login .input-login:-webkit-autofill:focus, #new-login .dual-grid.widget.tempflow .regular-login .input-login:-webkit-autofill:active, #new-login .dual-grid.widget.tempflow .regular-login .input-login:-webkit-autofill::first-line {
  color: #292828;
  font-family: "proxima-nova" !important;
  font-weight: normal !important;
  font-size: 14px !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login.credentials-errors {
  border: 1px solid #f04e54;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login.credentials-errors + .placeholder {
  color: #f04e54;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login.credentials-errors:focus {
  border-color: #f04e54;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login#username {
  text-transform: lowercase;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login:hover {
  border-color: #727272;
}
#new-login .dual-grid.widget.tempflow .regular-login .input-login:focus {
  box-shadow: none;
  border-color: #4194d8;
}
#new-login .dual-grid.widget.tempflow .regular-login .view-pswd {
  left: -12px;
  top: -35px;
}
#new-login .dual-grid.widget.tempflow .regular-login .view-pswd.pass-str {
  top: 10px;
}
#new-login .dual-grid.widget.tempflow .regular-login .viewed-pswd {
  left: -12px;
  top: -35px;
}
#new-login .dual-grid.widget.tempflow .regular-login .viewed-pswd.pass-str {
  top: 10px;
}
#new-login .dual-grid.widget.tempflow .regular-login .bt-login {
  height: 36px;
  margin: 12px 0px 16px;
  padding: 8px 24px;
  border-radius: 4px;
  background-color: #4194d8;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: white;
}
#new-login .dual-grid.widget.tempflow .regular-login .bt-login:hover, #new-login .dual-grid.widget.tempflow .regular-login .bt-login:active {
  background-color: #236da9;
}
#new-login .dual-grid.widget.tempflow .regular-login .bt-login.disabled {
  background-color: #4194d8;
}
#new-login .dual-grid.widget.tempflow .regular-login .bt-login.disabled[disabled] {
  background-color: #4194d8;
  opacity: 1;
}
#new-login .dual-grid.widget.tempflow .regular-login .forgot-password {
  margin: 24px 0;
}
#new-login .dual-grid.widget.tempflow .regular-login .forgot-password a {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #236da9;
}
#new-login .dual-grid.widget.tempflow .regular-login .forgot-password a:hover {
  color: #17507f;
}
#new-login .dual-grid.widget.tempflow .regular-login #forgot-email-link {
  cursor: pointer;
}
#new-login .dual-grid.widget.tempflow .regular-login .line-div-login {
  background-color: #eeeeee;
  margin: 0 auto;
  height: 1px;
  border-top: 0;
}
#new-login .dual-grid.widget.tempflow .regular-login .not-registered {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin: 30px 0 30px;
  align-items: center;
}
#new-login .dual-grid.widget.tempflow .regular-login .not-registered a {
  color: #236da9;
  margin-left: 8px;
}
#new-login .dual-grid.widget.tempflow .regular-login .not-registered a:hover {
  color: #17507f;
}
#new-login .dual-grid.widget.tempflow .regular-login .container-signup-link {
  width: 292px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#new-login .dual-grid.widget.tempflow .regular-login .container-signup-link:hover {
  background-color: #ebf8fa;
  cursor: pointer;
}
#new-login .dual-grid.widget.tempflow .regular-login .not-registered div {
  margin-bottom: 7%;
}
#new-login .dual-grid.widget.tempflow .regular-login .error-color {
  color: #f04e54;
}
#new-login .dual-grid.widget.tempflow .regular-login .error-border {
  border-color: #f04e54;
}
#new-login .dual-grid.widget.tempflow .regular-login .error-border:hover:not(:focus):not(:active) {
  border-color: #f04e54;
}
#new-login .dual-grid.widget.tempflow h3 {
  font-size: 20px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 32px;
  text-align: center;
  color: #292828;
}
#new-login .dual-grid.widget.tempflow .double-button-wrapper {
  width: calc(100% + 3px);
}
#new-login .dual-grid.widget.tempflow .double-button-wrapper .login-meli-connect-generic button {
  margin-left: 2px;
  width: calc(100% - 4px);
}
#new-login .dual-grid.widget.tempflow .reach-help {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 10px;
}
#new-login .dual-grid.widget.tempflow .reach-help a {
  color: #3483FA;
}
#new-login .dual-grid.widget.tempflow .reach-help a:hover {
  color: rgb(4.8076923077, 80.7692307692, 195.1923076923);
  text-decoration: none;
}
#new-login .dual-grid.widget.tempflow .line-div-login.registration {
  margin-top: 29px;
}
#new-login .dual-grid .main-col .regular-login.signup input.pass {
  margin-bottom: 5px;
}
#new-login .dual-grid .account__already-linked {
  background-color: #fce9e9;
  border: 1px solid #f04e54;
  box-sizing: border-box;
  padding: 9px 8px;
  display: block;
  grid-template-columns: 20px auto;
  grid-column-gap: 12px;
  line-height: 1.3;
  margin: 10px -5px;
}
#new-login .dual-grid .account__already-linked--icon {
  align-self: center;
}
#new-login .dual-grid .account__already-linked--icon svg {
  fill: #f04e54;
}
#new-login .dual-grid .account__already-linked--icon svg path, #new-login .dual-grid .account__already-linked--icon svg circle {
  fill: #f04e54;
}
#new-login .dual-grid .account__already-linked--text {
  font-size: 14px;
  color: #444;
  align-self: center;
  font-weight: normal;
}
#new-login .login-rt-fields h3 {
  text-align: left;
  margin-top: 0;
}
#new-login .login-rt-fields.pre-ml-login {
  max-width: 100%;
}
#new-login .dual-grid.widget {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #dbdbdb;
}
#new-login .dual-grid.widget .forgotpass-txt {
  text-align: center;
  margin: 0 auto;
  max-width: 500px;
}
#new-login .dual-grid.widget .forgotpass-txt .country-header {
  display: flex;
  justify-content: center;
}
#new-login .dual-grid.widget .forgotpass-txt .country-header .flag-icon {
  margin: 1px 7px;
}
#new-login .dual-grid.widget .forgotpass-txt h3 {
  margin-top: 0.9em;
}
#new-login .dual-grid.widget .forgotpass-txt p {
  max-width: 500px;
  margin: 0 auto 30px;
}
#new-login .dual-grid.widget .forgotpass-txt p.standalone {
  margin: 0 auto 0;
}
#new-login .dual-grid.widget .forgotpass-txt .view-pswd, #new-login .dual-grid.widget .forgotpass-txt .viewed-pswd {
  width: 280px;
  text-align: right;
  position: relative;
  float: right;
  top: 5px;
  height: 0;
  right: 8px;
}
#new-login .dual-grid.widget .forgotpass-txt .view-pswd svg, #new-login .dual-grid.widget .forgotpass-txt .viewed-pswd svg {
  width: 15px;
  cursor: pointer;
  text-align: right;
  fill: #727272;
}
#new-login .main-wrapper.single .dual-grid.widget {
  max-width: 330px;
  margin: 40px auto 0;
  padding: 30px;
}
@media (max-width: 1050px) {
  #new-login .main-wrapper.single .dual-grid.widget {
    max-width: 80vw;
  }
}
#new-login .main-wrapper.single .dual-grid.account__link {
  box-sizing: border-box;
  max-width: 580px;
  padding: 40px 55px 52px;
}
#new-login .main-wrapper.single .dual-grid.account__link .session__close {
  text-align: center;
}
#new-login .main-wrapper.single .dual-grid.account__link .session__close a {
  display: inline-block;
  color: #4194d8;
  font-weight: normal;
  margin: 0;
}
@media (max-width: 767px) {
  #new-login .main-wrapper.single .dual-grid.account__link {
    max-width: 90vw;
    padding: 40px 12px 52px;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .forgotpass-txt {
    max-width: 270px;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .forgotpass-txt p {
    margin-bottom: 0;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .login-meli-connect {
    height: 47px;
    margin-bottom: 12px;
  }
}
#new-login .main-wrapper.single .login-meli-connect {
  width: 400px;
  margin: 10px auto 20px;
  padding-top: 5px;
  overflow: hidden;
  height: 73px;
  position: relative;
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
}
#new-login .main-wrapper.single .login-meli-connect button {
  width: 400px;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#new-login .main-wrapper.single.welcome-user {
  color: black;
}
#new-login .main-wrapper.single.welcome-user .login-meli-connect {
  width: 310px;
  margin: -5px auto 20px;
  padding-top: 5px;
  overflow: hidden;
  height: 73px;
  position: relative;
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
}
#new-login .main-wrapper.single.welcome-user .login-meli-connect button {
  width: calc(100% - 62px);
  background: none;
  cursor: pointer;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#new-login .main-wrapper.single.welcome-user .login-meli-connect button:hover {
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
}
#new-login .login-operators {
  height: 55px;
  overflow: hidden;
  padding-top: 2px;
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
  text-align: center;
}
#new-login .login-operators.open {
  height: 260px;
}
#new-login .login-operators button {
  border: 0;
  font-weight: 400;
  width: 100%;
  font-size: 14px;
  background: none;
  width: calc(100% - 5px);
}
#new-login .login-operators button:hover {
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
}
#new-login .login-operators button:hover .operator-icon svg g path {
  fill: rgb(103.5, 103.5, 103.5);
}
#new-login .login-operators button .operator-icon {
  width: 28px;
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 10px;
}
#new-login .login-operators .operator-icon svg g path {
  fill: #818181;
  -webkit-transition: fill 100ms;
  -moz-transition: fill 100ms;
  -o-transition: fill 100ms;
  transition: fill 100ms;
}
#new-login .login-operators input {
  width: calc(100% - 20px);
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  #new-login .login-operators input {
    width: auto;
  }
}
#new-login .login-operators .login-operators-fields {
  padding-top: 22px;
}
#new-login .login-operators .login-operators-fields form {
  max-width: 300px;
  margin: 0 auto;
}
#new-login .login-operators .login-operators-fields .bt-login {
  width: 100%;
  color: #fff;
  background-color: #4194D8;
  text-align: center;
  font-size: 13px;
  margin: 0 auto 5px;
  display: block;
  border: 1px solid #4194D8;
  -webkit-transition: background-color 100ms;
  -moz-transition: background-color 100ms;
  -o-transition: background-color 100ms;
  transition: background-color 100ms;
}
#new-login .login-operators .login-operators-fields .bt-login:hover {
  background-color: rgb(39.1703056769, 122.5327510917, 190.8296943231);
}
#new-login .login-operators .login-operators-fields .bt-login svg circle {
  fill: white;
}
#new-login .login-operators .login-operators-fields .login-forgot-pass {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #A5A5A5;
  line-height: 15px;
  font-size: 1.2rem;
}
#new-login .login-country-selector-label {
  margin-bottom: 20px;
  padding-right: 2px;
  text-align: right;
}
#new-login .login-meli-connect {
  width: 300px;
  margin: 10px auto 0px;
  padding-top: 5px;
  overflow: hidden;
  height: 73px;
  position: relative;
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
}
#new-login .login-meli-connect button {
  width: 300px;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#new-login .selectize-dropdown {
  font-size: 1.8rem;
}
#new-login .selectize-input.dropdown-active::before {
  display: none;
}
#new-login .login-meli-connect.close {
  height: 0;
  padding: 0;
  margin: 10px auto;
}
#new-login .login-country-selector {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 10px;
}
#new-login .login-country-selector .selectize-control {
  margin-left: 15px;
  text-align: left;
}
#new-login .login-country-selector .selectize-control .selectize-input {
  font-size: 1.6rem;
}
#new-login .login-country-selector .selectize-control:hover {
  background-color: #eeeeee;
  border-radius: 4px;
  cursor: pointer;
}
#new-login .login-country-selector .selectize-control:hover .item {
  color: #292828;
}
#new-login .login-country-selector .selectize-control:hover .selectize-input::after {
  border-color: #292828 transparent transparent transparent;
}
#new-login .login-country-selector.grid {
  display: grid;
  grid-template-columns: auto;
  margin: 31px auto;
}
#new-login .login-country-selector.grid .selector-wrapper {
  text-align: left;
  padding-left: 0;
}
#new-login .login-country-selector.grid .selector-wrapper .selectize-input.items.full.has-options.has-items {
  width: auto;
  padding: 12px 40px 12px 12px;
}
#new-login .login-logo {
  width: 150px;
  margin: 0px auto 30px;
  cursor: pointer;
}
#new-login #rightColSignupNew {
  padding: 0;
}
@media (max-width: 600px) {
  #new-login #rightColSignupNew {
    padding: 0;
  }
}
#new-login #rightColSignupNew .regular-login {
  max-width: 98%;
}
#new-login .left-col {
  background-color: transparent;
  padding: 20px 0 0;
}
#new-login .regular-login {
  max-width: 300px;
  margin: 0 auto;
}
#new-login .regular-login button.bt-login {
  width: 100%;
  color: #fff;
  background-color: #4194D8;
  text-align: center;
  font-size: 13px;
  margin: 0 auto 2px;
  display: block;
  border: 1px solid #4194D8;
  -webkit-transition: background-color 100ms;
  -moz-transition: background-color 100ms;
  -o-transition: background-color 100ms;
  transition: background-color 100ms;
}
#new-login .regular-login button.bt-login .custom-mdc-spinner {
  display: none;
}
#new-login .regular-login button.bt-login:hover {
  background-color: rgb(39.1703056769, 122.5327510917, 190.8296943231);
}
#new-login .regular-login button.bt-login svg circle {
  stroke: white;
}
#new-login .regular-login button.bt-login.disabled {
  background-color: #4194d8;
}
#new-login .regular-login button.bt-login.disabled .custom-mdc-spinner {
  display: block;
  margin-top: -1px;
}
#new-login .regular-login button.bt-login.disabled .custom-mdc-spinner svg {
  height: 20px;
  width: 20px;
}
#new-login .regular-login.recover-pass-form input {
  margin: 0 0 4px;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
}
#new-login .regular-login.recover-pass-form input#id_email, #new-login .regular-login.recover-pass-form input#username {
  text-transform: lowercase;
}
#new-login .regular-login input {
  display: block;
  width: 100%;
}
#new-login .regular-login input.error {
  border: 1px solid #F04E54;
}
#new-login .regular-login .error-line {
  color: #F04E54;
  line-break: anywhere;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 2px;
  min-height: 20px;
}
#new-login .regular-login .forgot-password {
  text-align: center;
  margin: 16px 0;
}
#new-login .regular-login .forgot-password a {
  font-size: 12px;
}
#new-login .regular-login .view-pswd, #new-login .regular-login .viewed-pswd {
  float: right;
  height: 0;
  position: relative;
  right: 8px;
  text-align: right;
  top: -30px;
  width: 280px;
}
#new-login .regular-login .view-pswd svg, #new-login .regular-login .viewed-pswd svg {
  cursor: pointer;
  fill: #727272;
  margin-top: 2px;
  text-align: right;
  width: 18px;
}
#new-login .regular-login .title-login {
  color: #444;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
#new-login .regular-login #hrDivisorLine {
  background-color: #dbdbdb;
  height: 1px;
  margin: 32px 0 24px;
}
#new-login .regular-login #notRegistredNew {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: #292828;
  line-height: inherit;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
#new-login .regular-login #notRegistredNew a {
  color: #4194d8;
}
#new-login .regular-login #notRegistredNew a:hover {
  color: #236da9;
}
#new-login .regular-login .not-registered {
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
#new-login .regular-login.recover-pass-form {
  text-align: left;
}
#new-login .regular-login.recover-pass-form.regular-login .view-pswd, #new-login .regular-login.recover-pass-form.regular-login .viewed-pswd {
  top: 9px;
  right: 10px;
}
#new-login .regular-login.recover-pass-form.regular-login .pstrength-info {
  height: 29px;
  font-size: 12px;
}
#new-login .regular-login.recover-pass-form.regular-login #error_msg {
  display: block;
  opacity: 0;
  height: 30px;
  font-size: 12px;
  color: #f04e54;
}
@media (max-width: 1050px) {
  #new-login .regular-login.recover-pass-form form {
    margin: 0 auto;
  }
}
#new-login .regular-login.recover-pass-form .view-pswd, #new-login .regular-login.recover-pass-form .viewed-pswd {
  width: 280px;
  text-align: right;
  position: relative;
  float: right;
  top: -30px;
  height: 0;
  right: 8px;
}
#new-login .regular-login.recover-pass-form .view-pswd svg, #new-login .regular-login.recover-pass-form .viewed-pswd svg {
  width: 20px;
  cursor: pointer;
  text-align: right;
  fill: #818181;
}
#new-login .regular-login a {
  color: #3483FA;
}
#new-login .regular-login a:hover {
  text-decoration: none;
  color: rgb(4.8076923077, 80.7692307692, 195.1923076923);
}
#new-login .regular-login.signup .reach-help {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 10px;
}
#new-login .login-terms {
  font-size: 12px;
  text-align: center;
  padding-bottom: 10px;
  margin: 10px auto;
}

/* Processing */
.loaders-processing .text-left {
  text-align: left;
}

.processing-text-span {
  padding-left: 8px;
}

.processing-expain-text {
  padding-top: 25px;
  margin-bottom: 30px;
}

.processing-logo {
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
}

#itemsProgressBar, #ordersProgressBar, #questionProgressBar {
  margin: 0px;
  width: 298px;
  display: flex;
  height: 7px;
}

.login-container .obtaining {
  line-height: 6px;
  font-size: 14px;
}
.login-container .min-heighter {
  height: 67px;
}
.login-container #items_percentage, .login-container #questions_percentage, .login-container #orders_percentage {
  bottom: 36px;
  color: #292828;
  font-size: 14px;
  font-weight: 600;
  float: left;
  width: 33px;
  text-align: center;
  font-size: 1.3rem;
}

/*Promo Code*/
#section-paymentdue .min-heigher {
  display: flex;
  flex-direction: column;
  margin-bottom: 41px;
}
#section-paymentdue .min-heigher .text-left {
  padding: 0;
}
#section-paymentdue .min-heigher .text-left.percent-and-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #292828;
}
#section-paymentdue .min-heigher .text-left.txt-bar {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
#section-paymentdue .promo-code-wrapper {
  margin-top: 1rem;
}
#section-paymentdue .promo-code-wrapper p {
  margin-top: 3rem;
  margin: 2rem auto;
  text-align: center;
}
#section-paymentdue .promo-code-wrapper form input {
  width: 390px;
  margin-right: 5px;
  height: 25px;
  padding: 6px 10px;
}
#section-paymentdue .promo-submit-wrapper {
  text-align: center;
  margin: 2rem 0 2rem;
}
#section-paymentdue .accept-promo-code {
  display: inline-block;
  margin: 0 auto;
}
#section-paymentdue .accept-terms {
  display: inline-block;
  margin-top: 2rem;
}

/* Firefox Fix */
@-moz-document url-prefix() {
  .regular-login input {
    width: calc(100% - 10px);
  }
}
.login-meli-connect-generic {
  width: 100%;
  margin: 0 0 10px;
}

.signin-like {
  margin-top: 20px;
}
.signin-like .signin-button .signin-button-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0 8px 15px;
  width: 24px;
  height: 22px;
  box-sizing: border-box;
}
.signin-like .signin-button .signin-button-text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px 0 10px;
  font-size: 14px;
  font-weight: 300;
}
.signin-like .signin-button svg {
  fill: #818181;
}
.signin-like .signin-button svg path {
  fill: #818181;
}

.signin-button {
  height: 40px;
  width: 100%;
  background: white;
  color: #737373;
  border-radius: 5px;
  white-space: nowrap;
  border: 1px solid #4194D8 !important;
  color: #4194D8;
  transition-property: background-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
  padding: 0;
  text-align: left;
}
.signin-button:active {
  background-color: #e5e5e5;
  box-shadow: none;
  transition-duration: 10ms;
}
.signin-button .signin-button-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 24px;
  height: 17px;
  box-sizing: border-box;
}
.signin-button .signin-button-text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 24px 0 10px;
  font-size: 14px;
  font-weight: 300;
}

.grecaptcha-badge {
  display: none !important;
}

#selectorCountryWrapper .selectize-control.single .selectize-dropdown.single {
  width: 104px !important;
  height: 126px !important;
  top: 49px !important;
  left: 0 !important;
  padding: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(183, 183, 183, 0.48);
  border: 1px solid #dbdbdb;
}
#selectorCountryWrapper .selectize-control.single .selectize-dropdown.single .option {
  height: 16px;
  width: auto;
  padding: 13px;
  display: flex;
  align-items: center;
  color: #292828;
}
#selectorCountryWrapper .selectize-control.single .selectize-dropdown.single .option.selected {
  color: #b7b7b7;
  background-color: white;
}
#selectorCountryWrapper .selectize-control.single .selectize-dropdown.single .option .select.active {
  background-color: #eeeeee !important;
}
#selectorCountryWrapper .selectize-control.single .selectize-dropdown.single .option.select.active {
  background-color: #eeeeee !important;
}

.main-container-verify .not-verify__container, .main-container-not-verify .not-verify__container {
  padding: 34px 36px;
  max-width: 95%;
  box-sizing: border-box;
  width: 488px;
}
.main-container-verify .verify__container, .main-container-not-verify .verify__container {
  padding: 34px 36px;
  max-width: 95%;
  box-sizing: border-box;
  width: 649px;
}
.main-container-verify .login-logo, .main-container-not-verify .login-logo {
  width: 140px;
  margin: 84px auto 40px;
  line-height: 1;
}
.main-container-verify h1, .main-container-not-verify h1 {
  font-size: 20px;
  font-weight: 600;
  display: block;
  color: #292828;
  margin: 0px auto;
  max-width: 95%;
}
.main-container-verify p, .main-container-not-verify p {
  font-size: 16px;
  font-weight: 400;
  display: block;
  color: #292828;
  margin: 8px auto 24px;
}
.main-container-verify .btn-rtr a, .main-container-not-verify .btn-rtr a {
  width: 296px;
  height: 44px;
  box-sizing: border-box;
  padding-top: 13px;
  margin-top: 0;
}
.main-container-verify .btn-rtr + p, .main-container-not-verify .btn-rtr + p {
  font-size: 14px;
  margin: 24px 0 0;
}
.main-container-verify .verify-whatsapp-link, .main-container-not-verify .verify-whatsapp-link {
  color: #236da9;
}
.main-container-verify .verify-whatsapp-link:hover, .main-container-not-verify .verify-whatsapp-link:hover {
  color: #17507f;
  text-decoration: none;
}

.login-trainings-styles {
  margin-right: 38%;
}

#mainTrainingsLogin {
  position: fixed;
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  bottom: 0px;
  right: 0px;
  background-color: white;
  width: 549px;
  height: -webkit-fill-available;
}
@media (max-width: 500px) {
  #mainTrainingsLogin {
    position: relative;
    width: 99vw;
    left: -17px;
    z-index: 0;
    top: -11px;
  }
}
@media (max-width: 390px) {
  #mainTrainingsLogin {
    top: 32px;
  }
}
#mainTrainingsLogin header {
  padding: 35px 30px;
  font-size: 24px;
  font-weight: 600;
  color: #444;
}
@media (max-width: 500px) {
  #mainTrainingsLogin header {
    margin-left: 30px;
    font-size: 18px;
  }
}
@media (max-width: 390px) {
  #mainTrainingsLogin header {
    font-size: 18px;
    margin-left: 6px;
  }
}
@media (max-width: 500px) {
  #mainTrainingsLogin #containerBody.more-trainings {
    height: calc(100vh + 134px);
    margin-bottom: 50%;
  }
}
#mainTrainingsLogin #containerBody {
  overflow-y: scroll;
  height: calc(100vh - 106px);
  margin-bottom: 95px;
}
@media (max-width: 500px) {
  #mainTrainingsLogin #containerBody {
    height: calc(100vh - 90px);
    margin-bottom: 5%;
  }
}
#mainTrainingsLogin #containerBody::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
#mainTrainingsLogin #containerBody::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#mainTrainingsLogin #containerBody ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mainTrainingsLogin #containerBody ul li {
  width: 485px;
  height: auto;
  min-height: 164px;
  border: solid 1px #dbdbdb;
  border-left: solid 3px #71d8bf;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin-bottom: 20px;
}
@media (max-width: 500px) {
  #mainTrainingsLogin #containerBody ul li {
    width: auto;
    grid-template-columns: 1fr 2fr;
    margin-left: 12px;
    margin-right: 12px;
    padding: 2px 23px 2px 12px;
    grid-gap: 24px;
  }
}
@media (max-width: 390px) {
  #mainTrainingsLogin #containerBody ul li {
    width: 80%;
  }
}
#mainTrainingsLogin #containerBody ul li div.left-colum-training {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  margin-left: 20%;
  color: #292828;
}
#mainTrainingsLogin #containerBody ul li div.left-colum-training .day-detail {
  margin-top: 18px;
  font-weight: 600;
  font-size: 14px;
}
#mainTrainingsLogin #containerBody ul li div.left-colum-training .date-detail {
  font-weight: 600;
  font-size: 24px;
}
#mainTrainingsLogin #containerBody ul li div.left-colum-training .container-clock-detail {
  font-size: 14px;
  display: flex;
  align-items: center;
}
#mainTrainingsLogin #containerBody ul li div.left-colum-training .container-clock-detail i svg {
  width: 14px;
  margin-top: 5px;
  margin-right: 6px;
}
#mainTrainingsLogin #containerBody ul li div.rigth-colum-training {
  display: flex;
  flex-direction: column;
  color: #292828;
}
#mainTrainingsLogin #containerBody ul li div.rigth-colum-training .title-detail {
  margin-top: 18px;
  font-weight: 600;
  font-size: 16px;
  width: 92%;
}
#mainTrainingsLogin #containerBody ul li div.rigth-colum-training .info-detail {
  font-size: 14px;
  width: 314px;
  margin-top: 4px;
}
@media (max-width: 500px) {
  #mainTrainingsLogin #containerBody ul li div.rigth-colum-training .info-detail {
    width: 192px;
  }
}
@media (max-width: 390px) {
  #mainTrainingsLogin #containerBody ul li div.rigth-colum-training .info-detail {
    width: 170px;
  }
}
#mainTrainingsLogin #containerBody ul li div.rigth-colum-training button {
  font-size: 14px;
  width: auto;
  max-width: 80%;
  height: fit-content;
  padding: 8px 14px;
  margin-top: 16px;
  color: #236da9;
  border-color: #236da9;
  margin-bottom: 26px;
}
#mainTrainingsLogin #containerBody ul li div.rigth-colum-training button:hover {
  color: #17507f;
  border-color: #17507f;
}

@media (max-width: 500px) {
  body {
    padding-left: 5%;
  }
}

@media (max-width: 390px) {
  #new-login .main-wrapper.initial-login {
    margin-left: 16px;
  }
}

div.dual-grid.widget.change-password-widget {
  max-width: 400px !important;
  padding: 40px !important;
}
div.dual-grid.widget.change-password-widget .regular-login {
  max-width: 320px !important;
}
div.dual-grid.widget.change-password-widget .forgotpass-txt {
  color: #292828;
  max-width: 320px !important;
}
div.dual-grid.widget.change-password-widget .forgotpass-txt h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin: 12px 0;
}
div.dual-grid.widget.change-password-widget .forgotpass-txt p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: 320px;
}
div.dual-grid.widget.change-password-widget .forgotpass-txt img {
  margin-bottom: 14px;
}
div.dual-grid.widget.change-password-widget div.input-block {
  position: relative;
  margin-bottom: 30px;
}
div.dual-grid.widget.change-password-widget div.input-block input {
  height: 15px;
  font-size: 1.4rem;
  color: #292828;
  padding: 12.5px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  outline: none;
}
div.dual-grid.widget.change-password-widget div.input-block input:focus {
  outline: none;
}
div.dual-grid.widget.change-password-widget div.input-block input[readonly], div.dual-grid.widget.change-password-widget div.input-block input[readonly]:focus {
  border: 1px solid #b7b7b7;
  color: #b7b7b7;
  opacity: 0.5;
  cursor: default;
}
div.dual-grid.widget.change-password-widget div.input-block:has(input[readonly]) {
  background: #f5f5f5;
}
div.dual-grid.widget.change-password-widget div.input-block:has(input[readonly]) i {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
div.dual-grid.widget.change-password-widget div.input-block span.placeholder {
  position: absolute;
  margin: 12px 0;
  padding: 0 4px;
  color: #6c757d;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  top: 0;
  left: 9px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
}
div.dual-grid.widget.change-password-widget input:focus + span.placeholder,
div.dual-grid.widget.change-password-widget input:not(:placeholder-shown) + span.placeholder {
  transform: scale(0.8) translateY(-25px);
  background: #fff;
  font-weight: 600;
}
div.dual-grid.widget.change-password-widget div.input-block input:focus {
  color: #292828;
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
div.dual-grid.widget.change-password-widget div.input-block input:focus + span.placeholder {
  color: #4194d8;
}
div.dual-grid.widget.change-password-widget div.input-block input:focus ~ span.placeholder {
  color: #4194d8;
}
div.dual-grid.widget.change-password-widget.enter-email .input-block {
  margin: 40px 0;
}
div.dual-grid.widget.change-password-widget .input-block.error input {
  border: solid 1px #f04e54;
}
div.dual-grid.widget.change-password-widget .input-block.error .placeholder {
  color: #f04e54;
  transform: scale(0.8) translateY(-25px);
  background-color: #FFF;
}
div.dual-grid.widget.change-password-widget .input-block .error-line {
  font-size: 12px;
  line-height: 18px;
  color: #f04e54;
  font-weight: 400;
  display: none;
}
div.dual-grid.widget.change-password-widget .input-block .password-validations {
  font-size: 12px;
  line-height: 18px;
  color: #727272;
  font-weight: 400;
}
div.dual-grid.widget.change-password-widget .input-block .password-validations .password-subtitle, div.dual-grid.widget.change-password-widget .input-block .password-validations li {
  background-color: white;
  height: 18px;
  display: flex;
  align-items: center;
}
div.dual-grid.widget.change-password-widget .input-block .password-validations .password-subtitle svg, div.dual-grid.widget.change-password-widget .input-block .password-validations li svg {
  height: 12px;
  width: 12px;
  padding: 4px 4px 0 0;
}
div.dual-grid.widget.change-password-widget .input-block .password-validations ul {
  padding-top: 4px;
}
div.dual-grid.widget.change-password-widget .input-block .password-validations .successful {
  color: #328547;
}
div.dual-grid.widget.change-password-widget .input-block .password-validations .failed {
  color: #f04e54;
}
div.dual-grid.widget.change-password-widget i.pass-hide, div.dual-grid.widget.change-password-widget i.pass-show {
  right: 4px;
  position: absolute;
  width: 28px;
  top: 7px;
  height: 28px;
  box-sizing: border-box;
  border-radius: 100%;
  padding: 5px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
div.dual-grid.widget.change-password-widget i.pass-hide:hover, div.dual-grid.widget.change-password-widget i.pass-show:hover {
  background-color: #eeeeee;
}
div.dual-grid.widget.change-password-widget i.pass-hide svg, div.dual-grid.widget.change-password-widget i.pass-show svg {
  fill: #727272;
  width: 14px;
}
div.dual-grid.widget.change-password-widget .widget-alert {
  margin: 8px 0 28px auto;
  text-align: left;
  height: 44px;
}
div.dual-grid.widget.change-password-widget .widget-alert.danger:not(#errorLogin), div.dual-grid.widget.change-password-widget .widget-alert.error:not(#errorLogin) {
  margin-top: -8px;
}
div.dual-grid.widget.change-password-widget .container-alert {
  padding: 6px 0;
  border-bottom: #dbdbdb solid 1px;
}
div.dual-grid.widget.change-password-widget .container-alert .widget-alert {
  height: 56px;
}
div.dual-grid.widget.change-password-widget .text-email {
  margin: 14px 0;
  width: 320px;
  font-size: 12px;
  line-height: 18px;
  color: #292828;
  display: flex;
}
div.dual-grid.widget.change-password-widget .mdc-button--unelevated {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: none;
  font-weight: 400;
  color: white;
  margin-top: 16px;
}
div.dual-grid.widget.change-password-widget .mdc-button--unelevated:disabled {
  background-color: #b7b7b7;
  color: #fff;
  opacity: 1;
  cursor: not-allowed;
  border-radius: 4px;
}

section.errorpages .login-logo {
  width: 220px;
  margin: 60px auto 30px;
}
section.errorpages .error-img {
  text-align: center;
}
section.errorpages .error-img img {
  max-width: 250px;
  margin: 0 auto;
}
section.errorpages p.error-txt {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}
section.errorpages .back-link {
  text-align: center;
}
section.errorpages .back-link a {
  text-decoration: none;
}
section.errorpages .back-link a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* Dashboard */
.dashboard-widgets-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  grid-row-gap: 45px;
  margin: -30px 0 40px 0;
}

.widget {
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 30px;
  position: relative;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  -moz-box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
}

.widget.widget-listings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: 2/2;
  grid-template-areas: "title title" "list-ques list-mess" "list-list list-paus";
  grid-gap: 60px;
  grid-row-gap: 35px;
  text-align: center;
}

.widget-listings .widget-data-number:nth-child(2) {
  grid-area: list-ques;
}

.widget-listings .widget-data-number:nth-child(3) {
  grid-area: list-mess;
}

.widget-listings .widget-data-number:nth-child(4) {
  grid-area: list-list;
}

.widget-listings .widget-data-number:nth-child(5) {
  grid-area: list-paus;
}

.dashboard-widgets-container .widget-listings .widget-data-label a:hover,
.dashboard-widgets-container .widget-listings .widget-data-label a:focus {
  text-decoration: none;
  color: #4e4e4e;
}

@media (max-width: 976px) {
  .dashboard-widgets-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    margin-top: 20px;
  }
  .dashboard-widgets-container .widget.widget-listings {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .dashboard-widgets-container .widget.widget-reputation {
    grid-row: 1/3;
    grid-column: 2/2;
  }
  .dashboard-widgets-container .widget.widget-activity {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .dashboard-widgets-container .widget.widget-mpago {
    grid-row: 2/3;
    grid-column: 2/2;
  }
  .dashboard-widgets-container .widget.widget-listings, .dashboard-widgets-container .widget.widget-reputation, .dashboard-widgets-container .widget.widget-activity, .dashboard-widgets-container .widget.widget-listing-detail-listing-answer-time, .dashboard-widgets-container .widget.widget-mpago, .dashboard-widgets-container .widget.widget-performance {
    grid-row: auto;
  }
  .dashboard-widgets-container #new-widget {
    grid-row: 1;
  }
}
@media (max-width: 726px) {
  .dashboard-widgets-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }
  .dashboard-widgets-container .widget.widget-listings {
    grid-row: 1/3;
    grid-column: 1/1;
  }
  .dashboard-widgets-container .widget.widget-reputation {
    grid-row: 1/3;
    grid-column: 2/1;
  }
  .dashboard-widgets-container .widget.widget-activity {
    grid-row: 2/3;
    grid-column: 1/1;
  }
  .dashboard-widgets-container .widget.widget-mpago {
    grid-row: 2/3;
    grid-column: 1/1;
  }
  .dashboard-widgets-container .widget.widget-listings, .dashboard-widgets-container .widget.widget-reputation, .dashboard-widgets-container .widget.widget-activity, .dashboard-widgets-container .widget.widget-listing-detail-listing-answer-time, .dashboard-widgets-container .widget.widget-mpago, .dashboard-widgets-container .widget.widget-performance {
    grid-row: auto;
  }
  .dashboard-widgets-container .widget.widget-activity .widget-title {
    margin-bottom: 20px;
  }
}
.widget .widget-title {
  grid-area: title;
  font-size: 2.2rem;
  color: #727272;
  line-height: 20px;
  text-align: left;
}

.widget .widget-subtitle {
  grid-area: subtitle;
  color: #818181;
  line-height: 14px;
  text-align: left;
}

.widget-especial-title {
  margin: 4px 0 0;
  font-size: 1.4rem;
}

.widget .widget-data-number {
  grid-area: number;
}

.widget .widget-data-number-primary {
  color: #292828;
  font-size: 3.6rem;
  line-height: 30px;
}

.widget .widget-data-number-primary.tooltip-mp {
  color: #292828;
  font-size: 16px;
  font-weight: 600;
}
.widget .widget-data-number-primary.tooltip-mp span {
  color: #292828;
  font-size: 16px;
  font-weight: 600;
}

.widget .widget-data-number-secondary {
  color: #292828;
  font-size: 30px;
  line-height: 30px;
}

.widget .widget-data-number-primary span,
.widget .widget-data-number-secondary span {
  font-size: 20px;
  position: relative;
  top: 0px;
  padding: 0 2px;
  line-height: 22.18px;
  font-weight: 300;
}

.widget .widget-data-number.mpContent .widget-data-number-secondary span {
  font-size: 20px;
  position: relative;
  top: -1px;
  line-height: 22.18px;
  font-weight: 300;
}
.widget .widget-data-number.mpContent .widget-data-number-secondary span:not(.RT-tooltip__content) {
  padding: 0 2px;
}

.widget .widget-data-number.mpContent .widget-data-number-secondary span.RT-tooltip__content span.money-amount {
  font-size: 13px;
}

.widget .widget-data-number.mpContent .widget-data-number-secondary span.RT-tooltip__meli-icon {
  font-size: 20px;
  position: relative;
  top: 2px;
  padding: 0 2px;
  line-height: 22.18px;
  font-weight: 300;
}

.widget .widget-data-label {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.widget .widget-data-number-small .widget-data-number-primary {
  color: #71D8BF;
  font-size: 2.8rem;
  line-height: 20px;
}

.widget .widget-data-number-small .widget-data-number-secondary {
  color: #4194D8;
  font-size: 2.8rem;
  line-height: 20px;
}

.widget .widget-data-number-small .widget-data-number-primary span,
.widget .widget-data-number-small .widget-data-number-secondary span {
  font-size: 1.8rem;
  position: relative;
  top: -8px;
  padding: 0 2px;
  line-height: 20px;
}

.widget .widget-data-number-small .widget-data-label {
  line-height: 18px;
  padding-top: 6px;
  font-size: 1.4rem;
}

.widget.widget-reputation {
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: 2/3;
  grid-template-areas: "title title" "rep-therm rep-therm" "rep-op rep-reclam" "rep-env rep-recl" "rep-stext rep-stext";
  grid-gap: 20px;
  grid-row-gap: 30px;
}
.widget.widget-reputation .widget-reputation-username .RT-tooltip__title {
  display: inline-block;
  max-width: 267px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-reputation .widget-thermometer {
  grid-area: rep-therm;
}

.widget-reputation .widget-data-number:nth-child(3) {
  grid-area: rep-op;
  margin-top: -37px;
}

.widget-reputation .widget-data-number:nth-child(4) {
  grid-area: rep-env;
  margin-top: 33px;
}

.widget-reputation .widget-data-number:nth-child(5) {
  grid-area: rep-recl;
  padding-left: 30px;
  margin-top: 33px;
}

.widget-reputation .widget-data-number:nth-child(6) {
  grid-area: rep-reclam;
  padding-left: 30px;
  margin-top: -37px;
}

.widget.widget-reputation .widget-reputation-medal {
  margin-top: 0px;
  top: -3px;
  text-align: left;
  position: relative;
}

.widget-reputation .widget-smaller-text {
  grid-area: rep-stext;
  font-size: 1.2rem;
  height: 12px;
  line-height: 12px;
}

.widget.widget-reputation .widget-title {
  grid-area: title;
  cursor: default;
  text-transform: uppercase;
}
.widget.widget-reputation .widget-title:hover {
  cursor: pointer;
}

.widget.widget-reputation .widget-title .wrap-status {
  float: left;
  margin-right: 10px;
}

.widget.widget-reputation .widget-title .widget-reputation-username {
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  line-height: 25px;
  max-width: 100%;
  margin-right: 0px;
}
.widget.widget-reputation .widget-title .widget-reputation-username .RT-tooltip__content {
  left: 53%;
}
.widget.widget-reputation .widget-title .widget-reputation-username .RT-tooltip__content ul .status-reputation {
  bottom: -1px;
  margin-right: 10px;
}

.widget.widget-reputation .widget-title .widget-reputation-username.nick-short-two-medals {
  max-width: calc(100% - 54px);
  margin-right: 10px;
}

.widget.widget-reputation .widget-title .widget-reputation-username.nick-short-one-medal {
  margin-right: 10px;
}

.widget.widget-reputation .widget-title .widget-reputation-username.nick-long-two-medals {
  max-width: calc(100% - 50px);
}

.widget.widget-reputation .widget-title .widget-reputation-username.nick-long-one-medal {
  max-width: calc(100% - 23px);
}

.widget.widget-reputation .widget-title .reputation-username {
  display: grid;
  grid-template-columns: max-content 80px;
  width: calc(100% - 22px);
}

.widget.widget-reputation .widget-title .widget-reputation-wrap-medals {
  float: left;
}

.widget.widget-reputation .widget-title .status-reputation {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  bottom: -2px;
}

.widget.widget-reputation .widget-title .status-reputation.success {
  background-color: #75c367;
}

.widget.widget-reputation .widget-title .status-reputation.error {
  background-color: #f04e54;
}

.widget.widget-reputation .widget-title .status-reputation.warning {
  background-color: #F4A04D;
}

.widget.widget-reputation .widget-title .widget-reputation-username .error-status-reputation-explain span {
  font-size: 14px;
  text-transform: none;
  margin-right: 8px;
}
.widget.widget-reputation .widget-title .widget-reputation-username .error-status-reputation-explain span i {
  margin-right: 8px;
}

.widget.widget-reputation .reputation-medal {
  width: 15px;
  height: 24px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.widget.widget-reputation .reputation-medal.oficial-store {
  width: 20px;
}

.widget.widget-reputation .widget-thermometer {
  width: 100%;
  height: 11px;
  position: relative;
  top: -5px;
}

.widget-reputation-medal .RT-tooltip + .RT-tooltip .medal-official-store {
  margin-left: 0;
  top: 2px;
}

.widget-reputation-medal .medal-reputation.medal-lg.medal-official-store {
  background: url("../img/oficial-store.398dc7ed9ed4.svg") no-repeat;
  background-size: 100%;
  width: 22px;
  margin: 2px 0 0;
}

.dashboard-widgets-container .widget.widget-reputation .widget-thermometer {
  top: -52px;
}

.widget.widget-reputation .widget-thermometer .thermometer.therm-lg {
  max-width: 310px;
  width: 100%;
}

.widget.widget-reputation .widget-data-number .widget-data-number-secondary.rep_dangerous {
  color: #f04e54;
}

.widget.widget-activity {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: 2/2;
  grid-template-areas: "title title" "act-sale act-trans" "act-ques act-tck";
  grid-auto-flow: dense;
  grid-gap: 0;
  grid-row-gap: 0;
}

.widget.widget-sales-activity {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: 2/2;
  grid-template-areas: "title title" "act-sale act-trans" "act-ques act-tck";
  grid-auto-flow: dense;
  grid-gap: 0;
  grid-row-gap: 0;
}

.widget-activity .widget-data-number:nth-child(2) {
  grid-area: act-sale;
}

.widget-activity .widget-data-number:nth-child(3) {
  grid-area: act-trans;
  text-align: right;
}

.widget-activity .widget-data-number:nth-child(4) {
  grid-area: act-ques;
}

.widget-activity .widget-data-number:nth-child(5) {
  grid-area: act-tck;
  text-align: right;
}

.widget.widget-mpago {
  background-size: 55%;
  display: grid;
  grid-template-columns: 1fr;
  grid-row: 3/6;
  grid-gap: 60px;
  grid-row-gap: 30px;
}
.widget.widget-mpago #unavailable_balance {
  display: flex;
}
.widget.widget-mpago .container-RT-tooltip {
  bottom: 60px;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  margin-left: 6px;
}
.widget.widget-mpago .container-RT-tooltip:hover {
  background-color: #eeeeee;
}
.widget.widget-mpago .RT-tooltip {
  left: 6px;
  top: -2px;
  display: inline;
  color: #727272;
  position: relative;
}
.widget.widget-mpago .RT-tooltip .RT-tooltip__meli-icon i svg {
  width: 16px;
}
.widget.widget-mpago .RT-tooltip .RT-tooltip__meli-icon i svg:hover {
  color: #292828;
}
.widget.widget-mpago .RT-tooltip:hover {
  cursor: pointer;
  color: #292828;
}
.widget.widget-mpago .RT-tooltip .RT-tooltip__content {
  padding: 12px 8px;
  max-width: max-content;
}
.widget.widget-mpago .RT-tooltip .RT-tooltip__content .widget-data-number {
  margin: 0;
}
.widget.widget-mpago .RT-tooltip .RT-tooltip__content .widget .widget-data-label {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  margin-top: -2px;
}
.widget.widget-mpago .loading-title-style {
  width: 136px;
  height: 36px;
  background-color: #eeeeee;
}
.widget.widget-mpago .loading-number-style {
  width: 164px;
  height: 23px;
  background-color: #eeeeee;
}
.widget.widget-mpago .loading-sub-style {
  width: 105px;
  height: 11px;
  background-color: #eeeeee;
  margin-top: 10px;
  position: relative;
}
.widget.widget-mpago .loading-tooltip-style {
  width: 14px;
  height: 14px;
  background-color: #eeeeee;
  position: absolute;
  top: 7%;
  left: 171px;
}

.widget-data-number.mpContent.mpContainerLoading {
  position: relative;
}

.widget-mpago .spinner-loading {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
}

.widget-mpago .mpago-operator-no-access,
.widget-listing-detail-listing-answer-time .widget-answer-time-no-info {
  width: 80%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.8rem;
}

.dashboard-widgets-container .widget-listing-detail-listing-answer-time .widget-answer-time-no-info {
  display: none;
}

.widget.widget-mpago .mpContent {
  display: none;
}

.widget.widget-mpago .widget-data-number,
.widget.widget-mpago .widget-title {
  grid-area: auto;
  margin: -9px -2px;
}
.widget.widget-mpago .widget-data-number img,
.widget.widget-mpago .widget-title img {
  width: 136px;
  height: 36px;
}

.widget.widget-listing-detail-listing-answer-time,
.widget.widget-answer-time {
  display: flex;
  flex-direction: column;
  grid-row-gap: 10px;
}

.pure-material-button-contained.average_answer {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
  padding: 0 16px;
  min-width: 64px;
  height: 36px;
  font-size: 12.1px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
  margin-top: 25px;
  margin-left: 45px;
}

.pure-material-button-contained.average_answer::-moz-focus-inner {
  border: none;
}

.pure-material-button-contained.average_answer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4194d8;
  opacity: 0;
  transition: opacity 0.2s;
}

.pure-material-button-contained.average_answer::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 32px; /* Safari */
  height: 32px; /* Safari */
  background-color: #4194d8;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 1s, transform 0.5s;
}

.pure-material-button-contained.average_answer:hover::before {
  opacity: 0.08;
}

.pure-material-button-contained.average_answer:focus::before {
  opacity: 0.24;
}

.pure-material-button-contained.average_answer:hover:focus::before {
  opacity: 0.3;
}

.pure-material-button-contained.average_answer:active::after {
  opacity: 0.32;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s;
}

.widget-listing-detail-listing-info .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.tooltip-inner {
  max-width: 300px;
}

.dashboard-widgets-container .widget-listing-detail-answer-time {
  display: grid;
  grid-template-rows: 35px auto auto;
  grid-template-columns: 35px 130px auto;
  align-items: center;
  margin: 0;
  padding: 20px 0 10px 0;
  height: inherit;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-icon {
  display: none;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-icon i {
  display: block;
  height: 25px;
  width: 25px;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-number {
  display: flex;
  font-weight: 600;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-number .time-char {
  font-size: 30px;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-number #time-units {
  margin-left: 8px;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-advice {
  font-size: 14px;
  padding: 10px 0 10px 25px;
  text-align: left;
  color: #292828;
  border-left: 1px solid #eeeeee;
  display: flex;
  align-items: center;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-advice .average-info, .dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-advice .average-answer {
  color: #292828;
}
.dashboard-widgets-container .widget-listing-detail-answer-time .widget-listing-detail-answer-time-advice .average-info {
  margin-top: 12px;
}

.dashboard-widgets-container .widget-listing-detail-answer-time-calculate {
  margin-top: 18px;
  color: #292828;
  background-color: #ebf8fa;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #4194d8;
  font-size: 14px;
  width: calc(100% - 12px);
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate a {
  color: unset;
  text-decoration: underline;
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate .container-no-answer {
  display: flex;
  align-items: center;
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate .container-no-answer .close-icon {
  cursor: pointer;
  margin: 1px;
  border-radius: 50%;
  padding: 2px;
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate .container-no-answer .close-icon:hover {
  background-color: #eeeeee;
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate .container-no-answer .close-icon svg {
  display: block;
  height: 13px;
  width: 13px;
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate::after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: 168px;
  left: 41px;
  border-bottom: 10px solid #ebf8fa;
  border-right: 9px solid transparent;
  border-top: 10px solid transparent;
  border-left: 9px solid transparent;
}
.dashboard-widgets-container .widget-listing-detail-answer-time-calculate::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: 167px;
  left: 40px;
  border-bottom: 10px solid #4194d8;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
}

.dashboard-widgets-container .widget-listing-detail-listing-answer-time {
  background: white;
  min-height: 150px;
  min-width: 296px;
  padding: 28px;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time.good-time .widget-listing-detail-answer-time-icon.good-time-icon, .dashboard-widgets-container .widget-listing-detail-listing-answer-time.excellent-time .widget-listing-detail-answer-time-icon.good-time-icon {
  display: block;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time.good-time .time-char, .dashboard-widgets-container .widget-listing-detail-listing-answer-time.excellent-time .time-char {
  color: #75c367;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time.bad-time .widget-listing-detail-answer-time-icon.bad-time-icon, .dashboard-widgets-container .widget-listing-detail-listing-answer-time.regular-time .widget-listing-detail-answer-time-icon.bad-time-icon {
  display: block;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time.bad-time .time-char, .dashboard-widgets-container .widget-listing-detail-listing-answer-time.regular-time .time-char {
  color: #f04e54;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time .widget-title {
  padding: 0;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time .RT-tooltip {
  top: 0;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time .RT-tooltip:hover {
  cursor: pointer;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time #avgAnswerTime:after {
  content: ".";
  color: #818181;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time #avgAnswerTime.excellent-time:after {
  content: "";
  color: #818181;
}
.dashboard-widgets-container .widget-listing-detail-listing-answer-time .average_answer_img {
  display: flex;
  justify-content: center;
  margin: 25px;
}

.dashboard-widgets-container .widget-listing-detail-listing-answer-time .spinner-loading {
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -130%);
  height: fit-content;
}

.widget.widget-performance {
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: 3/6;
  grid-template-areas: "title title" "subtitle subtitle" "per-vis per-prgvis" "per-preg per-salevis" "per-sales per-salepreg";
  grid-gap: 5px;
  grid-row-gap: 30px;
}

.widget-performance .widget-data-number:nth-child(3),
.widget-performance .widget-data-number-small:nth-child(3) {
  grid-area: per-vis;
}

.widget-performance .widget-data-number:nth-child(4),
.widget-performance .widget-data-number-small:nth-child(4) {
  grid-area: per-preg;
}

.widget-performance .widget-data-number:nth-child(5),
.widget-performance .widget-data-number-small:nth-child(5) {
  grid-area: per-sales;
}

.widget-performance .widget-data-number:nth-child(6),
.widget-performance .widget-data-number-small:nth-child(6) {
  grid-area: per-prgvis;
  text-align: right;
}

.widget-performance .widget-data-number:nth-child(7),
.widget-performance .widget-data-number-small:nth-child(7) {
  grid-area: per-salevis;
  text-align: right;
}

.widget-performance .widget-data-number:nth-child(8),
.widget-performance .widget-data-number-small:nth-child(8) {
  grid-area: per-salepreg;
  text-align: right;
}

.widget .more-info {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 2px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

.dashboard-widgets-container .widget .widget-data-label--text {
  display: inline-block;
  margin-right: -4px;
}
.dashboard-widgets-container .widget .RT-tooltip {
  top: 2px;
  margin-right: 0;
}
.dashboard-widgets-container .widget .RT-tooltip i svg circle {
  fill: #727272;
}
.dashboard-widgets-container .widget .RT-tooltip:hover i svg circle {
  fill: #292828;
}

.widget .more-info:hover svg g circle {
  fill: #727272;
}

.info-modal {
  position: absolute;
  top: 55px;
  left: 20px;
  z-index: 9;
  background-color: white;
  padding: 20px 20px 15px 20px;
  text-transform: none;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  -moz-box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  display: none;
}

.widget .info-modal li {
  padding-bottom: 5px;
}

.info-modal .info-modal-title {
  margin-bottom: 10px;
}

.widget .info-modal .status-reputation {
  bottom: -1px !important;
  margin-right: 10px !important;
}

.widget.widget-mpago .info-modal {
  top: 133px;
  left: 120px;
  text-align: right;
}

.widget.widget-mpago .info-modal .widget-data-number {
  margin-top: 15px;
}

.widget .info-modal .widget-data-number-primary {
  font-size: 2.8rem;
  line-height: 20px;
}

.widget .info-modal .widget-data-label {
  line-height: 14px;
  padding-top: 3px;
}

#dashboardShippingCard.dashboard-graphic-container {
  margin-bottom: 36px;
}
#dashboardShippingCard.dashboard-graphic-container .empty-state .wrap-img-empty-state .img-empty-state-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 140px 0px 140px 0px;
}
#dashboardShippingCard.dashboard-graphic-container .empty-state .wrap-img-empty-state .img-empty-state-container .txt-explain {
  margin-left: 20px;
  font-size: 14px;
  color: #292828;
}
#dashboardShippingCard.dashboard-graphic-container #shippingGraph {
  width: 320px !important;
  height: 160px !important;
  margin-left: -5px;
}
#dashboardShippingCard.dashboard-graphic-container .loader-container-pricer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #292828;
  margin: 140px 0 140px 0;
}
#dashboardShippingCard.dashboard-graphic-container .tab-content {
  padding-bottom: 0;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table {
  display: flex;
  grid-gap: 20px;
  color: #292828;
  font-size: 14px;
  line-height: 17px;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table table {
  height: fit-content;
  align-self: center;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table thead {
  font-weight: 600;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table thead tr {
  border-bottom: 1px solid #D5D5D5;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table thead th {
  padding-bottom: 6px;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table thead th:first-child {
  text-align: left;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table tbody tr td {
  padding: 16px 0 0 0;
  text-align: center;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table tbody tr td:first-child {
  text-align: left;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table tbody tr td span {
  display: inline-flex;
  align-items: center;
  grid-gap: 12px;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table .square-color {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table .shipping-card-graph {
  width: 350px;
  display: flex;
  flex-direction: column;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table .shipping-general-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 40px 0;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table .shipping-general-info .sup-style-decimals {
  font-size: 16px;
  margin-left: 0;
  top: -0.9em;
}
#dashboardShippingCard.dashboard-graphic-container .shipping-card-table .shipping-general-info-text {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 50px;
}

.dashboard-graphic-container {
  margin-bottom: 0px;
}
.dashboard-graphic-container .widget-title {
  margin-right: 0;
}
.dashboard-graphic-container .widget-filters--each-filter {
  margin-bottom: 0;
}
.dashboard-graphic-container .widget-filters--each-filter .widget-filters__container-btn-export {
  padding-bottom: 0;
}
.dashboard-graphic-container .widget-title {
  padding-bottom: 0;
}
.dashboard-graphic-container #chartTabs {
  margin-bottom: 40px;
}

.custom-chartjs-tooltip-container-shippingCard {
  position: fixed;
  padding: 8px;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  color: #292828;
}
.custom-chartjs-tooltip-container-shippingCard .chart-tooltip-custom {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}
.custom-chartjs-tooltip-container-shippingCard .square-color {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}

.dashboard-graphic-container .chart {
  height: 55vh;
  width: 100%;
  position: relative;
}
.dashboard-graphic-container .chart #loaderContainerGraph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #292828;
  margin: 150px 0 0;
}

.dashboard-graphic-container .spinner-loading {
  margin-top: 30px;
}

.dashboard-graphic-container .widget .widget-title {
  font-weight: 400;
}

.dashboard-graphic-container .widget .widget-title ul {
  display: inline-flex;
}

.dashboard-graphic-container .widget .widget-title ul li {
  margin-right: 20px;
  line-height: 25px;
  height: 32px;
}

.chartjs-tooltip {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.intercom-lightweight-app-launcher {
  display: none !important;
}

.new-widget {
  grid-row: 2/2;
}
.new-widget__listings-messages {
  padding: 24px 30px 30px;
  margin-bottom: 45px;
}
.new-widget__listings-messages .widget-title {
  padding: 0 0 24px;
  line-height: 26px;
}
.new-widget__listings-messages .widget-title + div {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(2, calc((100% - 40px) / 2));
}
.new-widget__listings-messages .widget-data-number-primary {
  font-size: 3rem;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.new-widget__listings-messages .new-widget__data:not(.has-notification) .widget-data-number-primary {
  font-weight: 400;
}
.new-widget__listings-messages .new-widget__data.has-notification .widget-data-number-primary {
  padding-right: 11px;
}
.new-widget__listings-messages .new-widget__data.has-notification .widget-data-number-primary::after {
  content: " ";
  display: block;
  width: 7px;
  height: 7px;
  background: #f04e54;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 0;
}
.new-widget__listings-messages a {
  font-size: 1.4rem;
  color: #292828;
  text-decoration: underline;
  cursor: pointer;
  text-underline-position: from-font;
}
.new-widget__listings {
  grid-row: 3/span 3;
}
.new-widget__listings .widget {
  height: 100%;
  box-sizing: border-box;
  min-height: 384px;
}
.new-widget__listings .widget-title {
  padding: 0 0 24px;
  line-height: 26px;
}
.new-widget__listings .widget-title span {
  display: inline-block;
  vertical-align: middle;
}
.new-widget__listings .widget-title a {
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin-left: 2px;
  vertical-align: middle;
  width: 12px;
  background: transparent;
  border-radius: 50%;
  padding: 5px;
}
.new-widget__listings .widget-title a:hover {
  background: #eeeeee;
  border-radius: 50%;
  padding: 5px;
}
.new-widget__listings .widget-title a i, .new-widget__listings .widget-title a svg {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 1;
}
.new-widget__listings .new-widget__empty-state {
  margin-top: 32px;
}
.new-widget__listings .new-widget__data--header {
  display: flex;
  grid-gap: 32px;
  margin-bottom: 40px;
}
.new-widget__listings .new-widget__data--header .new-widget__data > span, .new-widget__listings .new-widget__data--header .new-widget__data a {
  font-size: 1.4rem;
  color: #292828;
}
.new-widget__listings .new-widget__data--header .new-widget__data a {
  text-decoration: underline #ccc;
}
.new-widget__listings .new-widget__data--header .widget-data-number-primary {
  font-size: 3rem;
}
.new-widget__listings .new-widget__data--body {
  text-align: center;
}
.new-widget__listings .new-widget__data--body span {
  display: block;
  margin: 30px auto 15px;
  font-weight: 600;
  color: #292828;
  font-size: 1.4rem;
}
.new-widget__listings .new-widget__data--body p {
  font-size: 1.4rem;
  color: #292828;
}
.new-widget__listings #new-widget__listings--chart {
  margin: 0 auto;
}
@media (max-width: 976px) {
  .new-widget__listings {
    grid-row: 3/3;
  }
}

#loadingBtn {
  width: 109px !important;
}

/* Card response time */
.widget.meli-response-time {
  font-size: 12px;
  color: #727272;
  min-height: 150px;
  min-width: 316px;
}
.widget.meli-response-time .no-response-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #292828;
  padding-top: 8px;
}
.widget.meli-response-time .widget-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin-right: 0;
}
.widget.meli-response-time a {
  color: #236da9;
}
.widget.meli-response-time a:hover {
  color: #17507f;
  text-decoration: none;
}
.widget.meli-response-time .response-time-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0px;
}
.widget.meli-response-time .response-time-info .response-time-value {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  font-size: 30px;
  font-weight: 600;
  padding: 10px 20px 10px 0px;
}
.widget.meli-response-time .response-time-info .response-time-value.success {
  color: #75c367;
}
.widget.meli-response-time .response-time-info .response-time-value.failed {
  color: #f04e54;
}
.widget.meli-response-time .response-time-info .response-time-text {
  font-size: 14px;
  padding: 10px 0 10px 20px;
  color: #292828;
  border-left: 1px solid #eeeeee;
}
@media (max-width: 1690px) {
  .widget.meli-response-time .response-time-info .response-time-text {
    width: 50%;
  }
}

/* Skeleton Loader */
#meliResponseTimeWidgetLoading .cont-loading {
  margin-bottom: 12px;
  height: 18px;
  background-color: #eeeeee;
}
#meliResponseTimeWidgetLoading .container-title .widget-title.cont-loading {
  width: 200px;
}
#meliResponseTimeWidgetLoading .response-time-info .line-divider {
  border-right: solid 1px #eeeeee;
  height: 76px;
  margin-right: 68px;
  margin-left: 20px;
}
#meliResponseTimeWidgetLoading .response-time-info .small-widget {
  width: 18px;
}
#meliResponseTimeWidgetLoading .response-time-info .big-widget {
  width: 72px;
}
#meliResponseTimeWidgetLoading .response-time-info .second-widget .content-info {
  width: 140px;
  margin-left: -21px;
}

/* Questions */
#questions-menu {
  padding-top: 20px;
  min-height: 900px;
  margin-top: 20px;
}

.new-tab-automatic-answers {
  border-radius: 5.6px;
  background-color: #4a9edd;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  height: 16px;
  margin-top: 5px;
  margin-left: 7px;
  width: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-tabs > li.respuestas-automaticas.new-tab {
  display: inline-flex;
}

.questions-widgets-container {
  width: calc(100vw - 370px);
  float: left;
  max-width: 1350px;
}

.widget-quick-asw {
  float: right;
  width: 179px;
}

.widget.widget-quick-asw .widget-title {
  margin-bottom: 2px;
  padding-top: 0;
}

.questions-widgets-container-tab .widget.widget-quick-asw {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.widget-question {
  margin-bottom: 40px;
  position: relative;
  left: 0;
}

.widget-question.slide-out {
  left: -1000px;
}

.widget.widget-question .widget-question-listing-info {
  display: grid;
  grid-template-columns: 70px auto 30px;
  grid-row: 1/1;
  grid-template-areas: "list-thb list-info list-act";
  grid-gap: 15px;
  grid-row-gap: 10px;
}
.widget.widget-question .widget-question-listing-info .widget-question-tags {
  display: flex;
  gap: 8px;
}
.widget.widget-question .widget-question-listing-info .widget-question-tags .RT-tooltip {
  margin: 0;
}

.widget-question-item-info-sku {
  font-size: 1.4rem;
  display: inline;
  padding-right: 10px;
  padding-left: 10px;
  border-left: 1px solid;
  display: none;
}

.widget.widget-question .widget-question-listing-info .widget-question-tumb {
  grid-area: list-thb;
}

.widget.widget-question .widget-question-listing-info .widget-question-listing-user-info {
  grid-area: list-info;
  position: relative;
  top: -3px;
  line-height: 25px;
}

.label_type.classic.catalog_question {
  background-color: #4194d8;
  margin-left: 1px;
  padding: 3px 10px;
}

.widget-questions-action {
  grid-area: list-act;
  height: 100px;
  margin-bottom: 10px;
}

.widget.widget-question .widget-question-listing-info .widget-question-tumb img {
  border-radius: 3px;
  width: 100%;
}

.widget.widget-question .widget-question-listing-info .widget-question-title a {
  color: #818181;
}

.widget.widget-question .widget-question-listing-info .widget-question-title a.operation-number {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.4rem;
}

.widget.widget-question .widget-question-listing-info .widget-question-price {
  color: #71D8BF;
  padding: 7px 0 3px 0;
}

.widget.widget-question .widget-question-listing-info .widget-question-price .stock {
  color: #818181;
  font-size: 1.3rem;
}

.widget.widget-question .widget-question-listing-info .widget-question-price .shipping {
  color: #818181;
  font-size: 1.4rem;
}

.widget.widget-question .widget-question-listing-info .widget-question-price .shipping .free-shipping-icon {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url("../img/free-shipping-icon.5ab732b982f2.svg") 0 0 no-repeat;
  background-size: cover;
  position: relative;
  top: 3px;
}

.widget.widget-question .widget-question-listing-info .widget-question-user-info {
  font-size: 1.4rem;
}

.widget.widget-question .widget-question-listing-info .widget-question-user-info .location {
  font-size: 1.3rem;
}

.widget.widget-question .widget-question-listing-info .widget-question-user-info .location .location-small-icon {
  display: inline-block;
  width: 15px;
  height: 19px;
  background: url("../img/location-small-icon.bf3dc562088e.svg") 0 0 no-repeat;
  background-size: cover;
  position: relative;
  top: 5px;
}

.widget.widget-question .widget-questions-action ul li {
  text-align: right;
  position: relative;
}

.widget.widget-question .widget-questions-action ul li:first-child {
  height: 40px;
}

.widget.widget-question .widget-questions-action ul li button {
  width: 24px;
  height: 20px;
  border: 0;
  background-size: cover;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 5px 0;
}

.widget.widget-question .widget-questions-action ul li button svg g path {
  fill: #A5A5A5;
  -webkit-transition: fill 100ms ease-out 100ms;
  -moz-transition: fill 100ms ease-out 100ms;
  -o-transition: fill 100ms ease-out 100ms;
  transition: fill 100ms ease-out 100ms;
}

.widget.widget-question .widget-questions-action ul li button:hover svg g path {
  fill: rgb(139.5, 139.5, 139.5);
}

.widget.widget-question .widget-questions-action .question-insert-shipping-cost {
  margin: 10px 0 0 7px;
}

.widget.widget-question .widget-questions-action .question-delete,
.widget.widget-question .widget-questions-action .question-block-user,
.widget.widget-question .widget-questions-action .question-insert-shipping-cost {
  background: none;
}

.widget.widget-question .widget-questions-question {
  padding-left: 10px;
  margin-bottom: 15px;
  line-height: 26px;
}

.widget.widget-question .widget-questions-question i {
  width: 20px;
  display: inline-block;
  position: relative;
  left: -8px;
  top: 6px;
}

.question-time-ago {
  display: inline-block;
  font-size: 1.2rem;
  color: #A5A5A5;
  background-size: contain;
  height: 13px;
  line-height: 14px;
  margin-left: 3px;
}

.widget.widget-question .widget-questions-greeting {
  font-size: 1.4rem;
  margin-bottom: 15px;
  height: 27px;
  line-height: 26px;
}

.widget.widget-question .widget-questions-greeting .mdc-checkbox__wrapper,
.widget.widget-question .widget-questions-signature .mdc-checkbox__wrapper {
  margin-left: -10px;
}

.widget.widget-question .widget-questions-greeting .mdc-checkbox__wrapper label,
.widget.widget-question .widget-questions-signature .mdc-checkbox__wrapper label {
  margin-top: 2px;
}

.widget.widget-question .widget-questions-location-detected {
  width: 100%;
  border-left: 3px solid #32C561;
  padding: 10px 0;
  color: #32C561;
  background-color: #E4F6E9;
  margin: 25px 0;
}

.widget.widget-question .widget-questions-location-detected span {
  display: inline-block;
  position: relative;
  top: -5px;
}

.widget.widget-question .widget-questions-location-detected a:hover {
  color: #32C561;
}

.widget.widget-question .widget-questions-location-detected .location-shipping-cost-icon {
  width: 30px;
  height: 25px;
  margin: 0 12px;
  display: inline-block;
  background: url("../img/location-shipping-icon.a1f4ab398898.svg") 0 3px no-repeat;
  background-size: cover;
}

.box-AI-suggested-questions {
  display: flex;
  flex-direction: column;
  border: 1px solid #bda2f0;
  border-radius: 4px;
  margin: 12px 0;
  padding: 12px;
}
.box-AI-suggested-questions .header-AI {
  display: flex;
  justify-content: space-between;
  height: 28px;
}
.box-AI-suggested-questions .header-AI .title-AI {
  display: flex;
  column-gap: 10px;
  flex-direction: row;
  align-items: center;
}
.box-AI-suggested-questions .header-AI .title-AI p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #7a51c9;
  margin: 4px 0;
}
.box-AI-suggested-questions .header-AI .title-AI .tag-icon {
  font-size: 14px;
  padding: 4px 8px;
  background-color: #E8EDFA;
  color: #6C88D5;
}
.box-AI-suggested-questions .header-AI .title-AI i {
  height: 20px;
}
.box-AI-suggested-questions .header-AI .button-collapse {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: transparent;
  background: white;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
}
.box-AI-suggested-questions .header-AI .button-collapse:hover {
  background: #eeeeee;
}
.box-AI-suggested-questions .header-AI .button-collapse svg {
  width: 14px;
  color: #727272;
}
.box-AI-suggested-questions:has(.collapse.in) {
  background: white;
}
.box-AI-suggested-questions:has(.collapse.in) .button-collapse {
  transform: rotate(180deg);
}
.box-AI-suggested-questions .cards-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 10px;
}
.box-AI-suggested-questions .cards-wrapper .card-AI {
  flex: 1;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
}
.box-AI-suggested-questions .cards-wrapper .card-AI p {
  margin: 10px 10px 6px;
  color: #292828;
  padding: 4px 2px 28px;
}
.box-AI-suggested-questions .cards-wrapper .card-AI .match-percentage-answer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  color: #7a51c9;
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  padding: 6px 10px;
  gap: 4px;
}
.box-AI-suggested-questions .cards-wrapper .card-AI .match-percentage-answer svg {
  width: 11px;
  height: 12px;
}
.box-AI-suggested-questions .cards-wrapper .card-AI .insert-answer {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #7a51c9;
  background-color: #E8EDFA;
  padding: 5px 12px;
  border-radius: 0 0 3px 3px;
}
.box-AI-suggested-questions .cards-wrapper .card-AI:hover {
  cursor: pointer;
  border: 1px solid #9c7adf;
}
.box-AI-suggested-questions .cards-wrapper .card-AI:hover .match-percentage-answer {
  display: none;
}
.box-AI-suggested-questions .cards-wrapper .card-AI:hover .insert-answer {
  display: block;
}

.widget.widget-question .widget-questions-answer-container {
  border-radius: 3px;
  padding: 0;
  position: relative;
  border: 1px solid #d7d7d7;
  min-height: 118px;
}

.widget.widget-question .widget-questions-answer-container.has-minerva {
  min-height: 250px;
}

.widget.widget-question .widget-questions-answer-container button.widget-questions-submit-answer {
  border-top-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #71D8BF;
  width: 50px;
  height: 120px;
  border: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 0;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
  z-index: 2;
}

.widget.widget-question .widget-questions-answer-container button.widget-questions-submit-answer.loading,
.widget.widget-question .widget-questions-answer-container button.widget-questions-submit-answer:hover {
  background-color: rgb(72.9889502762, 205.0110497238, 172.9668508287);
  opacity: 1;
}

.widget.widget-question .widget-questions-answer-container button.widget-questions-submit-answer:after {
  content: "";
  display: block;
  background: url("../img/tick-answer-icon.59c4db352457.svg") 0 0 no-repeat;
  background-size: contain;
  position: relative;
  top: 2px;
  left: 3px;
  width: 100%;
  height: 40px;
}

.widget.widget-question .widget-questions-answer-container button.widget-questions-submit-answer:before {
  background: transparent url("../img/loading-spinner.86a8fca17dff.gif") center center no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  opacity: 0;
}

.widget.widget-question .widget-questions-answer-container button.widget-questions-submit-answer.loading:after {
  background: transparent url("../img/loading-spinner.86a8fca17dff.gif") center center no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  position: relative;
  top: 2px;
  left: 14px;
  width: 20px;
  height: 20px;
  opacity: 0.9;
}

.widget.widget-question .widget-questions-answer-container textarea, .widget.widget-question .widget-questions-answer-container .caret-calculate-wrap {
  width: calc(100% - 65px);
  height: 89px;
  padding: 13px 45px 14px 15px;
  border: 1px solid transparent;
  color: #818181;
  resize: none;
  display: block;
}
.widget.widget-question .widget-questions-answer-container .caret-calculate-wrap {
  position: absolute;
  opacity: 0;
  z-index: 1;
  bottom: 0;
  height: auto;
  min-height: 118px;
  padding-bottom: 0px;
  box-sizing: border-box;
  width: 100%;
}
.widget.widget-question .widget-questions-answer-container textarea {
  position: relative;
  z-index: 2;
}

.widget.widget-question .widget-questions-answer-container textarea:focus {
  box-shadow: 0 0 5px #71D8BF;
  border: 1px solid #71D8BF;
}

.widget.widget-question .widget-questions-answer-container .widget-questions-answer-suggested {
  background-color: #f5f5f5;
  padding: 15px;
}

.widget.widget-question .widget-questions-answer-container .widget-answer-suggested-title {
  font-size: 1.6rem;
  margin-bottom: 13px;
}

.widget.widget-question .widget-questions-answer-container .widget-answer-suggested-title span {
  color: #fff;
  padding: 3px 5px 2px 5px;
  background-color: #FFD561;
  border-radius: 3px;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-left: 3px;
}

.widget.widget-question .widget-questions-answer-container .widget-answer-suggested-text {
  margin-bottom: 15px;
  font-size: 1.4rem;
}

.widget.widget-question .widget-questions-answer-container button.widget-answer-suggested-insert {
  border-radius: 3px;
  border: 1px solid #71D8BF;
  padding: 6px 15px 6px 40px;
  color: white;
  background: #71D8BF url("../img/like-icon.b1d976cdd1bf.svg") -1px -7px no-repeat;
  background-size: 45px;
  margin-right: 15px;
  opacity: 1;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}

.widget.widget-question .widget-questions-answer-container button.widget-answer-suggested-dismiss {
  border-radius: 3px;
  border: 1px solid #A5A5A5;
  padding: 6px 15px 6px 40px;
  color: #A5A5A5;
  background: transparent url("../img/unlike-icon.6c41cba83be7.svg") -1px -7px no-repeat;
  background-size: 45px;
  opacity: 1;
  -webkit-transition: opacity 100ms ease-out 100ms;
  -moz-transition: opacity 100ms ease-out 100ms;
  -o-transition: opacity 100ms ease-out 100ms;
  transition: opacity 100ms ease-out 100ms;
}

.widget.widget-question .widget-questions-answer-container button:hover {
  opacity: 0.6;
}

.widget.widget-question .widget-questions-answer-container button.widget-answer-suggested-insert:hover {
  background-color: rgb(72.9889502762, 205.0110497238, 172.9668508287);
  opacity: 1;
}

.widget.widget-question .widget-questions-answer-container .blacklist-suggestion {
  font-size: 13px;
  display: none;
  display: inline-block;
  width: 50%;
  position: absolute;
  bottom: 13px;
  left: 330px;
  line-height: 18px;
}

.widget.widget-question .widget-questions-answer-container .blacklist-suggestion a.undo-review {
  font-weight: 400;
  color: #84d3c0;
}

.minerva-feedback-modal .checkbox {
  margin: 15px 0;
}

.minerva-feedback-modal .widget-alert-info {
  padding: 0;
}

.minerva-feedback-modal .widget-alert-info span {
  display: inline-block;
  position: relative;
  top: -10px;
  font-size: 1.4rem;
}

.widget.widget-question .widget-questions-tip {
  font-size: 1.2rem;
  font-style: italic;
  line-height: 18px;
}

.widget.widget-question .widget-questions-signature {
  margin-bottom: 45px;
}

.widget.widget-question .widget-questions-history button.widget-questions-history-collapse {
  border: 0;
  background: none;
  padding: 0 0 0 28px;
  margin-bottom: 13px;
  position: relative;
  cursor: pointer;
}

.widget.widget-question .widget-questions-history button.widget-questions-history-collapse:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 22px;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  transition-duration: 0ms;
}

.widget.widget-question .widget-questions-history button.widget-questions-history-collapse.collapsed:after {
  transform: rotate(0deg);
}

.widget-questions-history-question {
  line-height: 26px;
  margin-bottom: 7px;
}

.widget-questions-history-answer {
  line-height: 26px;
  margin-bottom: 20px;
}

.widget-questions-history-question i.bubble-message {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("../img/question-icon_v2.d8449ea67355.svg") 0 2px no-repeat;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: 8px;
}

.widget-questions-history-answer i.bubble-message {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: url("../img/answer-icon.ed2cf1f590fd.svg") 0 -2px no-repeat;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: 8px;
}

.widget.widget-question .widget-questions-history .widget-questions-history-answer .answer-signature {
  display: inline-block;
  font-size: 1.2rem;
  color: #A5A5A5;
  position: relative;
}

.widget.widget-question .widget-questions-history .widget-questions-history-answer .answer-signature:after {
  content: "";
  display: block;
  width: 40%;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to right, #fff 0%, #ffffff 100%);
  background: -moz-linear-gradient(left, #fff 0%, #ffffff 100%);
  background: -webkit-linear-gradient(left, "#ffffff00" 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1 );
}

.widget.widget-question .widget-questions-history .question-time-ago {
  display: inline-block;
  font-size: 1.2rem;
  color: #B7B7B7;
  padding: 0 14px;
  background: url("../img/time-ago-icon.c8aa89a34cad.svg") 0 0 no-repeat;
  background-size: contain;
  height: 13px;
  line-height: 14px;
  margin-left: 3px;
}

.history-widget-store-name {
  display: flex;
  column-gap: 6px;
  font-size: 14px;
  color: #727272;
  padding-bottom: 10px;
}

.historic-questions-question-sales-text {
  display: inline;
}

#question-id {
  text-decoration: none;
  padding-left: 0px;
}

.widget.widget-quick-asw {
  top: 0;
  -webkit-transition: top 150ms;
  -moz-transition: top 150ms;
  -o-transition: top 150ms;
  transition: top 150ms;
}

.widget.widget-quick-asw .widget-quick-asw-wrap-scroll {
  overflow-y: scroll;
  height: calc(100vh - 155px);
}

.widget.widget-quick-asw.fixed {
  position: fixed;
  top: 50px;
  right: 20px;
  width: 180px;
}

#questionTagsContent {
  text-align: center;
}

.widget.widget-quick-asw button,
.modal-quick-answers button {
  width: 100%;
  height: 32px;
  border-radius: 3px;
  color: white;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0;
  margin-bottom: 17px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}

.widget.widget-quick-asw button {
  max-width: 130px;
}

.widget.widget-quick-asw .widget-quick-asw-config {
  color: #818181;
  background-color: white;
  border: 1px solid #ccc;
  padding: 0;
  display: block;
  text-align: center;
  text-transform: none;
  line-height: 24px;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  margin-bottom: 15px;
  border-radius: 3px;
}

.widget.widget-quick-asw .widget-quick-asw-config .edit-icon svg g path {
  fill: #A5A5A5;
  -webkit-transition: fill 100ms;
  -moz-transition: fill 100ms;
  -o-transition: fill 100ms;
  transition: fill 100ms;
}

.widget.widget-quick-asw .widget-quick-asw-config:hover {
  color: rgb(37.5, 37.5, 37.5);
  border: 1px solid #999999;
  text-decoration: none;
}

.widget.widget-quick-asw .widget-quick-asw-config:hover .edit-icon svg g path {
  fill: #727272;
}

.widget.widget-quick-asw .widget-quick-asw-config .edit-icon {
  display: inline-block;
  width: 24px;
  height: 16px;
  position: relative;
  top: 3px;
}

.widget.widget-quick-asw .widget-quick-asw-config span {
  position: relative;
  top: -4px;
}

.widget.widget-quick-asw .orange,
.modal-quick-answers .orange {
  background-color: #FEB069;
  border: 1px solid #FEB069;
}

.widget.widget-quick-asw button.orange:hover,
.modal-quick-answers button.orange:hover {
  background-color: rgb(253.6622516556, 149.3178807947, 54.3377483444);
}

.widget.widget-quick-asw .blue,
.modal-quick-answers .blue {
  background-color: #91C0F8;
  border: 1px solid #91C0F8;
}

.widget.widget-quick-asw button.blue:hover,
.modal-quick-answers button.blue:hover {
  background-color: rgb(97.0512820513, 164.5384615385, 244.9487179487);
}

.widget.widget-quick-asw .violet,
.modal-quick-answers .violet {
  background-color: #B0A0F7;
  border: 1px solid #B0A0F7;
}

.widget.widget-quick-asw button.violet:hover,
.modal-quick-answers button.violet:hover {
  background-color: rgb(136.8834951456, 112.9611650485, 243.0388349515);
}

.widget.widget-quick-asw .pink,
.modal-quick-answers .pink {
  background-color: #F497C8;
  border: 1px solid #F497C8;
}

.widget.widget-quick-asw button.pink:hover,
.modal-quick-answers button.pink:hover {
  background-color: rgb(239.1217391304, 104.8782608696, 175.6086956522);
}

.widget.widget-quick-asw .green,
.modal-quick-answers .green {
  background-color: #6ca5ab;
  border: 1px solid #6ca5ab;
}

.widget.widget-quick-asw button.green:hover,
.modal-quick-answers button.green:hover {
  background-color: rgb(82.9090909091, 139.1688311688, 145.0909090909);
}

.widget.widget-quick-asw .lightgreen,
.modal-quick-answers .lightgreen {
  background-color: #BEE092;
  border: 1px solid #BEE092;
}

.widget.widget-quick-asw button.lightgreen:hover,
.modal-quick-answers button.lightgreen:hover {
  background-color: rgb(166.3214285714, 212.7071428571, 106.2928571429);
}

/* Config panel quick asw */
.config-panel-slide {
  width: 350px;
  background-color: #fff;
  position: fixed;
  top: 55px;
  right: -352px;
  border: 1px solid #d7d7d7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 3;
  margin-bottom: 30px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.config-panel-slide.open .config-panel-wrapper {
  height: calc(100vh - 82px);
  padding: 25px 20px 0 20px;
  overflow-y: auto;
}
.config-panel-slide.open .config-panel-wrapper .primary-md[disabled] {
  text-decoration: none;
  cursor: default;
}
.config-panel-slide.open .config-panel-wrapper .primary-md[disabled]:hover {
  background-color: #4194d8;
  border-color: #4194d8;
}

.config-panel-slide .config-panel-item {
  padding-bottom: 25px;
}

.config-panel-slide .config-panel-item:last-child {
  padding-bottom: 10px;
}
.config-panel-slide .config-panel-item:last-child p:last-child {
  margin-bottom: 100px;
}

.config-panel-slide .config-panel-item span {
  color: #71D8BF;
}

.config-panel-slide.open {
  right: 0px;
}

.config-panel-slide.open .config-panel-button svg g path {
  fill: #71D8BF;
}

.config-panel-slide .config-panel-button {
  width: 23px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-right: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 6px;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  top: 25px;
  left: -36px;
}

.config-panel-slide .config-panel-button:hover svg g path {
  fill: #71D8BF;
  -webkit-transition: fill 250ms ease-out 250ms;
  -moz-transition: fill 250ms ease-out 250ms;
  -o-transition: fill 250ms ease-out 250ms;
  transition: fill 250ms ease-out 250ms;
}

.config-panel-slide .config-panel-title {
  font-weight: 400;
  margin-bottom: 12px;
}

.config-panel-slide .config-panel-left-text {
  width: 210px;
  display: inline-block;
  padding-right: 30px;
  line-height: 18px;
}

.config-panel-slide .config-panel-toggle {
  width: 50px;
  display: inline-block;
}

.config-panel-slide .config-panel-input {
  width: calc(100% - 20px);
  height: 70px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
  margin-bottom: 15px;
  resize: none;
}

.config-panel-slide .signature-btn {
  padding-left: 15px;
}

.config-panel-slide .config-panel-submit {
  border-radius: 3px;
  border: 0;
  padding: 6px 13px;
  background-color: #71D8BF;
  color: #fff;
  -webkit-transition: all 250ms ease-out 250ms;
  -moz-transition: all 250ms ease-out 250ms;
  -o-transition: all 250ms ease-out 250ms;
  transition: all 250ms ease-out 250ms;
}
.config-panel-slide .config-panel-submit.bt-primary {
  line-height: inherit;
}

.config-panel-slide .config-panel-submit:hover {
  background-color: rgb(90.5606936416, 195.4393063584, 156.5953757225);
}

/* Modal */
.modal .modal-title {
  font-weight: 400;
  font-size: 2.2rem;
  color: #727272;
}

.modal .modal-header {
  padding: 20px 25px;
  border: 0;
}

.modal .modal-footer {
  border-top: 0;
  padding: 25px;
}

.modal .modal-footer .widget-alert {
  text-align: left;
}

.questions-widgets-container-tab .questions-answers-no-questions {
  margin: 0;
  padding: 45px;
  border-radius: 4px;
}

.modal button.close {
  border: 0;
  opacity: 1;
  width: 30px;
  height: 30px;
  background: url("../img/close-icon.ab769d670a1f.svg") 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 10px;
  top: 16px;
  padding: 0;
}

.modal .modal-delete-cancel-link {
  padding: 0 25px;
}

.modal .modal-content {
  -webkit-box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
  -moz-box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
  box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
}

ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown {
  min-width: 500px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-loader-element {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.has_scroll {
  overflow-y: scroll;
  overflow-x: clip;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.has_scroll::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 8px;
  background: white;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.has_scroll::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.not_scroll {
  overflow: visible !important;
  height: auto !important;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown a {
  padding: 0;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-normal-item {
  padding: 3px 20px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item {
  display: grid;
  grid-template-columns: 50px auto;
  grid-gap: 18px;
  padding: 12px 20px;
  border-bottom: 1px solid #dbdbdb;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--title {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
  margin-bottom: 4px;
  width: 492px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--price {
  font-size: 1.4rem;
  font-weight: 600;
  color: #292828;
  margin-bottom: 12px;
  padding-right: 8px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--image {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--image img {
  max-width: 100%;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--quantity {
  font-size: 1.4rem;
  font-weight: 400;
  color: #727272;
  margin-bottom: 12px;
  padding-left: 8px;
  position: relative;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--quantity::before {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  background: #727272;
  height: 12px;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--sku {
  font-size: 1.4rem;
  font-weight: 400;
  color: #727272;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item ul {
  display: grid;
  grid-template-columns: repeat(3, auto);
  width: fit-content;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item ul .tag-element {
  margin-bottom: 0;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item ul li {
  margin-top: 12px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item ul li:hover {
  background: none;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item:hover {
  cursor: pointer;
  background: #eeeeee;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown > li.active .search-list__item {
  background: #eeeeee;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown > li:last-child a .search-list__item {
  border-bottom: 0;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container {
  max-width: 600px;
  width: 90%;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li {
  height: 100%;
  display: grid;
  align-items: center;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li.active {
  background-color: initial;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li a {
  background-color: initial;
  pointer-events: none;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li a .search-list__empty-state, ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li a .search-list__not-found {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container {
  position: absolute;
  background: white;
  top: 0;
  width: 100%;
  height: 100%;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li {
  display: grid;
  grid-template-columns: 50px calc(100% - 66px);
  grid-gap: 16px;
  padding: 12px 20px;
  border-bottom: 1px solid #dbdbdb;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li div span {
  background: #eeeeee;
  display: block;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li div:first-child span {
  width: 52px;
  height: 52px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li div:last-child span {
  height: 12px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li div:last-child span:first-child {
  width: 90%;
  max-width: 400px;
  margin-bottom: 8px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li div:last-child span:nth-child(2) {
  width: 90%;
  max-width: 110px;
  margin-bottom: 24px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li div:last-child span:last-child {
  width: 90%;
  max-width: 110px;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li.active, ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li:first-child {
  background-color: initial;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li.active li, ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li.active a, ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li:first-child li, ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__container ul li:first-child a {
  background-color: white;
}
ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .predictor-loader__wrap {
  overflow: hidden;
}

@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 1000px;
    margin: 30px auto;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown {
    top: 0 !important;
    left: 0 !important;
    padding: 0;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown .search-list__item .search-list__item--sku {
    padding-top: 4px;
  }
}
.modal .modal-content .modal-body {
  padding: 0 25px 2px 25px;
}

#shipmentModal .selectize-control.single {
  padding-bottom: 10px;
}

#modal-question-confirm .modal-dialog {
  max-width: 600px;
}
#modal-question-confirm .modal-dialog .modal-header {
  padding-bottom: 14px;
}
#modal-question-confirm .modal-dialog .modal-header p {
  line-height: 17px;
}
#modal-question-confirm .modal-dialog .modal-header .btn-close {
  border-radius: 13px;
  width: 17px;
  height: 17px;
  right: 26px;
  top: 22px;
  border: none;
  position: absolute;
  background: none;
}
#modal-question-confirm .modal-dialog .modal-header .btn-close:hover svg path {
  fill: #292828;
}
#modal-question-confirm .modal-dialog .modal-body .widget-alert {
  display: none;
  border-width: 1px;
  margin-top: 0;
  padding: 7px 0;
}
#modal-question-confirm .modal-dialog .modal-body .widget-alert i {
  height: 20px;
  width: 20px;
}
#modal-question-confirm .modal-dialog .modal-footer {
  margin-top: 11px;
}
#modal-question-confirm .modal-dialog .modal-footer button {
  height: 44px;
}
#modal-question-confirm .modal-dialog .bt-secondary:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
#modal-question-confirm .modal-dialog .modal-body .widget-alert {
  display: none;
  border-width: 1px;
  margin-top: 0;
  padding: 7px 0;
}
#modal-question-confirm .modal-dialog .modal-body .widget-alert i {
  height: 20px;
  width: 20px;
}
#modal-question-confirm .modal-dialog .bt-secondary:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
#modal-question-confirm .modal-dialog .bt-primary:hover {
  background-color: #236da9;
}

.questions-shipping-cost-location-label,
.questions-shipping-cost-zip-label {
  font-weight: 400;
  padding: 10px 0 5px 0;
  margin-bottom: -10px;
}

.questions-shipping-cost-manual-loading,
.questions-shipping-cost-manual-retrieving {
  display: inline-block;
  opacity: 0;
}

.questions-shipping-cost-manual-retrieving {
  margin-left: 15px;
}

.questions-shipping-cost-search-input {
  display: inline-block;
  margin-bottom: 15px;
}

.questions-shipping-cost-search-input-element {
  width: 300px;
}

.modal .modal-content .selectize-input.items.full.has-options.has-items {
  width: 80px;
}

.modal .modal-content .selectize-input .item {
  margin: 7px 0;
}

.modal .modal-content .selectize-dropdown {
  top: 32px;
  overflow: scroll;
  height: 200px;
}

.modal .modal-content .spinner-loading {
  padding: 10px 0;
}

.modal .modal-content .questions-shipping-cost-search-input-element {
  width: 300px;
  height: 27px;
  margin-right: 10px;
}

.modal .modal-content .selectize-dropdown {
  visibility: collapse;
}

.selectize-input.dropdown-active::before {
  height: 0;
}

.dropdown-menu li:first-child {
  border-top: none;
}

.dropdown-menu li:hover,
.dropdown-menu .active {
  background-color: #f5f5f5;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1.4rem;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #eeeeee;
  /* background-color: #95d1c4; */
  outline: 0;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #595959;
  white-space: nowrap;
}

/* Modal Quick Answer */
.modal-quick-answers .modal-title {
  font-weight: 400;
  font-size: 2.2rem;
  color: #727272;
}

.modal-quick-answers .modal-header {
  padding: 20px 25px;
  border: 0;
}

.modal-quick-answers .modal-footer {
  border-top: 0;
}

.modal-quick-answers button.close {
  border: 0;
  opacity: 1;
  width: 30px;
  height: 30px;
  background: url("../img/close-icon.ab769d670a1f.svg") 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 10px;
  top: 16px;
  padding: 0;
}

.modal-quick-answers .modal-content {
  -webkit-box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
  -moz-box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
  box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
}

@media (min-width: 768px) {
  .modal-quick-answers .modal-dialog {
    width: 1000px;
    margin: 30px auto;
  }
}
.modal-quick-answers .modal-content .modal-body {
  padding: 0 25px 2px 25px;
}

.modal-quick-answers .modal-quick-answ-form-new {
  display: grid;
  grid-template-columns: 141px 659px 110px;
  grid-gap: 20px;
  grid-row-gap: 45px;
  margin-bottom: 40px;
  grid-template-areas: "modalqaswnew-label modalqaswnew-textarea modalqaswnew-submit";
}

.modal-quick-answers .modal-quick-answ-new-label {
  grid-area: modalqaswnew-label;
}

.modal-quick-answers .modal-quick-answ-new-textarea {
  grid-area: modalqaswnew-textarea;
}

.modal-quick-answers .modal-quick-answ-new-submit {
  grid-area: modalqaswnew-submit;
  padding-top: 12px;
}

.modal-quick-answers .modal-quick-answ-new-label input {
  width: 141px;
  height: 22px;
  border-radius: 3px;
  color: white;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0;
  border: 0;
  margin-bottom: 3px;
}

.modal-quick-answers .modal-quick-answ-new-label input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}

.modal-quick-answers .modal-quick-answ-new-label input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}

.modal-quick-answers .modal-quick-answ-new-label input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}

.modal-quick-answers .modal-quick-answ-new-label input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.modal-quick-answers textarea {
  width: 90%;
  height: 34px;
  padding: 12px 45px 14px 15px;
  color: #818181;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  line-height: 15px;
  resize: none;
}

.modal-quick-answers .modal-quick-answ-new-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }

.modal-quick-answers .modal-quick-answ-new-textarea textarea::-moz-placeholder { /* Firefox 19+ */ }

.modal-quick-answers .modal-quick-answ-new-textarea textarea:-ms-input-placeholder { /* IE 10+ */ }

.modal-quick-answers .modal-quick-answ-new-textarea textarea:-moz-placeholder { /* Firefox 18- */ }

.modal-quick-answers .modal-quick-answ-new-submit button {
  background-color: #71D8BF;
  border: 0;
  text-transform: capitalize;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}

.modal-quick-answers .modal-quick-answ-new-submit button:hover {
  background-color: #65C49D;
}

.modal-quick-answers .modal-quick-answ-form-new .modal-quick-answ-new-color-label {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 6px;
}

.modal-quick-answers .modal-quick-answ-form-new .modal-quick-answ-new-color-label:last-child {
  margin-right: 0;
}

.modal-quick-answers .modal-quick-answ-list .modal-quick-answ-list-tag {
  width: 100%;
  height: 22px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 0;
}

.modal-quick-answers .modal-quick-answ-list .modal-quick-answ-list-tag[readonly=readonly]:focus {
  box-shadow: none;
}

.modal-quick-answers .modal-quick-answ-list .modal-quick-answ-list-tag:focus {
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 3px rgba(187, 187, 187, 0.6);
}

.modal-quick-answers .modal-quick-answ-list {
  display: grid;
  grid-template-columns: 141px 659px 110px;
  grid-template-areas: "modalqasw-list-edit modalqasw-list-textarea modalqasw-list-actions";
  grid-template-rows: auto;
  grid-gap: 20px;
  grid-row-gap: 45px;
  margin-bottom: 20px;
  grid-auto-rows: auto;
  max-height: none;
}
.modal-quick-answers .modal-quick-answ-list.hideTag {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  max-height: 0;
  overflow: hidden;
  margin: 0;
}

.modal-quick-answers .modal-quick-answ-list-edit {
  grid-area: modalqasw-list-edit;
}

.modal-quick-answers .modal-quick-answ-list-textarea {
  grid-area: modalqasw-list-textarea;
  font-size: 1.4rem;
  line-height: 18px;
  position: relative;
  top: -3px;
  word-break: break-word;
}

.modal-quick-answers .modal-quick-answ-list-textarea textarea {
  padding: 5px 7px;
  width: 97%;
  min-height: 47px;
}

.modal-quick-answers .modal-quick-answ-list-textarea textarea[readonly=readonly] {
  padding: 0;
  border: 0;
  line-height: 18px;
  resize: none;
  display: inline-table;
  height: auto;
}

.modal-quick-answers .modal-quick-answ-list-actions {
  grid-area: modalqasw-list-actions;
  position: relative;
  top: -4px;
  height: 62px;
}

.modal-quick-answers .modal-quick-answ-list-actions button {
  width: 30px;
  display: inline-block;
  border: 0;
  position: relative;
  background: transparent;
}

.modal-quick-answers .modal-quick-answ-list-actions button.delete {
  width: 20px;
  top: -4px;
  margin: 0 14px 0 9px;
}

.modal-quick-answers .modal-quick-answ-list-actions button.drag {
  top: -9px;
  width: 19px;
  cursor: -webkit-grab;
}

.modal-quick-answers .modal-quick-answ-list-actions button.save {
  width: 100%;
  background-color: #71D8BF;
  border: 0;
  text-transform: capitalize;
  display: none;
  margin-top: 11px;
}

.modal-quick-answers .modal-quick-answ-list-actions button.delete-confirm {
  width: 100%;
  background-color: #FF7878;
  border: 0;
  text-transform: capitalize;
  top: 10px;
  position: absolute;
}

.modal-quick-answers .modal-quick-answ-list-actions .wrap-delete-confirm {
  display: none;
}

.modal-quick-answers .modal-quick-answ-list-actions .wrap-delete-confirm a {
  display: block;
  color: #B7B7B7;
  width: 100%;
  height: 20px;
  text-align: center;
  position: relative;
  bottom: -50px;
  font-size: 1.2rem;
}

.modal-quick-answers .modal-quick-answ-list-actions button svg g path {
  fill: #ccc;
  -webkit-transition: fill 100ms;
  -moz-transition: fill 100ms;
  -o-transition: fill 100ms;
  transition: fill 100ms;
}

.modal-quick-answers .modal-quick-answ-list-actions button:hover svg g path {
  fill: rgb(178.5, 178.5, 178.5);
}

.widget.widget-history-list .history-widget-item {
  display: grid;
  grid-template-columns: 80px 270px auto 200px;
  grid-gap: 20px;
  grid-row-gap: 45px;
  grid-template-areas: "history-thumb history-data history-ques history-aswtime";
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.widget.widget-history-list .history-widget-item:last-child {
  border: 0;
  padding: 0;
  margin: 0;
}

.widget.widget-history-list .history-widget-thumb {
  grid-area: history-thumb;
}

.widget.widget-history-list .history-widget-thumb img {
  border-radius: 3px;
}

.widget.widget-history-list .history-widget-data {
  grid-area: history-data;
}
.widget.widget-history-list .history-widget-data .history-widget-tags {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.widget.widget-history-list .history-widget-data .label_type {
  margin-bottom: 10px;
  display: inline-block;
}

.widget.widget-history-list .history-widget-title {
  color: #727272;
  line-height: 18px;
  padding-bottom: 10px;
}

.widget.widget-history-list .history-widget-title-link {
  padding-bottom: 15px;
}

.widget.widget-history-list .history-widget-title-link a {
  display: block;
  line-height: 22.3px;
  padding-right: 5px;
}

.history-widget-data #publicaciones .icon svg {
  width: 12px;
  padding-right: 5px;
}

#publicaciones {
  display: inline-flex;
}

.widget.widget-history-list .history-widget-title-link a:last-child {
  padding-left: 1px;
  padding-right: 0;
  font-size: 1.2rem;
  position: relative;
  top: -1px;
}

.widget.widget-history-list .history-widget-questions {
  grid-area: history-ques;
}

.widget.widget-history-list .history-widget-questions-ques {
  padding: 0 0 25px 30px;
  background: url("../img/question-icon.116b406e0391.svg") 0 -4px no-repeat;
  background-size: 28px;
}

.widget.widget-history-list .history-widget-questions-ques:last-child {
  background: url("../img/answer-icon.ed2cf1f590fd.svg") 0 -2px no-repeat;
  background-size: 5%;
  padding-bottom: 0;
}

.widget.widget-history-list .history-widget-questions-ques.answer {
  background: url("../img/answer-icon.ed2cf1f590fd.svg") 0 -2px no-repeat;
  background-size: 28px;
  padding-bottom: 0;
}

.widget.widget-history-list .history-widget-questions-ques.deleted {
  background: none;
}

.widget.widget-history-list .history-widget-questions-user-date {
  font-size: 1.2rem;
  color: #A5A5A5;
}
.widget.widget-history-list .history-widget-questions-user-date.AI-suggested-answer {
  font-size: 12px;
  line-height: 18px;
  color: #7a51c9 !important;
  font-weight: 600;
}
.widget.widget-history-list .history-widget-questions-user-date.AI-suggested-answer .RT-tooltip {
  display: inline-block !important;
  margin: 0 4px;
}
.widget.widget-history-list .history-widget-questions-user-date.AI-suggested-answer .RT-tooltip .RT-tooltip__title {
  width: 15px;
  height: 15px;
}
.widget.widget-history-list .history-widget-questions-user-date.AI-suggested-answer .RT-tooltip .RT-tooltip__title svg {
  width: 16px;
  height: 16px;
}

.widget.widget-history-list .history-widget-answer-time {
  grid-area: history-aswtime;
}

.widget.widget-history-list .history-widget-answer-time-number {
  color: #4194D8;
  font-size: 2.4rem;
  line-height: 20px;
  text-align: center;
}

.widget.widget-history-list .history-widget-answer-time-label {
  line-height: 18px;
  padding-top: 6px;
  text-align: center;
}

.widget-filters {
  margin-bottom: 10px;
  margin-top: -15px;
}

.widget-filters li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}

.widget-filters li:last-child {
  margin-right: 0;
}

.widget-filters .filter-search {
  width: 200px;
  padding: 0 0 30px 0;
  position: relative;
}

.widget-filters .filter-search input.search {
  width: 164px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px 25px 5px 8px;
}

#section-questions .widget-filters .filter-search input.search {
  width: 130px;
}

#section-questions .widget-filters .filter-search {
  width: 170px;
}

#section-questions .widget-filters .filter-search input.search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px !important;
}

.widget-filters .filter-search input.search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 1.2rem;
}

.widget-filters .filter-search input.search::-moz-placeholder { /* Firefox 19+ */
  font-size: 1.2rem;
}

.widget-filters .filter-search input.search:-ms-input-placeholder { /* IE 10+ */
  font-size: 1.2rem;
}

.widget-filters .filter-search input.search:-moz-placeholder { /* Firefox 18- */
  font-size: 1.2rem;
}

.widget-filters .filter-search button {
  width: 40px;
  border: 0;
  background: none;
  padding: 7px 12px 8px 12px;
  position: absolute;
  top: 0;
  right: 0;
  height: 31px;
}

.widget-filters .filter-search button svg g path {
  fill: #ccc;
  -webkit-transition: fill 100ms;
  -moz-transition: fill 100ms;
  -o-transition: fill 100ms;
  transition: fill 100ms;
}

.widget-filters .filter-search button:hover svg g path {
  fill: rgb(178.5, 178.5, 178.5);
}

.widget-filters:not(.competitor-filters) .selectize-input.items.full.has-options.has-items, .listing-detail_widget:not(.competitor-filters) .selectize-input.items.full.has-options.has-items {
  border: 1px solid #d7d7d7;
  box-shadow: none;
  background: #fff;
  margin: 0;
  padding: 6px 10px;
  width: 170px;
  color: #818181;
  overflow: inherit;
}

#questions-menu .widget-filters .selectize-input.items.full.has-options.has-items {
  width: auto;
  padding-left: 25px;
  padding-right: 28px;
}

#questions-menu .widget-filters .questions-filter-operators .selectize-input.items.full.has-options.has-items {
  width: 180px;
}

#questions-menu .widget-filters .questions-filter-sales .selectize-input.items.full.has-options.has-items {
  width: 190px;
}

.widget.listing-detail_widget .selectize-control.single .selectize-input:after,
.widget-filters .selectize-control.single .selectize-input:after,
.wrap-select-filter .selectize-control.single .selectize-input:after {
  width: 22px;
  height: 14px;
  top: 12px;
  right: 2px;
  border: 0;
  background: url("../img/chevron-select.bafdfbf84a66.svg") -6px -6px no-repeat;
  background-size: 125%;
}

.widget.listing-detail_widget .selectize-input.items.full.has-options.has-items:hover .item .widget-filters .selectize-input.items.full.has-options.has-items:hover .item {
  color: #444;
}

.widget.listing-detail_widget .selectize-input.items.full.has-options.has-items:hover .widget-filters .selectize-input.items.full.has-options.has-items:hover {
  border: 1px solid rgb(189.5, 189.5, 189.5);
}

.selectize-dropdown {
  border: 0;
  color: #727272;
  padding: 12px 12px;
  -webkit-box-shadow: 1px 1px 4px rgba(154, 154, 154, 0.5);
  -moz-box-shadow: 1px 1px 4px rgba(154, 154, 154, 0.5);
  box-shadow: 1px 1px 4px rgba(154, 154, 154, 0.5);
  max-height: 250px;
  overflow-y: auto;
}

.widget-filters .selectize-dropdown [data-selectable],
.widget-filters .selectize-dropdown .optgroup-header {
  padding: 10px 8px;
  font-weight: 300;
  font-size: 1.4rem;
}

.widget-alert.tip {
  display: none;
  grid-template-columns: 54px auto 54px;
  padding: 0;
  background-color: #EBF8FA;
  border: 1px solid #4194d8;
  color: #292828;
  margin: -5px 0 25px;
}
.widget-alert.tip i {
  background: #4194d8;
  padding: 14px 15px 10px;
  margin: 0px 10px 0 0;
}
.widget-alert.tip .info {
  margin-left: 20px;
}
.widget-alert.tip .close {
  height: 16px;
  padding: 13px 20px;
  cursor: pointer;
}

.widget-filters .selectize-dropdown .active {
  background-color: #f7f7f7;
  color: inherit;
}

#questions-menu .widget-filters .wrap-filter-date {
  float: inherit;
  top: 1px;
}

#questionsHistory .widget-filters .wrap-filter-date .filter-date {
  font-size: 1.5rem;
}

#questionsHistory .widget-filters .selectize-input.items.full.has-options.has-items {
  padding: 10px 10px 0px;
  box-sizing: border-box;
  height: 32px;
}
#questionsHistory .widget-filters .selectize-input.items.full.has-options.has-items .item {
  max-width: 92%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  min-width: 100px;
}
#questionsHistory .widget-filters li {
  vertical-align: top;
  margin-right: 18px;
}
#questionsHistory .widget-filters li #historicQuestionsStatusFilterBtn + .selectize-control .selectize-input {
  padding: 10px 24px 0px 10px;
}

.reset-filters {
  border: 0;
  opacity: 1;
  width: 28px;
  height: 28px;
  background: url("../img/close-icon.ab769d670a1f.svg") -8px -4px no-repeat;
  background-size: 140%;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
  padding: 0;
  position: relative;
  top: 10px;
  left: -13px;
  display: none;
}

.reset-filters:hover {
  opacity: 0.7;
}

.questions-shipping-cost-search-result {
  min-height: 50px;
  padding-top: 30px;
}

.square-one {
  height: 30px;
  width: 30px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}

.square-two {
  height: 50px;
  width: 30px;
  display: block;
  position: relative;
  left: 10px;
  top: 2px;
  transform: rotate(45deg);
}

.flex-stock {
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 15px;
  border-bottom: none;
  border-top: 1px solid #e5e5e5;
}

.flex-stock:first-child {
  border-top: 0;
}

.flex-stock:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.flex-item-stock:nth-child(1) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding-bottom: 15px;
}

.flex-item-stock:nth-child(2) {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding-left: 10px;
  margin-top: 4px;
  width: 25%;
}

.flex-item-stock:nth-child(3) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-top: 5px;
  width: 230px;
  padding-right: 92px;
}

.flex-item-stock:nth-child(4) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-top: 4px;
  text-align: right;
}

.totalQuantity {
  font-weight: 400;
  margin-top: 20px;
  font-size: 22px;
}

.stock-waist {
  padding-left: 40px;
  font-weight: bold;
  padding-right: 5px;
}

.extra-forms .stockIdentifier {
  font-weight: 400;
  color: #808080;
  font-size: 17px;
  cursor: pointer;
  margin-top: 30px;
}

.square-custom {
  width: 76px;
  top: 5px;
  transform: none;
}

.features-pair {
  padding-bottom: 6px;
}

.features-pair:last-child {
  padding-bottom: 15px;
}

#questionsStockDetailModal .modal-footer button {
  display: none;
}

.stock-detail-modal-wrapper .caret-down, .stock-detail-modal-wrapper .caret-up {
  content: "";
  display: inline-block;
  position: relative;
  top: 5px;
  left: 0;
  width: 25px;
  height: 22px;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
}

.stock-detail-modal-wrapper .flex-stock i.caret-down {
  transform: rotate(270deg);
}

.stock-detail-modal-wrapper .flex-stock i.caret-up {
  transform: none;
}

.no-color .flex-item-stock:nth-child(1) {
  display: none;
}

.no-color .flex-item-stock:nth-child(2) {
  padding-left: 0px;
}

.custom-waist .stock-waist {
  padding-left: 0;
}

.time-ago, .city {
  display: inline-block;
}

.time-ago i {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.city i {
  display: inline-block;
  width: 10px;
  height: 10px;
}

div.location {
  display: inline-block;
}

.widget-questions-answering-tip-container {
  padding: 10px 0 15px 0;
}

.ellipsis-animated {
  font-size: 1.3rem;
  color: #71D8BF;
  line-height: 18px;
}

.ellipsis-animated span {
  font-weight: 400;
}

.ellipsis-animated:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1100ms infinite;
  animation: ellipsis steps(4, end) 1100ms infinite;
  content: "…"; /* ascii code for the ellipsis character */
  width: 0px;
  position: relative;
  right: 3px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
/*Question Average Time*/
.widget-aswering-metrics {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 4px;
}
.widget-aswering-metrics button.toggle-widget {
  width: 25px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  position: absolute;
  top: 17px;
  right: 25px;
}
.widget-aswering-metrics button.toggle-widget.collapsed {
  transform: rotate(0deg);
  top: 16px;
}
.widget-aswering-metrics:not(.full-message) .title {
  display: grid;
  grid-template-columns: 32px 90%;
  color: #292828;
}
.widget-aswering-metrics .title {
  font-weight: bold;
  font-size: 16px;
  display: grid;
  grid-template-columns: 32px 90%;
  line-height: 1;
  align-items: center;
}
.widget-aswering-metrics .title i {
  width: 24px;
  height: 24px;
  display: block;
}
.widget-aswering-metrics .title i svg {
  width: 100%;
}
.widget-aswering-metrics .wrap-metrics-box__message {
  font-size: 1.6rem;
  color: #292828;
  line-height: normal;
  font-weight: normal;
}
.widget-aswering-metrics [data-toggle=tooltip] {
  display: inline-block;
  width: 24px;
  position: relative;
  vertical-align: middle;
  margin-left: 0px;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 5px;
  height: 24px;
  margin-top: -2px;
  cursor: pointer;
}
.widget-aswering-metrics [data-toggle=tooltip]:hover {
  background: #eeeeee;
}
.widget-aswering-metrics .answers-metrics__info {
  box-sizing: border-box;
  padding-right: 28px;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: normal;
  margin-bottom: 24px;
}
.widget-aswering-metrics .answers-metrics__info p {
  color: #292828;
  display: none;
}
.widget-aswering-metrics .answers-metrics__info a {
  color: #236da9;
}
.widget-aswering-metrics .answers-metrics__each-time {
  line-height: 1;
  margin-bottom: 16px;
}
.widget-aswering-metrics .answers-metrics__each-time:first-child .answers-metrics__each-time--chart {
  z-index: 2;
}
.widget-aswering-metrics .answers-metrics__each-time--text {
  font-size: 1.6rem;
  font-weight: normal;
  color: #292828;
  margin-bottom: 6px;
  box-sizing: border-box;
  padding-left: 4px;
}
.widget-aswering-metrics .answers-metrics__each-time--chart {
  background: #f5f5f5;
  height: 10px;
  position: relative;
}
.widget-aswering-metrics .answers-metrics__chart-info {
  margin-top: 8px;
  font-size: 0;
}
.widget-aswering-metrics .answers-metrics__chart-info li {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
}
.widget-aswering-metrics .answers-metrics__chart-info li:first-child {
  color: #727272;
  width: 33%;
}
.widget-aswering-metrics .answers-metrics__chart-info li:nth-child(2) {
  color: #727272;
  font-weight: 600;
  text-align: right;
  width: calc(33.3333333333% + 10px);
}
.widget-aswering-metrics .answers-metrics__chart-info li:last-child {
  color: #727272;
  text-align: right;
  width: calc(33.3333333333% - 10px);
}
.widget-aswering-metrics .answers-metrics__chart--fill {
  position: absolute;
  height: 10px;
  min-width: 1px;
  top: 0;
  left: 0;
}
.widget-aswering-metrics .answers-metrics__chart--fill.green-bar {
  background: #75c367;
}
.widget-aswering-metrics .answers-metrics__chart--fill.red-bar {
  background: #f04e54;
}
.widget-aswering-metrics .answers-metrics__divider-lines::before, .widget-aswering-metrics .answers-metrics__divider-lines::after, .widget-aswering-metrics .answers-metrics__divider-lines span {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  height: 102px;
}
.widget-aswering-metrics .answers-metrics__divider-lines::before {
  border-left: 1px solid #dbdbdb;
}
.widget-aswering-metrics .answers-metrics__divider-lines::after {
  right: 0;
  border-right: 1px dashed #dbdbdb;
}
.widget-aswering-metrics .answers-metrics__divider-lines span {
  left: 66.6666666667%;
  background: #dbdbdb;
}
.widget-aswering-metrics .answers-metrics__general-info {
  text-align: right;
  margin-top: 16px;
}
.widget-aswering-metrics .answers-metrics__general-info li {
  display: inline-block;
  text-align: left;
  font-size: 1.2rem;
  color: #727272;
  font-weight: normal;
  line-height: normal;
}
.widget-aswering-metrics .answers-metrics__general-info li::before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 2px;
  margin-right: 6px;
  vertical-align: middle;
}
.widget-aswering-metrics .answers-metrics__general-info li:first-child {
  margin-right: 24px;
}
.widget-aswering-metrics .answers-metrics__general-info li:first-child::before {
  background: #75c367;
}
.widget-aswering-metrics .answers-metrics__general-info li:last-child::before {
  background: #f04e54;
}
.widget-aswering-metrics[data-response-time=good] .title i {
  display: none;
}
.widget-aswering-metrics[data-response-time=good] .title i.good-response-time {
  display: block;
}
.widget-aswering-metrics[data-response-time=good] .title i.good-response-time svg {
  color: #75c367;
}
.widget-aswering-metrics[data-response-time=good] [data-message-type=good-time] {
  display: block;
}
.widget-aswering-metrics[data-response-time=bad] .title i {
  display: none;
}
.widget-aswering-metrics[data-response-time=bad] .title i.bad-response-time {
  display: block;
}
.widget-aswering-metrics[data-response-time=bad] .title i.bad-response-time svg {
  color: #f04e54;
}
.widget-aswering-metrics[data-response-time=bad] [data-message-type=bad-time] {
  display: block;
}
.widget-aswering-metrics.full-message {
  padding: 20px 16px;
}
.widget-aswering-metrics.full-message .title {
  display: grid;
  grid-template-columns: 24px auto;
  grid-gap: 8px;
}
.widget-aswering-metrics.full-message .title i {
  display: block;
  height: 20px;
}
.widget-aswering-metrics.full-message .title p {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
  color: #292828;
}
@media (min-width: 900px) {
  .widget-aswering-metrics .wrap-metrics-box__message {
    font-size: 1.4rem;
  }
  .widget-aswering-metrics .answers-metrics__info {
    margin-bottom: 0;
    font-size: 1.4rem;
  }
  .widget-aswering-metrics .answers-metrics__info p {
    margin-top: 0;
  }
  .widget-aswering-metrics .answers-metrics__general-info {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .widget-aswering-metrics .answers-metrics__charts {
    box-sizing: border-box;
    padding: 8px 0 8px 28px;
    border-left: 1px solid #dbdbdb;
  }
  .widget-aswering-metrics .answers-metrics__each-time {
    display: grid;
    grid-template-columns: 198px 1fr;
    margin-bottom: 16px;
    align-items: center;
    height: 14px;
  }
  .widget-aswering-metrics .answers-metrics__each-time--text {
    font-size: 1.4rem;
    margin-bottom: 0px;
    padding-left: 0px;
  }
  .widget-aswering-metrics .answers-metrics__chart-info {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  .widget-aswering-metrics .answers-metrics__divider-lines::before, .widget-aswering-metrics .answers-metrics__divider-lines::after, .widget-aswering-metrics .answers-metrics__divider-lines span {
    height: 70px;
  }
  .widget-aswering-metrics .answers-metrics__container {
    display: grid;
    grid-template-columns: 250px 1fr;
    align-items: center;
  }
  .widget-aswering-metrics .answers-metrics__container.country__MLB .answers-metrics__each-time {
    grid-template-columns: 250px 1fr;
  }
}
.widget-aswering-metrics .answers-metrics__chart--hover {
  position: absolute;
  width: 100%;
  height: 10px;
  z-index: 2;
  cursor: pointer;
}
.widget-aswering-metrics .answers-metrics__line-tooltip {
  display: none;
  position: absolute;
  background: white;
  z-index: 4;
  margin-top: 14px;
  box-sizing: border-box;
  padding: 16px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  width: 239px;
  cursor: default;
}
.widget-aswering-metrics .answers-metrics__line-tooltip p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  line-height: 17px;
}
.widget-aswering-metrics .answers-metrics__line-tooltip--title {
  font-size: 12px;
  font-weight: 400;
  color: #292828;
  margin-bottom: 14px;
  line-height: 15px;
}
.widget-aswering-metrics .answers-metrics__line-tooltip--content {
  display: grid;
  grid-template-columns: 130px auto;
  align-items: center;
}
.widget-aswering-metrics .answers-metrics__line-tooltip--content > div:first-child {
  display: grid;
  grid-template-columns: 8px auto;
  grid-gap: 8px;
  align-items: center;
}
.widget-aswering-metrics .answers-metrics__line-tooltip--content > div:first-child::before {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.widget-aswering-metrics .answers-metrics__line-tooltip--content > div:nth-child(2) {
  justify-self: end;
}
.widget-aswering-metrics .answers-metrics__line-tooltip--time {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
}
.widget-aswering-metrics .answers-metrics__line-tooltip.red-bar .answers-metrics__line-tooltip--content > div:first-child::before {
  background: #f04e54;
}
.widget-aswering-metrics .answers-metrics__line-tooltip.green-bar .answers-metrics__line-tooltip--content > div:first-child::before {
  background: #75c367;
}

.text-add {
  margin: 0;
}

.pure-material-button-contained {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
  padding: 0 16px;
  min-width: 64px;
  height: 36px;
  font-size: 12.1px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  background-color: #4a9edd;
  outline: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
  margin-top: 15px;
}

.pure-material-button-contained::-moz-focus-inner {
  border: none;
}

.pure-material-button-contained::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4194d8;
  opacity: 0;
  transition: opacity 0.2s;
}

.pure-material-button-contained::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 32px; /* Safari */
  height: 32px; /* Safari */
  background-color: #4194d8;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 1s, transform 0.5s;
}

.pure-material-button-contained:hover::before {
  opacity: 0.08;
}

.pure-material-button-contained:focus::before {
  opacity: 0.24;
}

.pure-material-button-contained:hover:focus::before {
  opacity: 0.3;
}

.pure-material-button-contained:active::after {
  opacity: 0.32;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s;
}

.bold-font {
  font-weight: bold;
}

#user-answering {
  font-weight: bold;
}

.tag-element {
  display: flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  padding: 6px 8px 4px;
  height: 25px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  border-radius: 2px;
}
.tag-element i {
  width: 16px;
  height: 16px;
}
.tag-element i.tag__icon {
  width: 16px;
}
.tag-element i svg {
  display: block;
  width: 100%;
  height: auto;
}
.tag-element span {
  display: flex;
  align-items: center;
}
.tag-element.tag-type--free {
  background: #e4f6e9;
  color: #328547;
}
.tag-element.tag-type--free path, .tag-element.tag-type--free polygon {
  fill: #328547;
}
.tag-element.tag-type--normal {
  background: #ebebeb;
  color: #727272;
}
.tag-element.tag-type--normal path, .tag-element.tag-type--normal polygon {
  fill: #727272;
}
.tag-element.tag-type--catalog {
  background: #E8EDFA;
  color: #6C88D5;
}
.tag-element.tag-type--listing {
  background: #ebf8fa;
  color: #4194D8;
}
.tag-element.tag-type--gold_special {
  background: #eeeeee;
  color: #727272;
}
.tag-element.tag-type--gold_pro {
  background: #ebf8fa;
  color: #4194d8;
}

.no-questions-pending {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-column-gap: 40px;
}
@media (min-width: 1182px) {
  .no-questions-pending {
    grid-template-columns: min-content max-content;
    justify-content: center;
  }
}
.no-questions-pending .text {
  align-self: center;
  color: #292828;
}
.no-questions-pending .headline {
  font-weight: 700;
  margin-bottom: 8px;
}
.no-questions-pending .randomize-taglines a {
  color: #236da9;
  text-decoration: none;
}
.no-questions-pending .randomize-taglines a:hover {
  color: #17507f;
}
.no-questions-pending svg {
  height: 128px;
}

.history-widget-container .widget-filters {
  margin-top: 0;
}

@media (max-width: 767px) {
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown {
    max-width: calc(100% - 30px);
    left: -15px !important;
    top: 0px !important;
    width: 120%;
    padding: 0;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container {
    max-width: calc(100% - 30px);
    left: -15px !important;
    top: 0px !important;
    width: 120%;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown li a {
    word-wrap: break-word;
    white-space: initial;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown li .search-list__item .search-list__item--title {
    font-size: 1.6rem;
    width: calc(100% - 25px);
    max-width: 250px;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown li .search-list__item .search-list__item--price {
    font-size: 1.6rem;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown li .search-list__item .search-list__item--quantity {
    font-size: 1.6rem;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown li .search-list__item .search-list__item--sku {
    font-size: 1.6rem;
    padding-top: 4px;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown li .search-list__item ul li:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li a {
    pointer-events: none;
  }
  ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li a .search-list__empty-state, ul[id^=textcomplete-dropdown-].dropdown-menu.textcomplete-dropdown.empty-state__container li a .search-list__not-found {
    max-width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
  }
}
@media (max-width: 520px) {
  .widget-alert.tip i {
    padding: 21px 15px 18px;
  }
}
@media (max-width: 399px) {
  .widget-alert.tip i {
    padding: 28px 15px 24px;
  }
}
.widget.widget-question .widget-question-listing-info .widget-question-listing-user-info .widget-question-nickname img.img-official-store {
  width: 14px;
  position: relative;
  top: -2px;
}

#historicQuestionsSearchLabel.mdc-text-field--outlined {
  background-color: white;
}
#historicQuestionsSearchLabel.mdc-text-field--outlined #historicQuestionsSearchInput.mdc-text-field__input {
  width: 262px;
  border: solid 1px #b7b7b7;
  border-radius: 4px;
  padding-right: 38px;
}
#historicQuestionsSearchLabel.mdc-text-field--outlined #historicQuestionsSearchInput.mdc-text-field__input:hover:not(:focus) {
  border: solid 1px #727272 !important;
  border-radius: 4px;
}
#historicQuestionsSearchLabel.mdc-text-field--outlined #historicQuestionsSearchInput.mdc-text-field__input:active {
  border: solid 1px #4194d8;
  border-radius: 4px;
}
#historicQuestionsSearchLabel.mdc-text-field--outlined i svg {
  width: 18px;
  top: 3px;
  position: relative;
}
#historicQuestionsSearchLabel.mdc-text-field--outlined i svg g path {
  fill: #b7b7b7;
}
#historicQuestionsSearchLabel.mdc-text-field--outlined i svg g g g g g path {
  fill: #727272;
}

#loadingBtn {
  width: 109px !important;
}

.widget-state-blocked__wrapper {
  max-width: 700px;
}

#automaticContainer {
  display: flex;
  flex-direction: column;
  width: 75%;
  margin-left: 18px;
}
#automaticContainer .description-of-section {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #818181;
  margin-top: -15px;
}
#automaticContainer .description-subtitle {
  margin-bottom: 10px;
}
#automaticContainer .description-of-section-title {
  font-weight: 600;
}
#automaticContainer .widget.widget-config-clock {
  height: auto;
}
#automaticContainer .widget.widget-config-cards {
  height: auto;
  margin-top: 33px;
}
#automaticContainer .title-config h4 {
  font-size: 21px;
  font-weight: 600;
  color: #292828;
  margin-top: -10px;
  margin-left: 20px;
}
#automaticContainer .description-config span {
  font-size: 16px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  margin-left: 20px;
}
#automaticContainer .description-config.init {
  width: 95%;
  margin-top: -25px;
}
#automaticContainer .description-config.cards {
  width: 94%;
  margin-top: -25px;
}
#automaticContainer .description-config.cards.widget-alert.info {
  display: inline-flex !important;
  margin-left: 20px;
  margin-bottom: 5px;
}
#automaticContainer .description-config.cards.widget-alert.info span {
  display: inline-flex !important;
  margin-left: 1px;
  font-size: 14px;
}
#automaticContainer .container-config {
  border: solid 1px #ccc5c5;
  border-radius: 4px;
  width: 95%;
  margin-top: 20px;
  height: auto;
  margin-left: 20px;
}
#automaticContainer .box-clocks {
  width: 90%;
  height: auto;
  padding: 20px 5px;
}
#automaticContainer .hr-new-clock {
  position: absolute;
  width: 724px;
  margin-left: 11px;
  margin-top: -36px;
}
#automaticContainer .new-clock {
  margin: 15px;
  display: -webkit-inline-box;
  width: 100%;
}
#automaticContainer .select-day .day-week {
  height: 32px;
  width: 32px;
  display: inline-flex;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1.3px #b7b7b7;
  margin-left: 6px;
}
#automaticContainer .select-clock {
  margin-left: 6%;
  width: 190px;
  margin-top: 7px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}
#automaticContainer .edit-and-delete {
  display: -webkit-inline-flex;
  padding: 3px;
  margin-left: 88px;
}
#automaticContainer .edit-and-delete span i svg {
  width: 16px;
  margin-left: -1px;
  cursor: pointer;
}
#automaticContainer .edit-and-delete span {
  height: 32px;
  width: 32px;
  display: inline-flex;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 11px;
  margin-right: 14px;
}
#automaticContainer .edit-clock-setting:hover {
  background-color: #f5f5f5;
}
#automaticContainer .edit-clock-setting:hover i .cls-1 {
  fill: #292828 !important;
}
#automaticContainer .edit-clock-setting i svg {
  margin-right: 26px;
  margin-top: -3px;
}
#automaticContainer .edit-clock-setting i svg .title-svg-tooltip {
  background-color: #FFF;
}
#automaticContainer .delete-clock-setting:hover {
  background-color: #fce9e9;
}
#automaticContainer .delete-clock-setting:hover i .cls-1 {
  fill: #f04e54 !important;
}
#automaticContainer .delete-clock-setting i svg {
  margin-right: 2px;
  margin-top: -5px;
}
#automaticContainer .tooltiptext-new.edit {
  width: auto;
  border-radius: 2px;
  padding: 7px;
  margin-left: 65px;
  height: 12px;
}
#automaticContainer .tooltip {
  z-index: auto;
}
#automaticContainer .button-add-clock {
  float: right;
  margin-right: -22px;
}
#automaticContainer .button-add-clock .button-add {
  border-radius: 10px;
  color: white;
  width: 181px;
  height: 35px;
  background-color: #4194d8;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  border: none;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
#automaticContainer .button-add-clock .button-add i.add-config-auto-answer svg {
  margin-top: 3px;
  width: 22px;
  margin-right: -20px;
}
#automaticContainer .container-footer-config {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
  align-items: center;
  background-color: #f5f5f5;
  margin-left: 20px;
  width: 95%;
  border-radius: 3px;
  height: 87px;
}
#automaticContainer .container-footer-config .container-explain {
  float: left;
  margin-right: 139px;
  margin-left: -12px;
  line-height: 3.6px;
}
#automaticContainer .container-footer-config p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  margin-left: -6px;
}
#automaticContainer .container-footer-config .p-strong-explain {
  font-weight: 600;
}
#automaticContainer .container-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(5rem, 1fr));
  grid-gap: 0.5rem;
  margin-left: -6px;
}
#automaticContainer .container-cards .card {
  margin: 25px auto;
  height: 401px;
  width: 358px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: solid 1px #b7b7b7;
}
#automaticContainer .container-cards .container-title {
  display: flex;
  flex-direction: column;
  border-bottom: solid 1px #b7b7b7;
}
#automaticContainer .container-cards .container-title .state-automatic-answer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px 20px 16px 20px;
  font-size: 14px;
  font-weight: normal;
}
#automaticContainer .container-cards .container-title h4 {
  margin: 16px 20px 8px;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#automaticContainer .container-cards .txt-card {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #292828;
  height: 50px;
  margin-top: 25px;
  margin-bottom: 20px;
}
#automaticContainer .container-cards .more-info.answer {
  margin-left: -18px;
  width: 18px;
  top: -16px;
}
#automaticContainer .container-cards .more-info.answer.tool1 {
  margin-top: 1px;
}
#automaticContainer .container-cards .more-info.answer-txt {
  margin-left: 230px;
  width: 17px;
  margin-top: -4px;
}
#automaticContainer .container-cards .card-hr {
  width: 90%;
  margin-top: -10px;
  margin-bottom: 35px;
  border: 0;
  border-top: 1px solid #b7b7b7;
}
#automaticContainer .container-cards .card-hr.stock {
  margin-top: 5px;
  margin-bottom: 25px;
}
#automaticContainer .container-cards .card-hr.warranty {
  margin-top: 5px;
}
#automaticContainer .container-cards .container-text {
  width: 90%;
  margin-left: 20px;
}
#automaticContainer .container-cards .container-text-explain.warranty {
  margin-bottom: -20px;
}
#automaticContainer .container-cards .container-text-explain.stock {
  margin-bottom: -12px;
}
#automaticContainer .container-cards .container-text-explain {
  width: 90%;
  display: -webkit-inline-box;
}
#automaticContainer .container-cards .container-label-txt {
  margin-top: -18px;
  margin-left: 20px;
  width: 100%;
}
#automaticContainer .container-cards .cont-txt {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#automaticContainer .container-cards .container-textarea {
  margin-left: 20px;
  margin-top: -16px;
}
#automaticContainer .container-cards .container-textarea .title-txt {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#automaticContainer .container-cards .container-textarea textarea {
  resize: none;
  margin-top: 5px;
  width: 281px;
  height: 70px;
  border-radius: 4px;
  border: solid 1px #b7b7b7;
  background-color: #ffffff;
  font-size: 15px;
  padding: 18px !important;
  margin-top: 10px;
}
#automaticContainer .container-cards .container-textarea #textareaCard::placheolder {
  font-size: 12px;
}
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar-thumb:hover {
  background: #b7b7b7;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar-thumb:active {
  background-color: #b7b7b7;
}
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar-track:hover,
#automaticContainer .container-cards .container-textarea #textareaCard::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
#automaticContainer .container-cards .container-answer-txt {
  width: 80%;
  margin-left: 20px;
  margin-top: -16px;
}
#automaticContainer .container-cards .container-answer-txt.four {
  margin-top: 26px;
}
#automaticContainer .container-cards .answer-txt-auto.stock {
  margin-top: 20px;
}
#automaticContainer .container-cards .answer-txt-auto.pickup {
  margin-top: 7px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar-thumb:hover {
  background: #b7b7b7;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar-thumb:active {
  background-color: #b7b7b7;
}
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar-track:hover,
#automaticContainer .container-cards .answer-txt-auto.pickup::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
#automaticContainer .container-cards .answer-txt-auto {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #727272;
  height: 70px;
  width: 80%;
}
#automaticContainer .container-cards .description-config.cards {
  margin-top: -25px;
  margin-left: 20px;
}
#automaticContainer .container-cards .button-add-text {
  text-align: center;
  margin-top: 15px;
  margin-right: 15px;
}
#automaticContainer .container-cards .button-add-text .material-button-txt {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  padding: 0 16px;
  height: 40px;
  width: 130px;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-overflow: ellipsis;
  background-color: #4a9edd;
  font-weight: 600;
  line-height: 36px;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
  line-height: 1.25;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
}

.backdrop .auto-ans {
  position: fixed;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9998;
}

.container-modal.create-clock {
  background-color: white;
  width: 39%;
  height: 361px;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 155px;
  text-align: center;
  border-radius: 4px;
}
.container-modal.create-clock .container-title.modal-create {
  border-radius: 4px;
  height: 55px;
  display: block;
  text-align: left;
  padding: 15px;
}
.container-modal.create-clock .container-title.modal-create .modal-title-add {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-left: 34px;
  margin-top: 20px;
}
.container-modal.create-clock .new-clock.modal-create {
  margin-left: -8px;
}
.container-modal.create-clock .new-clock.modal-create .days-modal {
  text-align: left;
  margin-left: 60px;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 10px;
}
.container-modal.create-clock .new-clock.modal-create .hr-modal-create {
  width: 75%;
  border: solid 0.8px #b7b7b7;
  margin-top: 24px;
  margin-bottom: 24px;
}
.container-modal.create-clock .new-clock.modal-create .select-day {
  margin-right: 10px;
}
.container-modal.create-clock .new-clock.modal-create .select-day .day-week {
  margin-left: 16px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  display: inline-flex;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1.3px #b7b7b7;
}
.container-modal.create-clock .new-clock.modal-create .select-clock-title {
  text-align: left;
  margin-left: 60px;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 12px;
}
.container-modal.create-clock .new-clock.modal-create .day-clock {
  text-align: left;
  margin-left: -19px;
  display: inline-flex !important;
}
.container-modal.create-clock .new-clock.modal-create .container-config-clock span {
  font-size: 14px;
}
.container-modal.create-clock .new-clock.modal-create .container-config-clock {
  margin-left: 11px;
}
.container-modal.create-clock .new-clock.modal-create .day-clock span {
  margin-left: 2px;
  margin-right: 2px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.17px;
  color: #727272;
}
.container-modal.create-clock .new-clock.modal-create .container-check-clock {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-top: -3px;
}
.container-modal.create-clock .new-clock.modal-create .container.input-days {
  margin-bottom: 26px;
}
.container-modal.create-clock .new-clock.modal-create span.checkmark.input-days {
  top: 3px;
  height: 15px;
  width: 15px;
  border: 1.3px solid #b7b7b7;
  border-radius: 2px;
}
.container-modal.create-clock .new-clock.modal-create .container.input-days .checkmark.input-days:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: none;
}
.container-modal.create-clock .new-clock.modal-create input {
  margin-right: 2px;
}
.container-modal.create-clock .new-clock.modal-create input:focus {
  border: solid 1px #4B9EDC !important;
  box-shadow: none !important;
}
.container-modal.create-clock .new-clock.modal-create .container.input-days input.custom-check:checked ~ .checkmark.input-days {
  background-color: #4194d8;
}
.container-modal.create-clock .new-clock.modal-create .day-clock span.span-end-the-day {
  font-size: 14px;
  margin-left: -5px;
  margin-top: 3px;
}
.container-modal.create-clock .new-clock.modal-create span .input-clock {
  width: 60px;
  padding: 6px;
  height: 20px;
  text-align: center;
  border: solid 1.3px #b7b7b7;
}
.container-modal.create-clock .modal-actions {
  margin-top: 6%;
  text-align: right;
  margin-right: 60px;
}
.container-modal.create-clock .material-button-txt {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
  padding: 0 16px;
  min-width: 140px;
  height: 33px;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-overflow: ellipsis;
  color: #FFF;
  background-color: #4194d8;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
.container-modal.create-clock #btnCancelDeleteCreate {
  color: #4194d8;
  background-color: #ffffff;
  border-color: #4194d8;
}

.container-modal.delete-clock {
  background-color: white;
  width: 398px;
  height: 212px;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 300px;
  text-align: center;
  border-radius: 4px;
}
.container-modal.delete-clock .md-content.delete {
  padding-top: 10px;
  margin-left: 30px;
  text-align: left;
  width: 350px;
  margin-bottom: 30px;
}
.container-modal.delete-clock .md-content.delete h4 {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.container-modal.delete-clock .md-content.delete span .delete-txt {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.1px;
  color: #444141;
}
.container-modal.delete-clock .modal-actions {
  text-align: right;
  margin-right: 30px;
}
.container-modal.delete-clock .material-button-txt {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
  padding: 0 16px;
  width: 134px;
  height: 33px;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-overflow: ellipsis;
  color: #FFF;
  background-color: #4194d8;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.container-modal.delete-clock #btnCancelDeleteClock {
  border-color: #4194d8 !important;
  background-color: transparent;
  color: #4194d8;
}

.color-change-click {
  background-color: #4194d8;
  color: #FFF;
  border: solid 1.3px transparent;
}

.color-toggle-active {
  background-color: rgb(145, 188, 224);
}

.ui-widget-content {
  border: none;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-timepicker-container.ui-timepicker-standard div .ui-timepicker-viewport {
  width: 81px;
}

@media (max-width: 768px) {
  #automaticContainer .new-clock {
    display: block;
    width: 100%;
  }
  #automaticContainer .container-config {
    width: 95%;
  }
  #automaticContainer .box-clocks {
    padding-top: 5px;
    width: 100%;
    height: auto;
  }
  #automaticContainer .select-clock {
    margin-left: 7%;
    margin-top: 30px;
  }
  #automaticContainer .edit-and-delete {
    display: -webkit-box;
    margin-top: -31px;
    float: right;
    margin-right: 5px;
  }
  #automaticContainer .container-footer-config {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    align-items: center;
    background-color: #f5f5f5;
    margin-left: 20px;
    width: 95%;
    border-radius: 3px;
    height: 87px;
  }
  #automaticContainer .container-footer-config .container-explain {
    float: left;
    margin-right: 43px;
    margin-left: 22px;
    line-height: normal;
  }
  #automaticContainer .container-footer-config p {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.87);
    margin-left: -6px;
  }
  #automaticContainer .container-footer-config .p-strong-explain {
    font-weight: 600;
  }
  #automaticContainer .hr-new-clock {
    width: 73%;
    margin-left: 10px;
    margin-top: -10px;
  }
  #automaticContainer .button-add-clock {
    float: right;
    margin-right: 13px;
    margin-top: -1px;
  }
  #automaticContainer .container-cards {
    display: block;
    margin-left: -10px;
  }
  #automaticContainer .container-cards .card {
    height: 400px;
    width: 320px;
  }
  #automaticContainer .container-cards .container-textarea textarea {
    resize: none;
    margin-top: 23px;
    width: 244px;
    height: 84px;
    border-radius: 4px;
    border: solid 1px #b7b7b7;
    background-color: #ffffff;
    color: #727272;
  }
  #automaticContainer .container-cards .container-textarea .title-txt {
    position: absolute;
  }
  #automaticContainer .container-cards .more-info.answer-txt {
    margin-left: 258px;
  }
  #automaticContainer .container-cards .more-info.answer {
    margin-left: -21px;
  }
  .container-modal.create-clock {
    background-color: white;
    width: 75%;
    height: 350px;
    margin-left: 15%;
    margin-right: 35%;
    margin-top: 80px;
    text-align: center;
    border-radius: 4px;
  }
  .container-modal.create-clock.edit {
    height: 350px;
  }
  .container-modal.delete-clock {
    width: 398px;
    height: 212px;
    margin-left: 20%;
    margin-right: 35%;
    margin-top: 238px;
  }
}
@media (min-width: 768px) and (max-width: 1250px) {
  #automaticContainer .container-cards {
    display: block;
    margin-left: -10px;
  }
  #automaticContainer .container-cards .card {
    height: 400px;
    width: 320px;
  }
  #automaticContainer .new-clock {
    display: block;
    width: 100%;
  }
  #automaticContainer .container-config {
    width: 95%;
  }
  #automaticContainer .box-clocks {
    padding-top: 5px;
    width: 100%;
    height: auto;
  }
  #automaticContainer .select-clock {
    margin-left: 7%;
    margin-top: 30px;
  }
  #automaticContainer .edit-and-delete {
    display: -webkit-box;
    margin-top: -30px;
    float: right;
    margin-right: 30px;
  }
  #automaticContainer .container-footer-config {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    align-items: center;
    background-color: #f5f5f5;
    margin-left: 20px;
    width: 95%;
    border-radius: 3px;
    height: 87px;
  }
  #automaticContainer .container-footer-config .container-explain {
    float: left;
    margin-right: 43px;
    margin-left: 22px;
    line-height: normal;
  }
  #automaticContainer .container-footer-config p {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.87);
    margin-left: -6px;
  }
  #automaticContainer .container-footer-config .p-strong-explain {
    font-weight: 600;
  }
  #automaticContainer .hr-new-clock {
    width: 77%;
    margin-left: 10px;
    margin-top: -20px;
  }
  #automaticContainer .button-add-clock {
    float: right;
    margin-right: 13px;
    margin-top: -1px;
  }
  #automaticContainer .container-cards .more-info.answer {
    margin-left: -20px;
    width: 18px;
    top: -16px;
  }
  #automaticContainer .container-cards .container-textarea textarea {
    resize: none;
    margin-top: 23px;
    width: 244px;
    height: 84px;
    border-radius: 4px;
    border: solid 1px #b7b7b7;
    background-color: #ffffff;
  }
  #automaticContainer .container-cards .container-textarea .title-txt {
    position: absolute;
  }
  #automaticContainer .container-cards .more-info.answer-txt {
    margin-left: 258px;
  }
  .container-modal.create-clock {
    background-color: white;
    width: 438px;
    height: 337px;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 71px;
    text-align: center;
    border-radius: 4px;
  }
  .container-modal.create-clock.edit {
    height: 64%;
  }
}
@media (min-width: 1250px) {
  .container-modal.create-clock {
    background-color: white;
    width: 40%;
    height: 359px;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 90px;
    text-align: center;
    border-radius: 4px;
  }
  .container-modal.create-clock.edit {
    height: 359px;
  }
  .container-modal.delete-clock {
    background-color: white;
    width: 398px;
    height: 212px;
    margin-left: 35%;
    margin-right: 35%;
    margin-top: 200px;
    text-align: center;
    border-radius: 4px;
  }
}
.tooltip.questions-new {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip.questions-new .tooltiptext-new {
  visibility: hidden;
  width: 180px;
  background-color: white;
  color: #727272;
  text-align: left;
  padding: 10px 4px 7px 10px;
  border-radius: 4px;
  box-shadow: -13px 0 39px 22px #ffffff;
  border: solid 0.6px #b7b7b7;
  position: absolute;
  left: -108px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  top: 20px;
}

/* Tooltip arrow */
.tooltip.questions-new .tooltiptext-new::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip.questions-new:hover .tooltiptext-new {
  visibility: visible;
  opacity: 1;
}

#delete-quick-answers[data-has-alert=false] .widget-alert {
  display: none;
}
#delete-quick-answers[data-has-alert=true] .widget-alert {
  display: grid;
}
#delete-quick-answers .modal-dialog, #delete-quick-answers .modal-content {
  overflow: hidden;
  position: relative;
}
#delete-quick-answers .modal-dialog .spinner-wrapper, #delete-quick-answers .modal-content .spinner-wrapper {
  margin: 12px auto 12px;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  display: grid;
  align-items: center;
}
#delete-quick-answers p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
#delete-quick-answers .bt-primary {
  border-color: #236da9;
  color: #236da9;
  width: 130px;
}
#delete-quick-answers .bt-primary:hover {
  border-color: #17507f;
  color: #17507f;
  background-color: #ebf8fa;
}
#delete-quick-answers .bt-secondary {
  width: 130px;
}

#questionsModal .modal-dialog, #questionsModal .modal-content {
  overflow: hidden;
}

#emptyMessagingTags {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 25px;
  margin: 55px 0px;
  color: #000000;
}
#emptyMessagingTags div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#emptyMessagingTags div h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
}
#emptyMessagingTags div span {
  width: 275px;
  font-size: 14px;
}

.quick-answers-modal .modal-title {
  font-weight: 600;
  font-size: 2.2rem;
  color: #000000;
}
.quick-answers-modal .modal-header {
  padding: 20px 25px;
  border: 0;
  color: #000000;
}
.quick-answers-modal .modal-content .modal-body {
  padding: 0 25px 25px 25px;
  max-height: 75vh;
  overflow-y: auto;
  margin-right: 8px;
  margin-left: 10px;
}
.quick-answers-modal .modal-body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 8px;
  background: white;
}
.quick-answers-modal .modal-body::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.quick-answers-modal .modal-footer {
  border-top: 0;
}
.quick-answers-modal button.close {
  border: 0;
  opacity: 1;
  width: 14px;
  height: 14px;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 10px;
  top: 16px;
  padding: 0;
  margin: 4px 10px;
}
.quick-answers-modal button.close svg g path {
  fill: #292828;
}
.quick-answers-modal .modal-content {
  -webkit-box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
  -moz-box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
  box-shadow: 1px 1px 3px 0px rgb(132, 132, 132);
}
.quick-answers-modal button {
  width: 100%;
  height: 32px;
  border-radius: 1px;
  color: white;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.quick-answers-modal .orange {
  background-color: #FEB069;
}
.quick-answers-modal button.orange:hover {
  background-color: rgb(253.6622516556, 149.3178807947, 54.3377483444);
}
.quick-answers-modal .blue {
  background-color: #91C0F8;
}
.quick-answers-modal .blue:hover {
  background-color: rgb(97.0512820513, 164.5384615385, 244.9487179487);
}
.quick-answers-modal .violet {
  background-color: #B0A0F7;
}
.quick-answers-modal button.violet:hover {
  background-color: rgb(136.8834951456, 112.9611650485, 243.0388349515);
}
.quick-answers-modal .pink {
  background-color: #F497C8;
}
.quick-answers-modal button.pink:hover {
  background-color: rgb(239.1217391304, 104.8782608696, 175.6086956522);
}
.quick-answers-modal .green {
  background-color: #6ca5ab;
}
.quick-answers-modal button.green:hover {
  background-color: rgb(82.9090909091, 139.1688311688, 145.0909090909);
}
.quick-answers-modal .lightgreen {
  background-color: #BEE092;
}
.quick-answers-modal button.lightgreen:hover {
  background-color: rgb(166.3214285714, 212.7071428571, 106.2928571429);
}
.quick-answers-modal .yellow {
  background-color: #F9D040;
}
.quick-answers-modal button.yellow:hover {
  background-color: rgb(247.4467005076, 195.8324873096, 14.5532994924);
}
.quick-answers-modal .red {
  background-color: #FA7B6E;
}
.quick-answers-modal button.red:hover {
  background-color: rgb(248.3, 78.12, 60.7);
}
.quick-answers-modal .fuchsia {
  background-color: #CF6EB8;
}
.quick-answers-modal button.fuchsia:hover {
  background-color: rgb(194.3160621762, 71.6839378238, 165.2383419689);
}
.quick-answers-modal .blueDark {
  background-color: #62A0E3;
}
.quick-answers-modal button.blueDark:hover {
  background-color: rgb(54.7189189189, 133.8108108108, 219.2810810811);
}
.quick-answers-modal .ocre {
  background-color: #B0B851;
}
.quick-answers-modal button.ocre:hover {
  background-color: rgb(144.9959183673, 151.9836734694, 62.0163265306);
}
.quick-answers-modal .grey {
  background-color: #949494;
}
.quick-answers-modal button.grey:hover {
  background-color: rgb(122.5, 122.5, 122.5);
}
.quick-answers-modal .added-new-quick-answer {
  display: grid;
  grid-template-columns: 141px 659px 110px;
  grid-gap: 20px;
  grid-row-gap: 45px;
  margin-bottom: 40px;
  grid-template-areas: "modalqaswnew-label modalqaswnew-textarea modalqaswnew-submit";
}
.quick-answers-modal .added-new-quick-answer-label {
  grid-area: modalqaswnew-label;
}
.quick-answers-modal .added-new-quick-answer-label input {
  width: 131px;
  height: 22px;
  border-radius: 2px;
  color: white;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0;
  border: 0;
  margin-bottom: 3px;
}
.quick-answers-modal .added-new-quick-answer-label input::-webkit-input-placeholder {
  color: #fff;
}
.quick-answers-modal .added-new-quick-answer-label input::-moz-placeholder {
  color: #fff;
}
.quick-answers-modal .added-new-quick-answer-label input:-ms-input-placeholder {
  color: #fff;
}
.quick-answers-modal .added-new-quick-answer-label input:-moz-placeholder {
  color: #fff;
}
.quick-answers-modal .added-new-quick-answer-textarea {
  grid-area: modalqaswnew-textarea;
}
.quick-answers-modal .added-new-quick-answer-submit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 76px;
}
.quick-answers-modal textarea:hover {
  border-color: #292828;
  color: #292828;
}
.quick-answers-modal textarea:focus {
  border-color: #4194d8;
}
.quick-answers-modal textarea {
  width: 90%;
  height: 48px;
  padding: 12px 45px 14px 15px;
  color: #818181;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  line-height: 15px;
  resize: none;
}
.quick-answers-modal .added-new-quick-answer .color-button, .quick-answers-modal .quick-answer-element .color-button-edit {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 4px;
  border: 1px solid transparent;
}
.quick-answers-modal .added-new-quick-answer .color-button:last-child, .quick-answers-modal .quick-answer-element .color-button-edit:last-child {
  margin-right: 0;
}
.quick-answers-modal .quick-answer-element .quick-answer-element-tag {
  width: 131px;
  height: 22px;
  border-radius: 2px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 3px;
}
.quick-answers-modal .quick-answer-element .quick-answer-element-tag[readonly=readonly]:focus {
  box-shadow: none;
}
.quick-answers-modal .quick-answer-element .quick-answer-element-tag:focus {
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 3px rgba(187, 187, 187, 0.6);
}
.quick-answers-modal .quick-answer-element {
  display: grid;
  grid-template-columns: 141px 659px 110px;
  grid-template-areas: "modalqasw-list-edit modalqasw-list-textarea modalqasw-list-actions";
  grid-template-rows: auto;
  grid-gap: 20px;
  grid-row-gap: 45px;
  margin-bottom: 20px;
  grid-auto-rows: auto;
  max-height: none;
}
.quick-answers-modal .quick-answer-element.hideTag {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  max-height: 0;
  overflow: hidden;
  margin: 0;
}
.quick-answers-modal .quick-answer-element-edit {
  grid-area: modalqasw-list-edit;
}
.quick-answers-modal .quick-answer-element-textarea {
  grid-area: modalqasw-list-textarea;
  font-size: 1.4rem;
  line-height: 18px;
  position: relative;
  top: -3px;
  word-break: break-word;
}
.quick-answers-modal .quick-answer-element-textarea textarea {
  padding: 5px 7px;
  width: 97%;
  height: 70px;
  color: #292828;
}
.quick-answers-modal .quick-answer-element-textarea textarea[readonly=readonly] {
  padding: 0;
  border: 0;
  line-height: 18px;
  resize: none;
  display: inline-table;
  height: auto;
}
.quick-answers-modal .quick-answer-element-actions button.delete.quick-answ svg, .quick-answers-modal .quick-answer-element-actions button.drag.quick-answ svg {
  width: 20px;
}
.quick-answers-modal .quick-answer-element-actions {
  grid-area: modalqasw-list-actions;
  position: relative;
  height: 62px;
}
.quick-answers-modal .quick-answer-element-actions button.drag, .quick-answers-modal .quick-answer-element-actions button.edit, .quick-answers-modal .quick-answer-element-actions button.delete {
  border: 0;
  position: relative;
  background: transparent;
}
.quick-answers-modal .quick-answer-element-actions button:hover.drag, .quick-answers-modal .quick-answer-element-actions button:hover.edit, .quick-answers-modal .quick-answer-element-actions button:hover.delete {
  background-color: #e4e4e4;
}
.quick-answers-modal .quick-answer-element-actions button svg path {
  fill: #727272;
}
.quick-answers-modal .quick-answer-element-actions button:hover svg path {
  fill: #292828;
}
.quick-answers-modal .quick-answer-element-actions button:hover.delete {
  background-color: #FFE3E3 !important;
}
.quick-answers-modal .quick-answer-element-actions button:hover.delete svg path {
  fill: #be252b;
}
.quick-answers-modal .quick-answer-element-actions button.drag {
  cursor: -webkit-grab;
}
.quick-answers-modal .quick-answer-element-actions button.delete-confirm {
  width: 100%;
  background-color: #FF7878;
  border: 0;
  text-transform: capitalize;
  top: 10px;
  position: absolute;
}
.quick-answers-modal .quick-answer-element-actions .wrap-delete-confirm {
  display: none;
}
.quick-answers-modal .quick-answer-element-actions .wrap-delete-confirm a {
  display: block;
  color: #B7B7B7;
  width: 100%;
  height: 20px;
  text-align: center;
  position: relative;
  bottom: -50px;
  font-size: 1.2rem;
}
.quick-answers-modal .quick-answer-element-actions button.delete.quick-answ svg, .quick-answers-modal .quick-answer-element-actions button.drag.quick-answ svg {
  width: 19px;
}
.quick-answers-modal .wrap-action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 4px;
}
.quick-answers-modal .wrap-action-buttons button {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .quick-answers-modal .modal-dialog {
    width: 1000px;
    margin: 30px auto;
  }
}
.modal-header.shipping-costs-modal p {
  color: #292828;
  font-size: 14px;
  line-height: 17px;
}
.modal-header.shipping-costs-modal button#closeBtn.close svg g path {
  fill: #727272;
}

.modal-body .mdc-text-field.mdc-text-field--outlined.with-arrows {
  width: 119px;
}

.modal-body .shipping-costs-modal-search-address-container {
  border: 1px solid #b7b7b7;
  margin: 25px 0px;
}
.modal-body .shipping-costs-modal-search-address-container p {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.49px;
  color: #292828;
}
.modal-body .shipping-costs-modal-search-address-container .body {
  padding: 25px;
}
.modal-body .shipping-costs-modal-search-address-container .footer {
  border-top: 1px solid #eeeeee;
  padding: 25px;
}
.modal-body .shipping-costs-modal-search-address-container .element-container {
  display: flex;
  margin: 30px 0px 35px -10px;
  align-items: flex-start;
}
.modal-body .shipping-costs-modal-search-address-container .element-container .mdc-text-field.mdc-text-field--outlined {
  width: 100%;
  height: 44px;
}
.modal-body .shipping-costs-modal-search-address-container .element-container .mdc-button.mdc-button--unelevated.secondary-lg {
  width: 84px;
  margin-left: 8px;
}
.modal-body .shipping-costs-modal-search-address-container .input-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.modal-body .shipping-costs-modal-search-address-container .input-container .input-error {
  color: #f04e54;
  font-size: 12px;
  margin-left: 3px;
}
.modal-body .shipping-costs-modal-search-address-container .input-container .dropdown-list {
  display: none;
  position: fixed;
  border: 1px solid #dbdbdb;
  margin-top: 44px;
  padding: 0;
  background-color: white;
  width: 468px;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
  z-index: 9;
}
.modal-body .shipping-costs-modal-search-address-container .input-container .dropdown-list li {
  cursor: pointer;
  padding: 10px;
}
.modal-body .shipping-costs-modal-search-address-container .input-container .dropdown-list li:hover {
  background-color: #dbdbdb;
}

.shipping-costs-modal-search-address .search-result, .shipping-costs-modal-search-address .loading-search-by-city {
  color: #292828;
  font-size: 14px;
  line-height: 17px;
}

.modal-footer .shipping-costs-modal-search-address-container-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.modal-footer .shipping-costs-modal-search-address-container-buttons button {
  width: 130px;
}

.listings-widgets-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  margin-bottom: 40px;
}

.widget-full-width {
  width: 100%;
}

.widget.widget-score {
  display: grid;
  grid-row: 1/1;
  grid-template-areas: "title" "graph";
  grid-gap: 20px;
  grid-row-gap: 30px;
}

.tab-content.content-list-row {
  padding-bottom: 50px;
}

.dashboard-graphic-container .tab-content .chart {
  height: 55vh;
  width: 100%;
  position: relative;
}

.evolution-canvas .chart {
  height: 55vh;
  width: 100%;
  position: relative;
}

.widget.widget-score .widget-score-graph {
  width: 160px;
  height: 160px;
  position: relative;
  margin: 0 auto;
  grid-area: graph;
}

.widget.widget-score .widget-score-graph .widget-score-graph-number {
  position: absolute;
  top: 60px;
  font-size: 54px;
  font-weight: 200;
  line-height: 40px;
  text-align: center;
  color: #A5A5A5;
  width: 100%;
}

.widget.widget-listing-type {
  display: grid;
  grid-template-columns: unset;
  grid-row: 1/1;
  grid-template-areas: "title" "circle";
  grid-gap: 20px;
  grid-row-gap: 30px;
}

.widget-listing-type-graph {
  width: 200px;
  margin: 0 auto;
}

.listings-widgets-container .widget.widget-performance {
  background: #fff;
  background-size: 62%;
  display: grid;
  grid-template-columns: auto auto;
  grid-row: 1/1;
  grid-template-areas: "title title" "subtitle subtitle" "per-vis per-prgvis" "per-preg per-salevis" "per-sales per-salepreg";
  grid-gap: 5px;
  grid-row-gap: 20px;
}

.widget-listings-list-item {
  display: grid;
  grid-template-columns: 1fr 6fr 2fr 2fr 2fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "reasons reasons reasons reasons reasons reasons" "list-item-thumb list-item-info list-item-price list-item-data list-item-score list-item-button";
  padding: 30px 0 30px;
  border-bottom: 1px solid #d7d7d7;
}

.widget-listings-reasons {
  grid-area: reasons;
}

.container-new-details {
  align-self: center;
  grid-area: list-item-button;
  text-align: center;
}

.widget-listings-list-item:first-child {
  padding-top: 0;
}

.widget-listings-list-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.widget-listings-list-item__moderated .widget-listings-item-info .container-title {
  margin-top: 12px;
}

#resultsContent {
  height: 590px;
}

.positioning-loading .spinner-loading {
  margin-top: 15px;
}

.label_type.classic.error {
  padding: 0;
}
.label_type.classic.error.new-design {
  color: #f04e54;
}
.label_type.classic.catalogo {
  background-color: #4194d8;
  padding: 2px 9px;
}
.label_type.classic.cat-killer {
  background-color: #fffbdd;
  color: #f36c00;
  font-size: 14px;
  padding: 0;
}
.label_type.classic.highlighted {
  background-color: #ebf8fa;
  color: #4194d8;
  font-size: 14px;
  padding: 0;
}

.widget-listings-item-info-type.label-rebate {
  background-color: #ebf8fa;
  color: #4194d8;
  font-size: 14px;
}

.widget-listings-item-info-type.template-bymeli {
  margin: 7px 0px;
}

.widget-listings-item-info-type.warning {
  background-color: #fffbdd;
  color: #f36c00;
  font-size: 14px;
}
.widget-listings-item-info-type.warning span.label_type.new-design.warning {
  color: #f36c00;
}

#modal-spinner-enviar {
  margin-left: 400px;
}

a.publicar_listar {
  color: #4194d8;
  font-weight: 600;
}

a.publicar_listar:hover {
  color: #2771ad;
}

.widget-listings-item-thumb {
  grid-area: list-item-thumb;
  text-align: left;
  align-self: center;
  margin: 0 32px 0 10px;
}
@media (max-width: 768px) {
  .widget-listings-item-thumb {
    margin: 0;
  }
}

.widget-listings-item-info {
  grid-area: list-item-info;
}
.widget-listings-item-info .widget-listings-item-info-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  max-height: 45px;
  float: right;
  text-overflow: ellipsis;
}
.widget-listings-item-info .best-seller-tag {
  display: grid;
  font-size: 14px;
  grid-template-columns: max-content auto;
  margin-top: 10px;
  align-items: center;
  grid-column-gap: 8px;
}
@media (max-width: 880px) {
  .widget-listings-item-info .best-seller-tag {
    display: block;
  }
  .widget-listings-item-info .best-seller-tag .best-seller-detail {
    margin-top: 8px;
  }
}
.widget-listings-item-info .best-seller-tag .tag-icon {
  font-size: 14px;
}
.widget-listings-item-info .span-listings-info-title {
  cursor: default;
}
.widget-listings-item-info .span-listings-info-title .fake-spacer {
  display: inline;
  white-space: nowrap;
  cursor: pointer;
}
.widget-listings-item-info .span-listings-info-title:not(.disabled-link):hover {
  cursor: pointer;
}
.widget-listings-item-info .container-switch-shipping-flex {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  float: left;
  padding-right: 16px;
  margin-top: 20px;
  margin-right: 16px;
  border-right: 1px solid #292828;
}
.widget-listings-item-info .container-switch-shipping-flex .mdc-switch + label {
  margin-left: 0;
}
.widget-listings-item-info .shipping-full {
  position: relative;
  top: 20px;
}
.widget-listings-item-info .shipping-full a {
  font-size: 14px;
  color: #727272;
  text-decoration: none;
}
.widget-listings-item-info .shipping-full a:hover {
  text-decoration: none;
}
.widget-listings-item-info .shipping-full a:hover span {
  text-decoration: underline;
  color: #292828;
}
.widget-listings-item-info .shipping-full a:hover svg {
  width: 14px;
  fill: #292828;
}
.widget-listings-item-info .shipping-full a:hover svg polygon {
  fill: #292828;
}
.widget-listings-item-info .shipping-full a:active, .widget-listings-item-info .shipping-full a:focus {
  text-decoration: none;
}
.widget-listings-item-info .shipping-full a:active span, .widget-listings-item-info .shipping-full a:focus span {
  text-decoration: none;
}
.widget-listings-item-info .shipping-full i {
  position: relative;
  top: 2px;
}
.widget-listings-item-info .shipping-full i svg {
  width: 14px;
  fill: #727272;
}
.widget-listings-item-info .shipping-full i svg polygon {
  fill: #727272;
}

.widget-listings-item-info .container-title {
  display: flex;
  margin: 8px 0 20px;
}

.container-link-listing:hover {
  text-decoration: none;
  color: #17507f;
}
.container-link-listing:hover a {
  color: #17507f;
}

.container-link-listing {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a82b8;
  cursor: auto;
}

.container-link-listing a {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a82b8;
  cursor: pointer;
}
.container-link-listing a.disabled {
  display: inline-block;
  margin-top: 10px;
  pointer-events: none;
  color: #b7b7b7;
  cursor: default;
}

.container-link-listing a:hover {
  text-decoration: none;
  color: #17507f;
}

.widget-listings-item-data {
  grid-area: list-item-data;
  align-self: center;
  justify-self: center;
}

.widget-listings-item-button {
  grid-area: list-item-button;
  text-align: center;
  align-self: center;
}

.widget-listings-item-button .bt-primary {
  margin-bottom: 15px;
  width: 120px;
  padding: 6px 8px;
}

.widget-listings-item-info-price {
  align-self: center;
  grid-area: list-item-price;
  font-size: 20px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  justify-self: flex-start;
  color: #292828;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 10px;
}

.widget-listings-item-data-sale-fee {
  font-size: 14px;
  font-weight: 400;
  color: #727272;
  white-space: nowrap;
  margin-top: 16px;
}

.desacople-tooltip-list {
  display: flex;
  justify-content: space-between;
  color: #292828;
}
.desacople-tooltip-list ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.widget-listings-item-thumb img {
  border-radius: 3px;
}

.widget.widget-listings-list .widget-listings-item-score .widget-listings-item-score-graph-number {
  font-size: 2.6rem;
  font-weight: 200;
  line-height: 40px;
  text-align: center;
  color: #A5A5A5;
  width: 100%;
}

.widget.widget-listings-list .widget-listings-item-data-number {
  display: grid;
  font-size: 14px;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 8px;
  text-align: left;
  text-transform: capitalize;
}
.widget.widget-listings-list .widget-listings-item-data-number div {
  width: 60px;
  display: inline-block;
}
.widget.widget-listings-list .widget-listings-item-data-number div:first-child {
  text-align: right;
  padding: 0 10px 7px 0;
}
.widget.widget-listings-list .widget-listings-item-data-number.info-visits .info-visits__tooltip {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-top: -4px;
  position: absolute;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 50%;
  cursor: pointer;
}
.widget.widget-listings-list .widget-listings-item-data-number.info-visits .info-visits__tooltip + .tooltip .tooltip-inner {
  min-width: 146px;
  margin-left: -44px;
}
.widget.widget-listings-list .widget-listings-item-data-number.info-visits .info-visits__tooltip:hover {
  background: #eeeeee;
}
@media (max-width: 600px) {
  .widget.widget-listings-list .widget-listings-item-data-number.info-visits .info-visits__tooltip + .tooltip .tooltip-inner {
    margin-left: -100px;
  }
}
.widget.widget-listings-list .widget-listings-item-info-delivery {
  width: 150px;
  height: 20px;
  font-size: 14px;
  padding: 9px 0;
}
.widget.widget-listings-list .widget-listings-item-info-delivery .pipe-mercado-envios {
  padding-left: 5px;
}
.widget.widget-listings-list .widget-listings-item-info-delivery .free-shipping {
  display: inline-block;
  width: 20px;
  height: 15px;
  position: relative;
  top: 4px;
  padding-left: 5px;
}

.modal.fade.catalog.in {
  margin-top: 1px !important;
}

.modal-body.disponible {
  height: auto;
  overflow-y: auto !important;
  max-height: 80vh;
}

.modal-body.no_disponible {
  max-height: 30vh;
}

h3.catalog_title {
  font-size: 21px;
  color: #727272;
  font-weight: 600;
}

p.text_modal {
  font-size: 14px;
  line-height: 2;
}

a.link_modal {
  color: #4194d8;
}

.second_title {
  color: #292828;
}

.publicar_listar.catalog {
  width: 120px;
  padding: 6px 8px;
  height: 38px;
  border-radius: 2px;
  border: none;
  background-color: #4194D8;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

a.cancel_modal_catalog {
  width: 64px;
  height: 17px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 16px;
  margin-top: 2px;
  color: #4194d8;
  text-decoration: none;
}

.catalog_check {
  margin-top: 30px;
}

.checkmark.left.catalog {
  height: 5px;
  width: 5px;
  border: solid 1px #818181;
}

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}

.round label:after {
  border: 2px solid #ccc;
  border-top: none;
  border-right: none;
  content: "";
  height: 4px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 7px;
}

.round input[type=radio] {
  visibility: hidden;
}

.round input[type=radio]:checked + label {
  background-color: #4194d8;
  border: 2px #ccc;
}

.round input[type=radio]:checked + label:after {
  opacity: 1;
}

.children-container {
  margin-bottom: 30px;
  border-radius: 2px;
  box-shadow: 0 0 4px #f3f1f1, 0 7px 7px #f3f1f1;
  padding: 10px;
}

.children {
  display: flex;
  padding: 3px;
  margin-left: 5px;
}

.not-children {
  margin-left: 10px;
  color: #9e9c9c;
}

.children-ol {
  margin-left: -45px;
}

.color-text {
  color: #9e9c9c;
  margin-left: 10px;
}

.color-no-text {
  margin-left: 10px;
  color: #9e9c9c;
}

.title-child {
  margin-left: -3px;
}

li.children input {
  width: 15px;
}

.container.catalog input.custom-check.red:checked ~ .checkmark {
  background-color: #ff7878;
  transition: none;
}

.container.catalog input.custom-check.yellow:checked ~ .checkmark {
  background-color: #F9D040;
  transition: none;
}

.checkmark.left.catalog.none {
  background-color: #ced1d0;
  filter: opacity(50%);
  transition-property: none;
}

.container.catalog input.custom-check.green:checked ~ .checkmark {
  background-color: #959797;
  transition: none;
}

.container.catalog input.custom-check.blue:checked ~ .checkmark {
  background-color: #4194d8;
  transition: none;
}

.container.catalog .checkmark:after {
  margin-left: -3px;
  margin-top: -3px;
}

.custom-check.check-category.catalog_input {
  margin-left: 10px;
}

.container.left.catalog {
  margin-bottom: 20px;
  height: auto;
}

.widget-listings-item-info-id {
  font-size: 1.4rem;
  display: block;
  padding-right: 10px;
  margin-top: 4px;
}

.container-title {
  display: inline-flex;
}

.widget-listings-item-info-sku {
  font-size: 1.4rem;
  display: inline;
  padding-right: 10px;
  padding-left: 10px;
  display: none;
}

.widget-listings-item-info-type.waiting-answered {
  background-color: transparent;
}

.widget-listings-item-info-type {
  color: #4194d8;
  background-color: #ebf8fa;
  border-radius: 2px;
  display: inline;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  height: 25px;
  line-height: normal;
  letter-spacing: normal;
  margin-right: 8px;
  padding: 4px 5px 4px 8px;
  position: relative;
  width: 89px;
}
.widget-listings-item-info-type.cat-killer {
  background-color: #fffbdd;
  color: #f36c00;
}
.widget-listings-item-info-type.error {
  color: #f04e54;
  background: #fce9e9;
  padding: 4px 8px;
  width: auto;
}
.widget-listings-item-info-type.label-incomplete-compatibilities {
  display: none;
  background-color: #fffbdd;
  color: #f36c00;
}
.widget-listings-item-info-type.label-incomplete-compatibilities .label_type.classic.incomplete-compatibilities-label {
  background-color: #fffbdd;
  color: #f36c00;
  font-size: 14px;
  padding: 0;
}
.widget-listings-item-info-type.tag-icon.error {
  display: none;
}
.widget-listings-item-info-type .RT-tooltip.caution-icon .RT-tooltip__title i {
  width: 14px;
  height: 14px;
}
.widget-listings-item-info-type .RT-tooltip.caution-icon .RT-tooltip__title i svg g path {
  fill: #727272;
}
.widget-listings-item-info-type .RT-tooltip.caution-icon .RT-tooltip__title i svg g path {
  fill: #727272;
}

.catalog-new-design {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #4194d8;
  background-color: transparent !important;
  padding: 0 !important;
}

.link-icon.new-design {
  margin-left: 22px;
  margin-right: 0;
}

.link-icon.new-design i {
  top: 1px;
}

.fee-icon-background {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 7px;
  margin-left: 4px;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  cursor: pointer;
}
.fee-icon-background:hover {
  color: #292828;
  background: #eeeeee;
}

.tooltip-info {
  position: relative;
  display: inline-flex;
  top: 1px;
  left: -15px;
}

.tooltip-info.new-design.row-listings {
  position: unset;
  display: inline-flex;
  align-items: flex-end;
  margin-left: -15px;
}

.tooltip-info .tiptext-new-design {
  visibility: hidden;
  min-width: 164px;
  width: max-content;
  height: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  background-color: #fff;
  border-radius: 3px;
  padding: 6px 12px 8px;
  position: absolute;
  z-index: 1;
}
.tooltip-info .tiptext-new-design.large-size {
  min-width: 184px;
}
.tooltip-info .tiptext-new-design.default {
  min-width: initial;
}

.tooltip-info:hover .tiptext-new-design {
  visibility: visible;
}

.tooltip-info .tiptext-new-design {
  margin-left: -60px;
  top: 110%;
  left: 50%;
}

.tooltip-info .tiptext-new-design::after {
  margin-left: -5px;
  bottom: 100%;
  left: 50%;
  border-color: transparent transparent #2E2E2E;
}

.label_type.classic.new-design {
  background-color: transparent;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #292828;
  padding-left: 3px;
}

.label_type.classic.new-design.denounced-status {
  background-color: #eeeeee;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #727272;
  padding: 5px;
}

.second-div-tooltip-logistic {
  width: 150px;
  height: 20px;
  font-size: 14px;
  padding-top: 12px;
  display: inline-flex;
}

.text-listings-logistic {
  margin-left: 12px;
}

.container-new-details {
  position: relative;
  display: flex;
  justify-content: center;
  width: 28px;
  height: 28px;
  place-self: center end;
}
.container-new-details.disabled {
  pointer-events: none;
}
.container-new-details.disabled i svg {
  color: #b7b7b7;
}

.container-new-details:hover {
  background-color: #eeeeee;
  border-radius: 20px;
}
.container-new-details:hover svg circle {
  fill: #292828;
}

.container-active-details {
  background-color: #eeeeee;
  border-radius: 20px;
  z-index: 2;
}

.container-new-details .tiptext-new-design-icon {
  display: none;
  min-width: 164px;
  width: max-content;
  max-width: 176px;
  height: auto;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  background-color: #fff;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}

.container-new-details .tiptext-new-design-icon {
  margin-left: -60px;
  top: 105%;
  right: 35%;
}

.container-new-details .tiptext-new-design-icon::after {
  margin-left: -5px;
  bottom: 100%;
  left: 50%;
  border-color: transparent;
}

.new-menu-details svg {
  width: 16px;
  height: 22px;
  cursor: pointer;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .new-menu-details svg {
    margin-top: 3px;
  }
}
.new-menu-details svg circle {
  fill: #727272;
}

#modal-price-variation .modal-title {
  margin-bottom: 0;
}
#modal-price-variation .widget-alert {
  margin-top: 0;
}

.widget-listings-item-button.new-design {
  text-align: left;
  display: inline-grid;
}

.container-link-detail {
  align-items: center;
  display: flex;
  justify-content: left;
  margin-top: 0;
}
.container-link-detail a.new-design {
  padding: 12px;
  display: block;
  width: 100%;
}

.container-link-detail.catalog-menu {
  margin-top: -8px;
}

.container-link-detail:hover {
  background-color: #eeeeee;
}

.container-link-detail a:hover {
  background-color: #eeeeee;
}

.widget-listings-item-info-type.new-design-listings {
  top: 0;
  margin-left: 20px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #292828;
  background-color: transparent;
}

.widget-listings-item-info-type.new-design {
  background-color: transparent;
  margin-left: -7px;
}

.widget-listings-item-info-type.background-none {
  background-color: transparent;
  width: 89px;
  display: flex;
  align-items: center;
  margin-left: -7px;
}

.label_type.classic.logistic_type_tag.background-none {
  margin-top: -15px;
}

.text-listings-logistic.background-none {
  margin-left: -22px;
  width: 130px;
}

.bt-primary.new-design:hover {
  background-color: transparent;
  color: #292828;
}

.bt-primary.new-design {
  padding: 0;
  text-align: left;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: transparent;
  color: #292828;
}

.bt-primary.discount.new-design {
  width: 150px;
  padding-bottom: 5px;
}

.widget.widget-listings-list .widget-listings-item-info-delivery .free-shipping.new-design {
  margin-right: 10px;
}

.widget.widget-listings-list .widget-listings-item-info-delivery .free-shipping.new-design svg g path {
  fill: #727272;
}

.first-div-tooltip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 8px;
}

.container-tooltip {
  text-align: left;
}

.container-tooltip.row-listings {
  font-weight: normal;
}

.widget-listings-item-info-sku.new-design {
  padding-left: 3px;
}

.widget-alert.danger.catalog, .widget-alert.catalog.error {
  margin-top: -2px;
}

.widget-listings-item-info-of-store {
  padding-top: 8px;
}
.widget-listings-item-info-of-store i {
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.widget-listings-item-info-of-store.new-design {
  padding-left: 8px;
  padding-bottom: 8px;
}
.widget-listings-item-info-of-store.new-design i {
  top: -1px;
  margin-right: 9px;
}

#chartTabs > li > a:not([data-toggle=tab]) {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #818281;
}

.bt-primary.discount.new-design.show-post {
  width: auto;
}

.container-link-detail.show-related-post.discount-menu {
  width: auto;
}
.container-link-detail.show-related-post.discount-menu .bt-primary.discount.new-design.show-post {
  padding: 12px;
}

.container-sec-loading {
  display: none;
}

.container-load-subtitles {
  margin-top: -54px;
  margin-left: 48px;
}

#tableLoadingInitial {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 13%;
}
#tableLoadingInitial .mdc-circular-progress {
  width: 55px;
  height: 55px;
}

#tableCatalogCompetition {
  margin-left: -28px;
}
#tableCatalogCompetition .title-catalog-competition {
  display: flex;
  margin: 24px 0 24px 24px;
}
#tableCatalogCompetition .widget-title-catalog.loading-title {
  width: 314px;
  height: 16px;
  background-color: #dbdbdb;
  margin-top: -29px;
  margin-left: 12px;
}
#tableCatalogCompetition .img-title-container.loading-img {
  background-color: #dbdbdb;
  width: 56px;
  height: 56px;
  margin-left: -16px;
  margin-top: -30px;
}
#tableCatalogCompetition .img-title-container {
  margin-right: 15px;
}
#tableCatalogCompetition .img-title-container svg {
  width: 50px;
  height: 50px;
  margin-top: -4px;
}
#tableCatalogCompetition .img-win-catalog svg {
  margin-top: -5px;
}
#tableCatalogCompetition .widget-title-catalog {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
  margin-top: -5px;
}
#tableCatalogCompetition .text-bold-in-title {
  font-weight: 600;
}
#tableCatalogCompetition .widget-title-subtitle {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
  margin-top: 7px;
}
#tableCatalogCompetition .widget-title-subtitle.loading-sub {
  margin-top: 23px;
  margin-left: 12px;
  width: 404px;
  height: 12px;
  background-color: #dbdbdb;
}
#tableCatalogCompetition .widget-title-subtitle a {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #236da9;
}
#tableCatalogCompetition .widget-title-subtitle a:hover {
  color: #17507f;
}
#tableCatalogCompetition .grid-table-wrapper.catalog-competition.loading-table {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 3%;
}
#tableCatalogCompetition .grid-table-competition-catalog.acquiring-items.loading-winner {
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableCatalogCompetition .spinner-loading.winner-table {
  margin-top: 60px;
}
#tableCatalogCompetition .text-loadin-winner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid {
  color: #292828;
  font-size: 14px;
  max-width: 100%;
  margin-left: 31px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid.no-variation-available .winner-title, #tableCatalogCompetition #tableCatalogCompetitionGrid.no-variation-available .winner {
  display: none;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog {
  display: grid;
  grid-template-columns: 6fr 2fr 2fr 12px;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 12px 0px 12px 28px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .my-dates, #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .my-listing-title {
  justify-self: center;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog:nth-child(even) {
  background-color: #fbfbfb;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog:nth-child(odd) {
  background-color: #f5f5f5;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.table-headers {
  background-color: #dbdbdb;
  padding: 12px 0px 12px 28px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.table-headers .reordering-full svg {
  left: 8px;
  cursor: pointer;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 14px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.acquiring-items .spinner-loading i {
  animation: none;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .cross-lost-catalog svg {
  width: 12px;
  height: 12px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .check-win-catalog svg {
  width: 12px;
  height: 12px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .check-win-catalog svg path {
  fill: #75c367;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .cross-lost-catalog.red-cross svg path {
  fill: #f04e54;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .winner-title {
  justify-self: center;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .winner {
  justify-self: center;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .icon-win-catalog {
  margin-right: 10px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .icon-win-catalog svg {
  width: 35px;
  height: 38px;
  margin-right: 10px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .description-detail.how-to-win-catalog {
  display: flex;
  align-items: center;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog .description-detail.how-to-win-catalog span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-top: 4px;
}
#tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog #btnModalChangePrice {
  margin-top: 5px;
}
#tableCatalogCompetition #btnChangePrince {
  margin-bottom: -50px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition {
  color: #292828;
  font-size: 14px;
  max-width: 100%;
  margin-left: 31px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition.no-variation-available .winner-title, #tableCatalogCompetition #tableWinnerCatalogCompetition.no-variation-available .winner {
  display: none;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog {
  display: grid;
  grid-template-columns: 6fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 12px 28px 12px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .my-dates, #tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .my-listing-title {
  justify-self: center;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .my-dates {
  align-self: center;
  height: 12px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog:nth-child(even) {
  background-color: #fbfbfb;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog:nth-child(odd) {
  background-color: #f5f5f5;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog.table-headers {
  background-color: #dbdbdb;
  padding: 12px 28px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog.table-headers .reordering-full svg {
  left: 8px;
  cursor: pointer;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 14px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog.acquiring-items .spinner-loading i {
  animation: none;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .cross-lost-catalog svg {
  width: 12px;
  height: 12px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .cross-lost-catalog.red-cross svg path {
  fill: #f04e54;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .check-win-catalog svg {
  width: 12px;
  height: 12px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .check-win-catalog svg path {
  fill: #75c367;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .winner-title {
  justify-self: center;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .winner {
  justify-self: center;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .icon-win-catalog {
  margin-right: 10px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .icon-win-catalog svg {
  width: 35px;
  height: 38px;
  margin-right: 10px;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .description-detail.how-to-win-catalog {
  display: flex;
  align-items: center;
}
#tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .description-detail.how-to-win-catalog span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-top: 4px;
}

#changePriceModal {
  top: 30%;
  max-width: 600px;
  padding-top: 25px;
}
#changePriceModal .bt-secondary {
  box-shadow: none;
  text-shadow: none;
}
#changePriceModal .bt-primary {
  box-shadow: none;
  text-shadow: none;
}
#changePriceModal .bt-secondary:hover {
  background-color: #236da9;
}
#changePriceModal .bt-primary:hover {
  border-color: #236da9;
  color: #236da9;
}
#changePriceModal .modal-header {
  padding: 20px 25px;
  border: 0;
}
#changePriceModal .modal-header h4 {
  max-width: 95%;
}

#readReasonsModal .modal-body {
  max-height: 450px;
  overflow-y: auto;
}
#readReasonsModal .modal-footer .bt-secondary {
  margin-right: 0px;
}
#readReasonsModal ul {
  padding-inline-start: 0;
  margin-top: initial;
  list-style: none;
}
#readReasonsModal .box-one-new {
  height: auto;
  border: solid 1px #dbdbdb;
  background-color: #f5f5f5;
  padding: 16px;
  margin-bottom: 12px;
}
#readReasonsModal .box-one-new:last-child {
  margin-bottom: 0px;
}
#readReasonsModal .box-one-new:hover {
  border: solid 1px #dbdbdb;
  background-color: #f5f5f5;
}
#readReasonsModal .title-and-link {
  display: flex;
  justify-content: space-between;
}
#readReasonsModal .title-and-link span {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  width: 470px;
}
#readReasonsModal .title-and-circle {
  display: inline-flex;
  align-items: baseline;
}
#readReasonsModal .circle-unread {
  width: 8px;
  height: 8px;
  background-color: #f04e54;
  margin-right: 10px;
  border-radius: 50%;
}
#readReasonsModal .text-new-description {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin: 0;
}
#readReasonsModal .links-to-news {
  display: flex;
  align-items: flex-start;
}
#readReasonsModal .links-to-news a {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
  text-decoration: underline;
  margin-left: 30px;
}
#readReasonsModal .bt-secondary {
  box-shadow: none;
  text-shadow: none;
}
#readReasonsModal .bt-primary {
  box-shadow: none;
  text-shadow: none;
}
#readReasonsModal .bt-secondary:hover {
  background-color: #236da9;
}
#readReasonsModal .bt-primary:hover {
  border-color: #236da9;
  color: #236da9;
}

.span-label-year-compatibilities {
  display: flex;
  width: 35px;
}

#listings-menu {
  padding-top: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  padding-bottom: 45px;
}
#listings-menu h2 {
  padding: 22px 0 0;
}
#listings-menu .widget-filters {
  margin-top: 24px;
}
#listings-menu .widget-filters .filter-search {
  width: 300px;
}
#listings-menu .widget-filters .filter-search input.search {
  width: 264px;
}
#listings-menu .widget-filters .selectize-input.items.full.has-options.has-items {
  width: 210px;
}
#listings-menu .widget-filters .bind-responsive {
  display: inline-block;
}
#listings-menu > .bt-back {
  margin-bottom: 0;
  line-height: 1;
}
#listings-menu > .bt-back .chevron {
  height: auto;
}

.resumen-positioning-container .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}

.widget-resumen-positioning {
  display: grid;
  grid-template-rows: auto auto;
  margin-bottom: 30px;
  -webkit-column-break-inside: avoid;
}
.widget-resumen-positioning .widget-full-width {
  display: grid;
  grid-template-columns: 50px auto auto;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .widget-resumen-positioning .widget-full-width {
    grid-template-columns: 100px auto;
    grid-template-rows: 1fr 30px;
    grid-row-gap: 12px;
  }
  .widget-resumen-positioning .widget-full-width .widget-resumen-positioning-title {
    align-self: center;
  }
}

.widget-resumen-positioning-thumb {
  display: inline-flex;
  margin-right: 15px;
}
.widget-resumen-positioning-thumb img {
  border-radius: 3px;
  width: 100%;
}

.widget-resumen-positioning-title {
  margin-right: 10px;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 20px;
  position: relative;
}
.widget-resumen-positioning-title a {
  font-size: 1.4rem;
  color: #818181;
  padding-left: 5px;
}

.widget-resumen-positioning-positions-title {
  width: 65px;
  font-size: 1.4rem;
  display: inline-block;
  margin-bottom: 10px;
  color: #B7B7B7;
}

.widget-resumen-positioning-terms-title {
  width: 100px;
  font-size: 1.4rem;
  display: inline-block;
  color: #B7B7B7;
  margin-bottom: 10px;
}

.widget-resumen-positioning-price {
  display: inline-block;
  font-size: 2rem;
  color: #71D8BF;
  text-align: right;
  position: relative;
}

.widget-resumen-positioning-positions {
  width: 100%;
  font-size: 1.8rem;
  margin-bottom: 15px;
}
.widget-resumen-positioning-positions:last-child {
  margin-bottom: 0;
}
.widget-resumen-positioning-positions div {
  width: 50px;
  text-align: right;
  display: inline-block;
  color: #71D8BF;
  font-size: 1.8rem;
  margin-right: 20px;
}

.widget-resumen-positioning-button {
  align-self: end;
  display: block;
  text-align: right;
}

.listings-my-listings-no-search-results {
  margin-bottom: 30px;
}
.listings-my-listings-no-search-results a {
  cursor: pointer;
  text-decoration: underline;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}
.listings-my-listings-no-search-results a:hover {
  opacity: 0.5;
  text-decoration: none;
}

.title-section-header {
  position: absolute;
  top: 6px;
  left: 90px;
  z-index: 9;
  font-size: 2.1rem;
  color: #fff;
}

.listing-detail-widgets-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  margin-bottom: 40px;
  grid-template-areas: "list-detail-info list-detail-performance";
}

.widget-listing-detail-listing-info {
  grid-area: list-detail-info;
}
.widget-listing-detail-listing-info .widget-data-label {
  font-size: 1.5rem;
  line-height: 10px;
}

.widget-listing-detail-listing-info .widget-data-number-primary,
.widget-listing-detail-listing-info .widget-data-number-secondary {
  font-size: 3rem;
  line-height: 24px;
}

.widget-listing-detail-listing-info .widget-data-number-primary span,
.widget-listing-detail-listing-info .widget-data-number-secondary span {
  font-size: 2rem;
}

.listing-detail-widgets-container .widget-performance {
  grid-area: list-detail-performance;
  background: white;
}

.widget-listing-detail-listing-info-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  margin-top: 30px;
  grid-template-areas: "list-detail-info-left list-detail-info-right";
}

.widget-listing-detail-listing-info-left {
  grid-area: list-detail-info-left;
}

.widget-listing-detail-listing-info-right {
  grid-area: list-detail-info-right;
  text-align: right;
}

.widget-listing-detail-listing-thumb {
  width: 70px;
  margin-right: 10px;
  float: left;
}
.widget-listing-detail-listing-thumb img {
  width: 100%;
  border-radius: 3px;
  padding: 0;
  border: 0;
}

.widget-listing-detail-listing-title {
  width: calc(100% - 70px - 20px);
  float: left;
  font-size: 1.6rem;
  line-height: 20px;
  position: relative;
  top: -3px;
  line-height: 22px;
}

.widget-listing-detail-listing-category {
  width: calc(100% - 70px - 20px);
  float: left;
  font-size: 1.4rem;
  padding-top: 10px;
}

.widget-listings-detail-item-info-of-store {
  float: left;
  padding-top: 5px;
}

.widget-listing-detail-listing-number-listing {
  clear: both;
  font-size: 1.4rem;
  padding-top: 20px;
}

.widget-listing-detail-listing-delivery {
  width: 200px;
  height: 20px;
  font-size: 1.4rem;
  padding: 12px 0 16px;
}
.widget-listing-detail-listing-delivery .free-shipping {
  display: inline-block;
  width: 20px;
  height: 15px;
  position: relative;
  top: 4px;
}

.widget-listing-detail-listing-days {
  font-size: 1.4rem;
  padding-bottom: 12px;
}

.widget-listing-detail-listing-info-right .widget-data-number {
  padding-bottom: 54px;
}

.widget-listing-detail-listing-info-right .widget-data-number:last-child {
  padding-bottom: 0;
}

.listing-detail-widgets-container .widget.widget-performance {
  grid-template-areas: "title title" "listing-perf-visitas   listing-perf-pregvis" "listing-perf-preguntas listing-perf-vtasvisitas" "listing-perf-ventas    listing-perf-vtaspreg";
}

.listing-detail-widgets-container .widget.widget-performance .widget-data-number:nth-child(2) {
  grid-area: listing-perf-visitas;
}

.listing-detail-widgets-container .widget.widget-performance .widget-data-number:nth-child(3) {
  grid-area: listing-perf-pregvis;
  text-align: right;
}

.listing-detail-widgets-container .widget.widget-performance .widget-data-number:nth-child(4) {
  grid-area: listing-perf-preguntas;
}

.listing-detail-widgets-container .widget.widget-performance .widget-data-number:nth-child(5) {
  grid-area: listing-perf-vtasvisitas;
  text-align: right;
}

.listing-detail-widgets-container .widget.widget-performance .widget-data-number:nth-child(6) {
  grid-area: listing-perf-ventas;
  text-align: left;
}

.listing-detail-widgets-container .widget.widget-performance .widget-data-number:nth-child(7) {
  grid-area: listing-perf-vtaspreg;
  text-align: right;
}

.listing-detail-widgets-container .widget-data-number-primary,
.listing-detail-widgets-container .widget-data-number-secondary {
  font-size: 3rem;
  line-height: 24px;
}

.listing-detail-widgets-container .widget-data-number-primary span,
.listing-detail-widgets-container .widget-data-number-secondary span {
  font-size: 2rem;
}

.listing-detail-widgets-container .widget-data-label {
  font-size: 1.5rem;
  line-height: 10px;
}

.widget-listing-detail-answer-time {
  width: 100%;
  margin: 30px 0 20px;
  height: 110px;
  text-align: center;
  padding-top: 60px;
}

.widget-listing-detail-answer-time-number {
  font-size: 3.6rem;
}

#listings-menu .widget.widget-listing-detail-listing-answer-time {
  grid-row: 2/5;
}

.widget-listing-detail-listing-answer-time.bad-time .widget-listing-detail-answer-time-number,
.widget-listing-detail-listing-answer-time.bad-time .widget-listing-detail-answer-time-advice span:not(.average-info, .average-answer) {
  color: #FF7878;
}

.widget-listing-detail-listing-answer-time.bad-time .widget-listing-detail-answer-time-advice span.average-info,
.widget-listing-detail-listing-answer-time.bad-time .widget-listing-detail-answer-time-advice span.average-answer {
  color: unset;
}

.widget-listing-detail-listing-answer-time.regular-time .widget-listing-detail-answer-time-number,
.widget-listing-detail-listing-answer-time.regular-time .widget-listing-detail-answer-time-advice span {
  color: #FEB069;
}

.widget-listing-detail-listing-answer-time.good-time .widget-listing-detail-answer-time-number,
.widget-listing-detail-listing-answer-time.good-time .widget-listing-detail-answer-time-advice span {
  color: #71D8BF;
}

.widget-listing-detail-listing-answer-time.excellent-time .widget-listing-detail-answer-time-number,
.widget-listing-detail-listing-answer-time.excellent-time .widget-listing-detail-answer-time-advice span {
  color: #32C561;
}

.widget-listing-detail-answer-time-number span {
  font-size: 52px;
  font-size: 5.2rem;
}

.widget-listing-detail-answer-time-advice {
  font-size: 1.8rem;
}
.widget-listing-detail-answer-time-advice span:not(.average-info, .average-answer) {
  color: #71D8BF;
  padding-bottom: 16px;
  display: inline-block;
}
.widget-listing-detail-answer-time-advice span:not(.average-info, .average-answer).average-info, .widget-listing-detail-answer-time-advice span:not(.average-info, .average-answer).average-answer {
  display: inline;
  padding-bottom: 0;
}

.widget-listing-detail-listing-answer-time {
  background: white url("../img/average-time-background.ecbdd9af676d.svg") center center no-repeat;
  background-size: 75%;
}

.widget-listing-detail-answer-time-calculate {
  font-size: 1.2rem;
  color: #727272;
}

.widget-listing-detail-listing-advice {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  grid-template-areas: "title title" "advice-score advice-advices";
  grid-row: 2/5;
  min-height: 320px;
}

.widget.widget-listing-detail-listing-advice.new-design {
  grid-template-columns: none;
  grid-gap: 0;
  grid-row-gap: 45px;
  grid-template-areas: "title title" "advice-score advice-advices" "pending_goals" "achieved_goals";
}

.widget.widget-listing-detail-listing-advice.new-design.is-in-catalog {
  grid-template-columns: 1fr;
}

.widget-listing-detail-listing-advice-score {
  grid-area: advice-score;
  width: 180px;
  margin: 0 auto;
  position: relative;
}

.widget-listing-detail-listing-advice-score-number {
  position: absolute;
  top: 70px;
  font-size: 64px;
  line-height: 40px;
  text-align: center;
  color: #A5A5A5;
  width: 100%;
}

#titleNewDesign {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
  margin-top: -10px;
  margin-bottom: 15px;
}

.c100.center.new-design {
  right: 42%;
  margin: 1px;
  bottom: 60px;
  font-size: 100px;
}

.circle-lateral.listing-details {
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #4cbda1;
  left: 81px;
  top: 38px;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.number-health.listing-detail {
  top: 31px;
}

.c100.center.new-design.row-quality {
  right: 0;
  margin: 1px;
  font-size: 56px;
  left: 33%;
  bottom: 20px;
}

.circle-lateral.row-quality {
  padding-top: 2px;
  left: 43px;
  top: 17px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.number-health.row-quality {
  top: 18px;
  font-size: 18px;
}

.health-level {
  width: 120px;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #292828;
  right: 3px;
}

.container-catalog-empty-state i svg {
  margin-top: 4%;
  margin-left: 45%;
  width: 52px;
  height: 52px;
}

.catalog-listing-span.row-quality {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  white-space: nowrap;
}

.container-state-catalog.listing-color {
  position: relative;
  height: 25px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fffbdd;
  color: #f36c00;
  width: 80px;
  left: 50px;
  top: -4px;
}

.container-state-catalog.competing-color {
  position: relative;
  height: 25px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fce9e9;
  color: #f04e54;
  width: 80px;
  left: 50px;
  top: -4px;
}

.container-state-catalog.winning-color {
  position: relative;
  height: 25px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4f6e9;
  color: #75c367;
  width: 80px;
  left: 50px;
  top: -4px;
}

.container-state-catalog.sharing-first-place-color {
  position: relative;
  height: 45px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e4f6e9;
  color: #75c367;
  width: 110px;
  left: 50px;
  top: -4px;
}

.container-state-catalog.not-listed-color {
  position: relative;
  height: 25px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  color: #727272;
  width: 80px;
  min-width: 80px;
  left: 50%;
  top: -4px;
  width: max-content;
  padding: 0 10px;
  transform: translateX(-30%);
}

.widget-listing-detail-listing-advice-score.container-score {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  width: 80%;
  grid-area: advice-score;
  margin-bottom: -45px;
  margin: auto;
  left: 15%;
}

.details-score {
  position: relative;
  bottom: 50px;
  right: 50%;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.details-score .objectives-detail {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2;
  letter-spacing: normal;
  color: #727272;
  display: inline;
}
.details-score .text-description-quality {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2;
  letter-spacing: normal;
  color: #727272;
}
.details-score .type-quality {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2;
  letter-spacing: normal;
  color: #292828;
  margin-top: 19px;
}

.number-color-objectives {
  color: #727272;
  display: inline;
  font-weight: bold;
}

.text-color-objectives {
  color: #727272;
  display: inline;
  font-weight: normal;
}

.pending_goals {
  display: block;
  margin-top: -60px;
}

.title-section-quality {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #727272;
  width: 160px;
}

.line-section-quality {
  margin-left: 5px;
  width: 810px;
  height: 1px;
  margin-top: 8px;
  background-color: #dbdbdb;
}

.container-title-section {
  display: flex;
}

.ul-pending-goals li {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.6;
  letter-spacing: normal;
  color: #292828;
}

.li-pending-goals a {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.6;
  letter-spacing: normal;
  color: #292828;
}

.ul-achieved_goals {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.6;
  letter-spacing: normal;
  color: #727272;
}

.li-achieved_goals i svg {
  width: 12px;
  height: 12px;
  margin-right: 1px;
  margin-bottom: -2px;
}

.li-achieved_goals i svg path {
  fill: #71d8bf;
}

.achieved_goals ul {
  display: grid;
  grid-template-columns: auto auto auto;
}

.list-pending-goals ul {
  display: grid;
  grid-template-columns: auto auto auto;
}

.tooltip-info.new-design.pending-goals {
  position: relative;
  display: inline-flex;
  top: 2px;
  left: 4px;
}

.tooltip-info.new-design.pending-goals i svg {
  width: 14px;
  border-radius: 50px;
  margin-top: 21px;
}

.container-icon-info {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0px auto;
}

.container-icon-info:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

.tooltip-info.new-design.pending-goals:hover {
  cursor: pointer;
}

.tooltip-info.new-design.pending-goals i svg path {
  fill: #727272;
}

.tiptext-new-design.type-quality {
  left: -70px;
  max-width: 252px;
  height: auto;
  color: #292828;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  top: 26px;
}

#containerEmptyState {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150%;
}

#titleNewDesignEmptyState {
  text-align: center;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: auto;
  width: 460px;
}

.widget-terms-positioning {
  margin-top: 25px;
}

.widget-terms-positioning .widget-terms-positioning-advice-category {
  font-size: 1.4rem;
  padding: 20px 0 10px;
}

.widget-terms-positioning .labels-widget-terms-positioning {
  padding-bottom: 20px;
}
.widget-terms-positioning .labels-widget-terms-positioning button {
  margin-right: 10px;
}

.widget-terms-positioning .widget-terms-positioning-add-form {
  margin-top: 20px;
}
.widget-terms-positioning .widget-terms-positioning-add-form input {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  width: 270px;
  padding: 4px 5px;
}

.widget-terms-positioning .widget-terms-positioning-add-form-title {
  font-size: 1.4rem;
  padding-bottom: 10px;
}

.widget-terms-positioning .widget-terms-positioning-add-form button {
  margin-left: 10px;
  padding: 2px 25px;
}

.widget-terms-positioning .terms-positioning-listing-item {
  display: inline-block;
  padding-top: 20px;
}

.widget-terms-positioning-no-terms {
  margin-top: 25px;
}

.widget.widget-terms-positioning-term {
  margin-top: 25px;
  padding: 25px 30px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.widget.widget-terms-positioning-term .collapsed {
  cursor: pointer;
}

.widget-terms-positioning-term-collapsed {
  display: grid;
  grid-template-columns: 6fr 10fr 1.5fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  grid-template-areas: "pos-list-term pos-list-position pos-list-button";
}

.widget-terms-positioning-term-word {
  font-size: 2.2rem;
  grid-area: pos-list-term;
  position: relative;
  padding-left: 20px;
}
.widget-terms-positioning-term-word:hover {
  text-decoration: underline;
}

.widget-terms-positioning-term-collapsed .widget-terms-positioning-term-word:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -7px;
  width: 25px;
  height: 22px;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
}

.widget-terms-positioning-term-collapsed .widget-terms-positioning-term-word.collapsed:after {
  transform: rotate(-88deg);
}

.widget-terms-positioning-term-position {
  font-size: 2rem;
  grid-area: pos-list-position;
}

.widget-terms-positioning-term-position span {
  color: #71D8BF;
}

.widget-terms-positioning-term-delete {
  grid-area: pos-list-button;
  position: relative;
}
.widget-terms-positioning-term-delete button {
  width: 20px;
  height: 20px;
  background: none;
  border: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 6px;
  opacity: 1;
}
.widget-terms-positioning-term-delete button.delete-confirm {
  width: 100%;
  background-color: #FF7878;
  border: 0;
  text-transform: capitalize;
  top: -10px;
  position: absolute;
  color: white;
  border-radius: 3px;
  padding: 5px 0;
  height: 30px;
}
.widget-terms-positioning-term-delete button:hover {
  opacity: 0.7;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}

.widget-terms-positioning-term-delete .wrap-delete-confirm {
  display: none;
}
.widget-terms-positioning-term-delete .wrap-delete-confirm a {
  display: block;
  color: #B7B7B7;
  width: 100%;
  height: 20px;
  text-align: center;
  position: relative;
  bottom: -28px;
  font-size: 1.2rem;
}

.positioning-term-ranking-header,
.positioning-term-ranking-footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  grid-template-areas: "div bt-posotions bt-first-pos";
  height: 120px;
}

.positioning-term-ranking-header-arrows {
  grid-area: bt-posotions;
  align-self: center;
  justify-self: center;
}

.bt-next-positioning,
.bt-prev-positioning {
  background: none;
  padding: 0 10px;
  color: #B7B7B7;
  font-size: 1.5rem;
  border: 0;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  text-align: center;
}

.bt-next-positioning path,
.bt-prev-positioning path {
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}

.positioning-term-ranking-header button:hover,
.positioning-term-ranking-footer button:hover {
  color: rgb(157.5, 157.5, 157.5);
}

.bt-next-positioning:hover path,
.bt-prev-positioning:hover path {
  fill: rgb(48.9116022099, 178.0883977901, 146.7348066298);
}

.bt-next-positioning div,
.bt-prev-positioning div {
  width: 40px;
  margin: 0 auto;
}

.bt-first-positions {
  grid-area: bt-first-pos;
  align-self: center;
  justify-self: right;
}
.bt-first-positions button {
  background: none;
  padding: 0 10px;
  color: #71D8BF;
  font-size: 1.8rem;
  border: 0;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
}
.bt-first-positions button:hover {
  color: rgb(72.9889502762, 205.0110497238, 172.9668508287);
}

.positioning-term-ranking-item {
  display: grid;
  grid-template-columns: 1fr 1fr 5fr 1fr 2fr 2fr;
  grid-gap: 30px;
  grid-row-gap: 45px;
  border-bottom: 1px solid #d7d7d7;
  padding: 30px 20px 25px;
}
.positioning-term-ranking-item:first-child {
  border-top: 1px solid #d7d7d7;
}

.positioning-term-ranking-item.my-item {
  background-color: #f7f7f7;
  border-top: 2px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.positioning-term-ranking-item-position {
  font-size: 36px;
  text-align: center;
}
.positioning-term-ranking-item-position div {
  font-size: 1.4rem;
  color: #B7B7B7;
  line-height: 12px;
  position: relative;
  top: -8px;
}

.positioning-term-ranking-item-thumb {
  text-align: center;
}
.positioning-term-ranking-item-thumb img {
  border-radius: 3px;
}

.positioning-term-ranking-item-info-title {
  line-height: 20px;
  position: relative;
  top: -3px;
  margin-bottom: 13px;
}

.positioning-term-ranking-item-info-reputation {
  font-size: 1.4rem;
  line-height: 10px;
}
.positioning-term-ranking-item-info-reputation a {
  display: block;
}

.positioning-term-ranking-item-info-reputation-termometer {
  width: 200px;
  display: inline-block;
  margin: 10px 10px 0 0;
}

.positioning-term-ranking-item-info-reputation-medal {
  width: 13px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.positioning-term-ranking-info-official-store {
  isplay: inline-block;
  width: 140px;
  position: relative;
  top: 5px;
  padding-left: 10px;
}
.positioning-term-ranking-info-official-store .medal-reputation {
  display: inline-block;
}
.positioning-term-ranking-info-official-store a {
  display: inline-block;
  position: relative;
  top: -4px;
  padding-left: 5px;
  text-transform: uppercase;
  width: 115px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 12px;
}

.positioning-term-ranking-item-price .widget-data-number-primary {
  font-size: 2.6rem;
}
.positioning-term-ranking-item-price .widget-data-number-primary span {
  font-size: 1.6rem;
}

.positioning-term-ranking-item-stock .widget-data-number-secondary {
  font-size: 24px;
  line-height: 20px;
  text-align: center;
}

.positioning-term-ranking-item-stock .widget-data-label {
  font-size: 13px;
  text-align: center;
  color: #B7B7B7;
  line-height: 18px;
  padding-top: 0;
  padding-bottom: 15px;
}

.positioning-term-ranking-item-stock .widget-data-number:last-child .widget-data-label {
  padding-bottom: 0;
}

#spanResultsDownNoMore {
  margin-top: 20px;
  font-size: 1.8rem;
}

.positioning-results-loading {
  text-align: center;
  position: relative;
  top: 50%;
  border: 0;
}

@media (max-width: 900px) {
  #table-full-upload-history {
    min-width: 850px;
  }
  #table-full-upload-history .grid-table-full-ops.grid-table-full-history.table-headers, #table-full-upload-history .grid-table-full-ops.grid-table-full-history.widget-upload-history__rows {
    grid-template-columns: 16% 10% 38% 26% 10%;
    padding: 12px 15px 12px;
  }
  .widget-upload-history__table {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .listing-detail-widgets-container {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
  .widget-listing-detail-listing-info {
    grid-column: 1/1;
    grid-row: 1;
  }
  .listing-detail-widgets-container .widget-performance {
    grid-column: 1;
    grid-row: 2;
  }
  #listings-menu .widget.widget-listing-detail-listing-answer-time {
    grid-column: 1;
    grid-row: 3;
  }
  .widget-listing-detail-listing-advice {
    grid-column: 1;
    grid-row: 4;
  }
}
.widget-alert.warning.items {
  line-height: 22px;
  margin-bottom: 25px;
}

.widget-alert.warning.reason {
  border: 1px solid #ffcc59;
}

.widget-alert.warning.reason span {
  grid-column-start: 1;
  grid-column-end: 8;
  font-size: 1.4rem;
  padding-left: 10px;
}

#brand-central-modal img {
  max-width: 100%;
}
#brand-central-modal h4 {
  font-size: 24px;
  margin-bottom: 16px;
}
#brand-central-modal p {
  margin-bottom: 25px;
}
#brand-central-modal .modal-dialog .modal-footer div #cancelBrandCentral {
  width: 130px;
}
#brand-central-modal .modal-dialog .modal-footer div #cancelBrandCentral:hover {
  background-color: #ebf8fa;
  border-color: #17507f;
  color: #17507f;
}
#brand-central-modal .modal-dialog .modal-footer div #suggestBrandCentral {
  background-color: #4194d8;
}
#brand-central-modal .modal-dialog .modal-footer div #suggestBrandCentral:hover {
  background-color: #236da9;
  border-color: #236da9;
  color: white;
}
#brand-central-modal .modal-header .close-icon:hover {
  background: #eeeeee;
}
#brand-central-modal .modal-header .close-icon:hover i g {
  fill: #292828;
}

@media (max-width: 768px) {
  .list-flex-config {
    margin-top: -100px;
  }
  .widget-listings-item-reason {
    margin-bottom: 20px;
  }
  .widget-listings-list-item__moderated .container-labels-elegibility {
    position: relative;
    top: 0;
    left: 0;
    height: 22px;
    bottom: 0;
    padding-top: 4px;
    margin-bottom: 8px;
  }
}
@media (min-width: 400px) and (max-width: 768px) {
  #closeModalChangePriceIcon .modal-title {
    width: 85%;
  }
  .table-height-btn {
    min-height: 490px !important;
  }
  #tableCatalogCompetition {
    margin-left: 0;
  }
  #tableCatalogCompetition .img-title-container svg {
    margin-top: 0;
  }
  #tableCatalogCompetition .scroller-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
  }
  #tableCatalogCompetition .scroller-wrapper::-webkit-scrollbar {
    width: 2px;
    height: 4px;
  }
  #tableCatalogCompetition .scroller-wrapper::-webkit-scrollbar-thumb {
    background: #dbdbdb;
    border-radius: 4px;
  }
  #tableCatalogCompetition .spinner-loading.winner-table {
    margin-top: -31px;
    margin-bottom: 56px;
  }
  #tableCatalogCompetition .text-loadin-winner {
    margin-bottom: -30px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid {
    margin-left: 0;
    min-width: 550px;
    height: 495px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog {
    grid-template-columns: 6fr 5fr 5fr;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog #btnModalChangePrice {
    margin-left: -15%;
    width: 290px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.how-to-win-catalog {
    grid-template-columns: max-content;
    margin-left: -15px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .description-detail.how-to-win-catalog {
    width: 317px;
    margin-bottom: 10px;
  }
  #tableCatalogCompetition #tableLostCatalogCompetitionGrid {
    margin-left: 0;
    min-width: 550px;
  }
  #tableCatalogCompetition #tableLostCatalogCompetitionGrid .grid-table-competition-catalog {
    grid-template-columns: 6fr 5fr 5fr;
  }
  #tableCatalogCompetition #tableWinnerCatalogCompetition {
    margin-left: 0;
    min-width: 345px;
  }
  #tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog {
    grid-template-columns: 6fr 3fr;
  }
  #tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog .winner-title {
    margin-right: 1px;
  }
  #tableCatalogCompetition #titleNotListedCatalog {
    margin-top: 29%;
    margin-left: 0;
  }
  #tableCatalogCompetition #tableWinnerLaoding {
    margin-left: 0;
    min-width: 345px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog {
    margin-left: 87px;
    margin-top: 40px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .img-title-container.loading-img {
    width: 56px;
    height: 56px;
    margin-left: -86px;
    margin-top: -30px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-load-subtitles {
    width: 300px;
    margin-top: 0;
    margin-left: 0;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .widget-title-catalog.loading-title {
    width: 90%;
    margin-left: 12px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .widget-title-subtitle.loading-sub {
    margin-left: 12px;
    width: 90%;
    height: 16px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-princ-loading {
    display: flex;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-sec-loading {
    display: block;
    margin-left: -382px;
    margin-top: 80px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-sec-loading .widget-title-catalog.loading-title.second {
    width: 353px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-sec-loading .widget-title-subtitle.loading-sub.second {
    width: 260px;
  }
  #tableCatalogCompetition .title-catalog-competition {
    margin-top: 3px;
    margin-left: 0;
  }
  #tableCatalogCompetition .widget-title-subtitle {
    margin-top: 12px;
    margin-left: -63px;
  }
  #tableCatalogCompetition .widget-title-catalog {
    margin-top: -4px;
  }
  .widget.widget-listing-detail-listing-advice.new-design.is-in-catalog {
    max-width: 344px;
  }
  #changePriceModal {
    padding-top: 58px;
  }
}
@media (min-width: 1000px) and (max-width: 1100px) {
  .tooltip-info {
    position: relative;
    display: inline-flex;
    top: 2px;
    right: 6px;
  }
}
@media (max-width: 399px) {
  .table-height-btn {
    height: 490px !important;
  }
  .new-menu-details svg {
    position: relative;
    top: -400px;
    left: 20px;
  }
  .container-state-catalog.listing-color {
    left: -100px;
    top: 75px;
  }
  .container-state-catalog.not-listed-color {
    transform: translateX(-50%);
    margin-top: 81px;
  }
  .container-catalog-competing {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    grid-area: graph;
  }
  .container-state-catalog.competing-color {
    left: -100px;
    top: 75px;
  }
  .container-catalog-winning {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    grid-area: graph;
  }
  .container-state-catalog.winning-color {
    left: -100px;
    top: 75px;
  }
  .container-state-catalog.sharing-first-place-color {
    left: -100px;
    top: 75px;
  }
  .container-catalog-listing {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    grid-area: graph;
  }
  .widget-listings-item-info .shipping-full {
    top: 139px;
    left: 100px;
  }
}
@media (min-width: 400px) and (max-width: 550px) {
  .container-state-catalog.listing-color {
    left: -115px;
    top: 75px;
  }
  .container-catalog-competing {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    grid-area: graph;
  }
  .container-state-catalog.competing-color {
    left: -115px;
    top: 75px;
  }
  .container-state-catalog.not-listed-color {
    transform: translateX(-50%);
    margin-top: 81px;
  }
  .container-catalog-winning {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    grid-area: graph;
  }
  .container-state-catalog.winning-color {
    left: -115px;
    top: 75px;
  }
  .container-state-catalog.sharing-first-place-color {
    left: -115px;
    top: 75px;
  }
  .container-catalog-listing {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
    grid-area: graph;
  }
}
@media (min-width: 700px) and (max-width: 1020px) {
  .modal-content.catalog_modal {
    width: 73%;
    margin: 2%;
  }
}
@media (max-width: 768px) {
  .line-title-cause {
    width: 95% !important;
    height: 1px;
    background-color: #dbdbdb;
    margin-right: 20px;
  }
  .container-validate-text {
    margin-right: 10px;
    width: 85%;
  }
  .cause-text {
    width: 95% !important;
  }
}
#to-modal-validate-candidate {
  width: 204px;
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4194d8;
}

#cancel_modal_catalog {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  margin-right: 10px;
}

.validate-container {
  width: 97%;
  height: auto;
  border: solid 1px #dbdbdb;
  background-color: #f7f7f7;
  margin-bottom: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.icon-circle {
  width: 32px;
  height: 32px;
  margin-left: 12px;
  margin-top: -3px;
  margin-right: 16px;
  background-color: #fff;
  border-radius: 50%;
}

.icon-cause {
  width: 16px;
  height: 16px;
  margin-top: 25%;
  margin-left: 25%;
}

.modal-body.causes-validate {
  padding: 0px 25px 2px 50px !important;
}
.modal-body.causes-validate .catalog_title {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  padding-top: 25px;
}

#modal-body-disponible {
  padding: 0px 25px 2px 50px !important;
}

#modal-footer-disponible {
  border-top: 0;
  padding: 25px;
  margin-right: 25px;
  padding-bottom: 30px;
}

#confirmarCatalogoBtnDisabled {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  background-color: #b7b7b7;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

#causes-validate-text {
  width: 97%;
}
#causes-validate-text p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: -2px;
}

.cause-header {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  line-height: normal;
  color: rgb(129, 129, 129);
}

.line-title-cause {
  width: 814px;
  height: 1px;
  background-color: #dbdbdb;
}

.cause-text {
  margin-top: 7px;
  width: 814px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
  color: rgb(129, 129, 129);
}

#back-main-catalog {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  margin-right: 10px;
}

#back-main-catalog:hover {
  width: 130px;
  height: 44px;
  border-radius: 8px;
}

#cancel-validate-candidate {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

#cancel-validate-candidate:hover {
  background-color: #236da9;
}

#confirmarCatalogoBtn {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  margin-right: 0px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

#confirmarCatalogoBtn:hover {
  background-color: #236da9;
}

@media (min-width: 1100px) and (max-width: 1400px) {
  .widget-listings-item-info .widget-listings-item-info-title {
    margin-bottom: 5px;
    max-height: 45px;
    width: 100%;
    float: right;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #292828;
  }
  .container-new-details {
    position: relative;
    display: flex;
    justify-content: center;
    grid-area: list-item-button;
    width: 28px;
    height: 28px;
    align-items: center;
  }
}
@media (max-width: 769px) {
  .widget-listing-detail-listing-advice.new-design {
    display: block;
  }
  #titleNewDesign {
    margin-bottom: 62px;
  }
  .details-score .text-description-quality {
    line-height: 1.2;
    display: block;
  }
  .widget-listing-detail-listing-advice-score.container-score {
    display: block;
    left: 26%;
  }
  .c100.center.new-design {
    right: 46%;
    margin: 1px;
    bottom: 60px;
  }
  .details-score {
    width: 52%;
    right: 45%;
  }
  .pending_goals {
    display: block;
    margin-top: -22px;
    width: 50%;
  }
  .title-section-quality {
    width: 285px;
  }
  .line-section-quality {
    width: 350px;
    margin-left: 15px;
  }
  .list-pending-goals ul {
    display: block;
  }
  #achivedGoalsContainer {
    width: 50%;
    display: none;
    margin-top: 32px;
  }
  .achieved_goals ul {
    display: block;
    margin-top: 1px;
  }
  .container-title-section {
    margin-top: 10px;
  }
  #containerEmptyState {
    width: 50%;
    margin-left: 25%;
  }
  .replace-pending-g {
    margin-top: 65px;
  }
  #containerMoreObj {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 32px;
    margin-left: 1px;
  }
  .link-icon-quality {
    color: #236da9;
  }
  .link-icon-quality:hover {
    color: #17507f;
  }
  #seeLessObj i svg {
    margin-top: -2px;
  }
}
@media (min-width: 768px) and (max-width: 1380px) {
  .container-catalog-empty-state i svg {
    margin-top: 4%;
    width: 52px;
    margin-left: 35%;
    height: 52px;
  }
  .catalog-listing-span.row-quality {
    display: block;
  }
  .container-state-catalog.listing-color {
    left: 30px;
  }
  .container-state-catalog.competing-color {
    left: 30px;
  }
  .container-state-catalog.winning-color {
    left: 30px;
  }
  .container-state-catalog.sharing-first-place-color {
    left: 30px;
  }
  .container-state-catalog.not-listed-color {
    left: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1380px) {
  .c100.center.new-design {
    right: 37%;
    margin: 1px;
    bottom: 60px;
    font-size: 100px;
  }
  .details-score {
    position: relative;
    bottom: 50px;
    right: 37%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
  }
  .title-section-quality {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #727272;
    width: 140px;
  }
  .line-section-quality {
    margin-left: 20px;
    width: 600px;
    height: 2px;
    margin-top: 8px;
    background-color: #dbdbdb;
  }
}
@media (max-width: 1380px) and (min-width: 1599px) {
  .c100.center.new-design {
    right: 37%;
    margin: 1px;
    bottom: 60px;
    font-size: 100px;
  }
  .details-score {
    position: relative;
    bottom: 50px;
    right: 37%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
  }
  .catalog-listing-span.row-quality {
    display: block;
    margin-left: 24%;
  }
}
@media (min-width: 1600px) and (max-width: 1850px) {
  .line-section-quality {
    margin-left: 2px !important;
    width: 800px !important;
    height: 2px;
    margin-top: 8px;
    background-color: #dbdbdb;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .c100.center.new-design {
    right: 28%;
    margin: 1px;
    bottom: 60px;
    font-size: 100px;
  }
  .details-score {
    position: relative;
    bottom: 50px;
    right: 19%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
  }
  .title-section-quality {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #727272;
    width: 140px;
  }
  .line-section-quality {
    margin-left: 20px;
    width: 430px;
    height: 2px;
    margin-top: 8px;
    background-color: #dbdbdb;
  }
}
@media (min-width: 1024px) {
  .show-disounts-item {
    height: 1px;
  }
  .tiptext-new-design.default.promos[data-promo=unique-promo] {
    margin-left: -65px;
  }
  .tiptext-new-design.default.promos[data-promo=multi-promos] {
    margin-left: -150px;
  }
}
.medal-price-discount svg {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-top: 3px;
}

.medal-price-scheduled-discount svg {
  width: 16px;
  height: 16px;
}

.medal-price-scheduled-discount svg path {
  fill: #727272;
}

.tooltip-info.new-design.discount,
.tooltip-info.new-design.cat-killer,
.tooltip-info.new-design.promos {
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  text-align: center;
  width: 28px;
  height: 28px;
  left: 10px;
  border-radius: 50px;
}
.tooltip-info.new-design.discount i svg,
.tooltip-info.new-design.cat-killer i svg,
.tooltip-info.new-design.promos i svg {
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 16px;
}
.tooltip-info.new-design.discount:hover .tiptext-new-design.cat-killer,
.tooltip-info.new-design.cat-killer:hover .tiptext-new-design.cat-killer,
.tooltip-info.new-design.promos:hover .tiptext-new-design.cat-killer {
  max-width: 300px;
  padding: 12px;
  text-align: left;
  visibility: visible;
}

.tooltip-info.new-design.promos-best-disc {
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  text-align: center;
  width: 28px;
  height: 28px;
  left: 10px;
  border-radius: 50px;
}
.tooltip-info.new-design.promos-best-disc i svg {
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 16px;
}
.tooltip-info.new-design.promos-best-disc:hover .tiptext-new-design.cat-killer {
  max-width: 300px;
  padding: 12px;
  text-align: left;
  visibility: visible;
}

.tooltip-info.new-design.promos {
  margin: -8px 0 6px;
}
.tooltip-info.new-design.promos .medal-scheduled-promos {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
}
.tooltip-info.new-design.promos:hover svg path, .tooltip-info.new-design.promos:hover svg rect {
  fill: #292828;
}

.tooltip-info.new-design.discount:hover,
.tooltip-info.new-design.promos:hover {
  background-color: #eeeeee;
}

.medal-price-scheduled-discount {
  position: absolute;
  right: 6px;
  top: 6px;
}

.title-scheduled-discount-tooltip {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}

.medal-price-discount svg path {
  fill: #727272;
}

.tiptext-new-design.discount {
  top: 30px;
  left: 10px;
}

.container-tooltip.discount {
  padding: 5px;
}

.title-scheduled-discount-tooltip {
  margin-bottom: 10px;
}

.scheduled-discount-from {
  margin-bottom: 6px;
}

.price-discount-item {
  display: flex;
  flex-direction: column;
  margin-top: 3px;
}

.price-best-discount-item {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  max-width: 200px;
}
.price-best-discount-item .container-best-disc {
  display: flex;
  align-items: center;
}
.price-best-discount-item .container-best-disc .tooltipExclusiveDisc {
  position: relative;
  top: -2px;
  left: -2px;
}
.price-best-discount-item .container-best-disc .tooltipExclusiveDisc i svg {
  width: 12px;
  height: 12px;
}

.price-list-item {
  display: flex;
}

.price-list-item-top {
  justify-content: center;
  position: relative;
  top: 10px;
}
.price-list-item-top .tooltip-info.promos {
  top: 4px;
}

.class-discount-applied {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
  text-decoration-color: #727272;
  text-decoration: line-through;
}

.class-discount-applied-svg {
  margin-top: 0;
}

.percentage-applied-best-discount {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #328547;
  margin-top: 5px;
}

.percentage-applied-best-discount-text {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #328547;
  margin-top: 5px;
  margin-left: -5px;
}

.percentage-applied-discount {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #328547;
  margin-top: 5px;
}

.container-disc-applied {
  margin-left: 0px;
  margin-top: -1px;
  white-space: nowrap;
}

.price-discount-item .price-discount {
  margin-right: 8px;
}

.price-best-discount-item .price-best-discount {
  margin-right: 8px;
}

.percentage-applied-discount-text {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #328547;
  margin-top: 5px;
  margin-left: -5px;
}

.show-disounts-item {
  visibility: hidden;
}

.cup-price-scheduled-discount svg {
  width: 12px;
  margin-top: 10;
  height: 12px;
  margin-left: 6px;
}

.cup-price-scheduled-discount svg g path {
  fill: #727272;
}

.container-tooltip.promos {
  padding: 8px 0;
}

.title-promo-tooltip {
  font-weight: 600;
}

.tiptext-new-design.promos [class^=scheduled-promo] {
  margin: 8px 0 16px;
}
.tiptext-new-design.promos [class^=scheduled-promo]:last-child {
  margin-bottom: 0;
}

.tiptext-new-design.promos .scheduled-promo-unique {
  margin: 6px 0 0;
}

.tiptext-new-design.promos .container-tooltip.unique-promo {
  min-width: 100px;
}
.tiptext-new-design.promos .container-tooltip.multi-promos {
  min-width: 300px;
}
.tiptext-new-design.promos .container-tooltip .info-promo-tooltip {
  margin-top: 8px;
}

#drawerDiscount #closeDrawerIcon i svg {
  width: 20px;
  margin-bottom: 5px;
}
#drawerDiscount .drawer-body {
  padding: 26px 20px;
}
#drawerDiscount .drawer-body .container-boxs .select-discount {
  width: 100%;
  height: auto;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  margin-bottom: 26px;
}
#drawerDiscount .drawer-body .container-boxs .select-date {
  width: 100%;
  height: 181px;
  border: solid 1px #dbdbdb;
  background-color: #fff;
}
#drawerDiscount .drawer-body .title-select-discount {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin: 16px;
}
#drawerDiscount .drawer-body .title-select-date {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin: 16px;
}
#drawerDiscount .drawer-body .container-inputs-discount {
  margin: 16px;
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(2, minmax(calc(50% - 15px), 196px));
  grid-gap: 25px;
  box-sizing: border-box;
}
#drawerDiscount .drawer-body .container-inputs-discount .mdc-text-field + #labelInputPrice {
  margin-top: 0;
}
#drawerDiscount .drawer-body .mdc-form-field .cup-exclusive-discount-drawer svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
#drawerDiscount .drawer-body .mdc-form-field .cup-exclusive-discount-drawer svg g path {
  fill: #727272;
}
#drawerDiscount .drawer-body .error-validation-discount {
  display: block;
  position: absolute;
  top: 45px;
  left: 2px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f04e54;
}
#drawerDiscount .drawer-body .error-validation-price {
  display: block;
  position: absolute;
  top: 45px;
  left: 2px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f04e54;
}
#drawerDiscount .drawer-body .error-validation-price-prime {
  display: block;
  position: absolute;
  top: 45px;
  left: 2px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f04e54;
}
#drawerDiscount .drawer-body #errorDiscount {
  margin-top: 1px;
}
#drawerDiscount .drawer-body .mdc-text-field--focused .mdc-floating-label {
  color: #4194d8;
}
#drawerDiscount .drawer-body .mdc-floating-label {
  font-weight: 300;
  text-decoration: none;
  text-transform: none;
  font-size: 12px;
  top: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#drawerDiscount .drawer-body .checks-discount {
  margin-left: 8px;
  margin-top: 25px;
  margin-bottom: -8px;
}
#drawerDiscount .drawer-body .text-label-check-discount {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  font-family: "proxima-nova", Arial, sans-serif;
}
#drawerDiscount .drawer-body .text-descount {
  margin-left: 16px;
  width: 90%;
}
#drawerDiscount .drawer-body .container-inputs-date {
  margin: 16px;
  margin-top: 28px;
}
#drawerDiscount .drawer-body .mdc-text-field.mdc-text-field--outlined.mdc-text-field--no-label.start-date {
  margin-right: 30px;
  width: 204px;
}
#drawerDiscount .drawer-body #discountDateRanger {
  width: 196px;
}
#drawerDiscount .drawer-body .text-show-selected-date {
  margin: 17px;
  margin-top: 28px;
}
#drawerDiscount .drawer-body .container-inputs-discount-exc {
  margin: 16px;
  margin-bottom: 25px;
  width: 96%;
}
#drawerDiscount .drawer-body::-webkit-scrollbar {
  width: 3px;
  height: 8px;
}
#drawerDiscount .drawer-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#drawerDiscount .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input.filter-date.discount {
  padding-bottom: 20px;
}
#drawerDiscount .open-calendar {
  content: "";
  display: block;
  width: 25px;
  height: 41px;
  background: #cccccc;
  position: absolute;
  top: 0px;
  right: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 0;
}
#drawerDiscount .open-calendar:before {
  top: 18px;
}
#drawerDiscount .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  width: 196px;
  max-width: 100%;
}
#drawerDiscount .drawer-footer {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#drawerDiscount .drawer-footer .btn-drawer-discount {
  width: 114px;
  height: 36px;
  border: none;
  border-radius: 4px;
}
#drawerDiscount .drawer-footer .btn-drawer-discount.close {
  margin-right: 16px;
}
#drawerDiscount .drawer-footer .btn-drawer-discount.create {
  color: #fff;
}
#drawerDiscount .drawer-footer #deleteThisDiscount {
  margin-left: 5px;
}
#drawerDiscount .drawer-footer #deleteThisDiscount i {
  margin-right: 12px;
}
#drawerDiscount .drawer-footer #createDiscountBtnDisabledEdit {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
#drawerDiscount .drawer-footer #createDiscountBtnDisabled {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

#closeAndCancel {
  top: 40%;
}
#closeAndCancel .modal-content {
  height: 210px;
}
#closeAndCancel .modal-header {
  padding: 40px 25px;
  border: 0;
}
#closeAndCancel .modal-header .close {
  top: 43px;
  right: 20px;
}
#closeAndCancel .modal-title {
  width: 80%;
}
#closeAndCancel .modal-footer {
  border-top: 0;
  padding: 25px;
  padding-top: 30px;
  margin-top: -5px;
}
#closeAndCancel .modal-footer .bt-secondary {
  width: 130px;
  height: 44px;
}
#closeAndCancel .modal-footer .bt-primary {
  width: 130px;
  height: 44px;
}
#closeAndCancel #cancelDiscount:hover {
  background-color: #236da9;
}
#closeAndCancel #noCancelDiscount:hover {
  border: 1px solid #236da9;
}

#deleteDiscountModal {
  top: 40%;
}
#deleteDiscountModal .modal-content {
  height: 210px;
}
#deleteDiscountModal .modal-header {
  padding: 40px 25px;
  border: 0;
}
#deleteDiscountModal .modal-header .close {
  top: 43px;
  right: 20px;
}
#deleteDiscountModal .modal-title {
  width: 80%;
  width: 85%;
  margin-bottom: 30px;
}
#deleteDiscountModal .modal-footer {
  border-top: 0;
  padding: 25px;
  padding-top: 0px;
  margin-top: -20px;
}
#deleteDiscountModal .modal-footer .bt-secondary {
  width: 130px;
  height: 44px;
}
#deleteDiscountModal .modal-footer .bt-primary {
  width: 130px;
  height: 44px;
}
#deleteDiscountModal .modal-footer .bt-secondary:hover {
  background-color: #236da9;
}
#deleteDiscountModal .modal-footer .bt-primary:hover {
  border: 1px solid #236da9;
}

.error-input-style-discount {
  color: #b7b7b7 !important;
}

.error-input-style {
  color: #b7b7b7;
  border-right: solid 1px #f04e54 !important;
  border-top: solid 1px #f04e54 !important;
  border-bottom: solid 1px #f04e54 !important;
}

.error-input-style-left {
  color: #b7b7b7;
  border-left: solid 1px #f04e54 !important;
  border-top: solid 1px #f04e54 !important;
  border-bottom: solid 1px #f04e54 !important;
}

.error-input-style-bottom {
  color: #b7b7b7;
  border-bottom: solid 1px #f04e54 !important;
  border-top-color: #f04e54 !important;
}

.error-input-style-text {
  color: #f04e54 !important;
}

@media (min-width: 769px) {
  #drawerDiscount .drawer-body .daterangepicker.dropdown-menu {
    margin-top: 10px !important;
    width: 419px;
    left: 5px !important;
  }
  #drawerDiscount #containerInputDaterangepicker {
    position: relative;
  }
  #drawerDiscount .drawer-body {
    height: calc(100vh - 200px);
    padding: 12px 20px;
    overflow: auto;
  }
  #drawerDiscount .daterangepicker.dropdown-menu {
    top: 0;
  }
  #drawerDiscount .daterangepicker.show-calendar .calendar {
    width: 49%;
  }
  #drawerDiscount .daterangepicker.show-calendar .calendar th, #drawerDiscount .daterangepicker.show-calendar .calendar td {
    min-width: initial;
  }
  #drawerDiscount .daterangepicker.show-calendar .calendar.left .daterangepicker_input {
    padding-right: 6px;
    left: 2px;
  }
  #drawerDiscount .daterangepicker.show-calendar .calendar.right {
    right: -4px;
  }
  #drawerDiscount .daterangepicker.show-calendar .calendar.right .daterangepicker_input {
    padding-left: 8px;
  }
  #drawerDiscount .daterangepicker.show-calendar .calendar .input-mini {
    box-sizing: border-box;
    height: 34px;
    max-width: 200px;
    width: 100%;
  }
  #drawerDiscount .daterangepicker .daterangepicker_input {
    width: 200px;
    right: initial;
    box-sizing: border-box;
  }
}
@media (min-width: 700px) and (max-width: 1100px) {
  .widget-listings-item-data {
    grid-area: list-item-data;
    align-self: center;
    margin-left: 1px;
  }
  .container-title-span-row {
    max-height: 90px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 768px) {
  #drawerDiscount .drawer-body .container-inputs-discount-exc {
    display: flex;
  }
  #drawerDiscount .drawer-body .daterangepicker.dropdown-menu {
    top: 120px !important;
    width: auto;
    right: 30px;
    margin-left: 75px;
  }
}
@media (min-width: 1380px) and (max-width: 1599px) {
  .widget-listings-item-info .container-title {
    max-width: 100%;
    width: auto;
  }
  .widget-listings-item-data {
    margin-left: 1px;
  }
}
@media (max-width: 1390px) {
  .medal-price-discount svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-top: 1px;
  }
  .tooltip-info.new-design.discount {
    top: -6px;
  }
  .price-best-discount-item {
    display: flex;
    margin-top: 10px;
    align-items: center;
  }
  .container-state-catalog {
    left: 37px;
  }
}
.sup-style-decimals {
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-left: 2%;
  top: -0.7em;
}

.widget.full-operations-detail .scroller-wrapper {
  overflow-x: auto;
}
.widget.full-operations-detail .title-plus-date {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  margin-bottom: 42px;
}
.widget.full-operations-detail .title-plus-date .widget-title-full {
  color: #727272;
  font-size: 2.2rem;
  line-height: 20px;
  grid-column: 1/1;
  text-align: left;
}
.widget.full-operations-detail .title-plus-date .wrap-filter-date {
  float: none;
  grid-column: 2;
}
@media (max-width: 411px) {
  .widget.full-operations-detail .title-plus-date .wrap-filter-date {
    grid-column: 1;
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 25px;
    width: 100%;
  }
  .widget.full-operations-detail .title-plus-date .wrap-filter-date button.open-calendar {
    height: 32px;
    grid-column: 2;
    right: 2px;
    top: 0px;
  }
  .widget.full-operations-detail .title-plus-date .wrap-filter-date input.filter-date {
    margin: 0px;
    width: auto;
  }
}
@media (max-width: 411px) {
  .widget.full-operations-detail .title-plus-date {
    grid-template-columns: 1fr;
  }
}
.widget.full-operations-detail .table-sorter {
  align-items: center;
  background-color: #f5f5f5;
  display: grid;
  font-size: 14px;
  grid-template-columns: max-content max-content;
  grid-column-gap: 22px;
  justify-content: end;
  padding: 6px 28px;
  text-align: right;
}
.widget.full-operations-detail .table-sorter #itemsPageEnd::before {
  content: "-";
}
.widget.full-operations-detail .table-sorter .paginator-click {
  background-color: #f5f5f5;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  left: 4px;
  position: relative;
  top: 1px;
  width: 28px;
  cursor: pointer;
}
.widget.full-operations-detail .table-sorter .paginator-click:hover {
  background-color: #eeeeee;
}
.widget.full-operations-detail .table-sorter .paginator-click:first-child {
  display: inline-block;
  transform: rotate(180deg);
  position: relative;
  bottom: 3px;
}
.widget.full-operations-detail .table-sorter .paginator-click:first-child i {
  position: relative;
  right: 5px;
  top: 6px;
}
.widget.full-operations-detail .table-sorter .paginator-click:last-child {
  position: relative;
  bottom: -2px;
  margin-left: 12px;
}
.widget.full-operations-detail .table-sorter .paginator-click:last-child i {
  position: relative;
  right: 4px;
  top: 6px;
}
.widget.full-operations-detail .table-sorter .paginator-click i svg {
  width: 16px;
}
.widget.full-operations-detail .table-sorter .paginator-click.disabled i svg polygon {
  fill: #b7b7b7;
}
.widget.full-operations-detail .table-sorter .paginator-click.disabled:hover {
  background-color: #f5f5f5;
}
.widget .grid-table-wrapper {
  color: #292828;
  font-size: 14px;
  min-width: 550px;
}
.widget .grid-table-wrapper.no-variation-available .variation-title, .widget .grid-table-wrapper.no-variation-available .variation {
  display: none;
}
.widget .grid-table-wrapper.no-variation-available .grid-table-full-ops {
  grid-template-columns: 3fr 4.5fr 3fr;
}
.widget .grid-table-wrapper.no-variation-available .grid-table-full-ops .stock-amt, .widget .grid-table-wrapper.no-variation-available .grid-table-full-ops .stock-amt-title {
  justify-self: right;
}
.widget .grid-table-wrapper .grid-table-full-ops {
  display: grid;
  grid-template-columns: 3fr 4.5fr 3fr 0.5fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 12px 28px 12px;
}
.widget .grid-table-wrapper .grid-table-full-ops .stock-amt, .widget .grid-table-wrapper .grid-table-full-ops .stock-amt-title {
  justify-self: right;
}
.widget .grid-table-wrapper .grid-table-full-ops:nth-child(even) {
  background-color: #f5f5f5;
}
.widget .grid-table-wrapper .grid-table-full-ops:nth-child(odd) {
  background-color: #fbfbfb;
}
.widget .grid-table-wrapper .grid-table-full-ops.table-headers {
  background-color: #dbdbdb;
  padding: 3px 28px;
  align-items: center;
}
.widget .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full svg {
  left: 7px;
  cursor: pointer;
  position: relative;
  top: 2px;
  transform: rotate(90deg);
  width: 14px;
}
.widget .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full svg polygon {
  fill: #727272;
}
.widget .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
.widget .grid-table-wrapper .grid-table-full-ops.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
.widget .grid-table-wrapper .grid-table-full-ops.acquiring-items .spinner-loading i {
  animation: none;
}
.widget .grid-table-wrapper .grid-table-full-ops .timestamp-title {
  line-height: 30px;
}
.widget .grid-table-wrapper .grid-table-full-ops .reordering-full {
  background-color: #dbdbdb;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  left: 4px;
  position: relative;
  top: 1px;
  width: 28px;
}
.widget .grid-table-wrapper .grid-table-full-ops .reordering-full:hover {
  background-color: #eeeeee;
}
.widget .grid-table-wrapper .grid-table-full-ops .reordering-full i {
  display: inline-block;
  height: 28px;
  width: 28px;
}

#table-full-upload-history .grid-table-full-ops.grid-table-full-history {
  grid-template-columns: 16% 16% 30% 25% 12%;
}

.grid-table-modal-novar-wrapper {
  color: #292828;
  font-size: 14px;
}
.grid-table-modal-novar-wrapper .full-no-var-headers {
  display: grid;
  background-color: #dbdbdb;
  grid-template-columns: 6fr 100px;
  padding: 8px 24px 8px;
}
.grid-table-modal-novar-wrapper .full-no-var-headers .stock-title {
  justify-self: end;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar {
  display: grid;
  grid-template-columns: 6fr 100px;
  padding: 8px 28px 8px;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar .stock-amt {
  justify-self: end;
  min-width: 30px;
  text-align: right;
  width: fit-content;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar .stock-amt span {
  position: absolute;
  margin-left: 5px;
  cursor: pointer;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar .stock-amt span:hover + .disclaimer-wrapper {
  visibility: visible;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar:nth-child(even) {
  background-color: #f5f5f5;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar:nth-child(odd) {
  background-color: #fbfbfb;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar i svg {
  position: relative;
  top: 1px;
  width: 12px;
}
.grid-table-modal-novar-wrapper .grid-table-stock-novar i svg path, .grid-table-modal-novar-wrapper .grid-table-stock-novar i svg circle {
  fill: #727272;
}
.grid-table-modal-novar-wrapper .disclaimer-wrapper {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #dbdbdb;
  max-width: 237px;
  padding: 12px;
  position: absolute;
  right: 20px;
  visibility: hidden;
  z-index: 999;
}
.grid-table-modal-novar-wrapper .disclaimer-wrapper .status {
  display: grid;
  grid-template-columns: 8fr 1fr;
  grid-column-gap: 4px;
  max-width: 230px;
}
.grid-table-modal-novar-wrapper .disclaimer-wrapper .status div + div {
  justify-self: end;
}

.ds-modal button.close {
  border: 0;
  opacity: 1;
  width: 14px;
  height: 14px;
  background: url("../img/close-ds.17bd9b72bb23.svg") 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 24px;
  top: 24px;
  padding: 0;
}
.ds-modal .full-shipping-modal .widget {
  border: 0;
  box-shadow: none;
  padding: 0 0 12px 0;
}
.ds-modal .full-shipping-modal .collapsable-ds {
  border: 1px solid #dbdbdb;
  box-shadow: none;
  padding: 22px 12px 12px;
}
.ds-modal .full-shipping-modal .collapsable-ds.shadowed {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.ds-modal .full-shipping-modal .collapsable-ds h4 {
  color: #292828;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  position: relative;
  padding: 0;
  top: -4px;
}
.ds-modal .full-shipping-modal .collapsable-ds .collapse {
  margin-top: 12px;
}
.ds-modal .full-shipping-modal .selectize-input .item {
  margin: 0;
}
.ds-modal .full-shipping-modal .selectize-dropdown [data-selectable], .ds-modal .full-shipping-modal .selectize-dropdown .optgroup-header {
  font-size: 13px;
  padding: 11px 24px 11px 8px;
}
.ds-modal .full-shipping-modal .selectize-dropdown-content {
  font-size: 13px;
}
.ds-modal .full-shipping-modal .selectize-control.single {
  margin: 0 0 18px 0;
}
.ds-modal .full-shipping-modal .selectize-input:hover .item, .ds-modal .full-shipping-modal .selectize-input.focus .item {
  color: #292828;
}
.ds-modal .full-shipping-modal .selectize-control.single .selectize-input.dropdown-active:after {
  transform: rotate(180deg);
  margin-top: -3px;
}
.ds-modal .full-shipping-modal .selectize-dropdown .active {
  background-color: #eeeeee;
  color: #292828;
}
.ds-modal .full-shipping-modal .selectize-dropdown [data-selectable] {
  color: #292828;
}
.ds-modal .full-shipping-modal .selectize-control.single .selectize-input:after {
  right: 8px;
}
.ds-modal .full-shipping-modal .selectize-input.items.full.has-options.has-items {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: none;
  background: white;
  color: #292828;
  font-size: 13px;
  overflow: inherit;
  padding: 11px 24px 11px 8px;
  width: auto;
}
.ds-modal .full-shipping-modal .selectize-dropdown {
  height: auto;
  max-height: 200px;
  overflow: auto;
  padding: 0;
  width: auto !important;
}
.ds-modal .full-shipping-modal .selectize-dropdown.active {
  background-color: #eeeeee;
}
.ds-modal#modal-killers .catalogue-pricing-wrapper {
  align-items: center;
  background: #e4f6e9;
  border: 1px solid #75c367;
  display: grid;
  grid-template-columns: 24px auto;
  grid-column-gap: 12px;
  padding: 14px;
}
.ds-modal#modal-killers .catalogue-pricing-wrapper span:first-child {
  height: 24px;
  width: 24px;
}
.ds-modal#modal-killers .catalogue-pricing-wrapper span svg path {
  fill: #328547;
}
.ds-modal#modal-killers .catalogue-pricing-wrapper .pricing-contract span {
  font-weight: 700;
}
.ds-modal#modal-killers .modal-footer .custom-mdc-spinner {
  height: 26px;
  margin: 0 auto;
  width: 20px;
}
.ds-modal#modal-killers .modal-footer .mdc-circular-progress__path {
  stroke: white;
}
.ds-modal#modal-killers .modal-footer svg {
  height: 20px;
  margin-top: -7px;
  position: relative;
  top: 6px;
  width: 20px;
}
.ds-modal#removeCompatibilitiesModal {
  background-color: rgba(41, 40, 40, 0.4117647059);
}

.container-labels-elegibility {
  margin-bottom: 18px;
}
.container-labels-elegibility .elegible-catalogue, .container-labels-elegibility .elegible-promos, .container-labels-elegibility .elegible-discount {
  background: #FFF;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 1.4rem;
  padding: 12px 8px;
  z-index: 888;
}
.container-labels-elegibility .bt-primary-discount-label svg {
  width: 16px;
}
.container-labels-elegibility .bt-primary-discount-label .icon-label-wrapper {
  padding: 5px;
}
.container-labels-elegibility .bt-primary-discount-label:hover .elegible-discount {
  display: inline-block;
  position: absolute;
  margin-top: 30px;
  margin-left: -115px;
}
.container-labels-elegibility .bt-primary-discount-label, .container-labels-elegibility .bt-primary.catalogo.listar {
  position: relative;
  top: 4px;
}
.container-labels-elegibility .bt-primary-promos-label {
  position: relative;
  top: 4px;
}
.container-labels-elegibility .bt-primary-promos-label:hover .elegible-promos {
  display: inline-block;
  margin-top: 30px;
  margin-left: -115px;
  position: absolute;
  width: max-content;
}
.container-labels-elegibility .bt-primary-promos-label .icon-label-wrapper svg {
  padding-left: 1px;
  width: 13px;
  position: absolute;
}
.container-labels-elegibility .bt-primary-promos-label .icon-label-wrapper svg {
  width: 14px;
  position: relative;
  top: 0;
}
.container-labels-elegibility .bt-primary-promos-label .icon-label-wrapper:hover svg path, .container-labels-elegibility .bt-primary-promos-label .icon-label-wrapper:hover svg rect {
  fill: #292828;
}
.container-labels-elegibility .bt-primary.catalogo svg {
  width: 15px;
}
.container-labels-elegibility .bt-primary.catalogo:hover .elegible-catalogue {
  display: inline-block;
  position: absolute;
  margin-top: 30px;
  margin-left: -115px;
}
.container-labels-elegibility .icon-label-wrapper {
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-right: 4px;
  padding: 6px;
  width: 15px;
}
.container-labels-elegibility .icon-label-wrapper:hover {
  background-color: #eeeeee;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  width: 15px;
}
.container-labels-elegibility .icon-label-wrapper:hover svg path {
  fill: #292828;
}

.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger .hover-info {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
}

.promos-drawer-settings, .promos-drawer-edit {
  color: #292828;
}
.promos-drawer-settings .price-invitation, .promos-drawer-edit .price-invitation {
  color: #292828;
  font-weight: 400;
  font-size: 1.6rem;
  justify-self: center;
  align-self: center;
}
.promos-drawer-settings .price-invitation .hover-info, .promos-drawer-edit .price-invitation .hover-info {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
}
.promos-drawer-settings .price-invitation .tooltip-trigger, .promos-drawer-edit .price-invitation .tooltip-trigger {
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
  height: 22px;
  background-color: transparent;
  width: 22px;
}
.promos-drawer-settings .price-invitation .tooltip-trigger:hover, .promos-drawer-edit .price-invitation .tooltip-trigger:hover {
  background-color: #eeeeee;
}
.promos-drawer-settings .price-invitation .tooltip-trigger:hover svg path, .promos-drawer-edit .price-invitation .tooltip-trigger:hover svg path {
  fill: #292828;
}
.promos-drawer-settings .price-invitation .tooltip-trigger svg, .promos-drawer-edit .price-invitation .tooltip-trigger svg {
  fill: #727272;
  width: 14px;
  left: 4px;
  position: relative;
  top: 2px;
}
.promos-drawer-settings .price-invitation .tooltip-trigger svg circle, .promos-drawer-settings .price-invitation .tooltip-trigger svg path, .promos-drawer-edit .price-invitation .tooltip-trigger svg circle, .promos-drawer-edit .price-invitation .tooltip-trigger svg path {
  fill: #727272;
}
.promos-drawer-settings .price-invitation .tooltip-trigger .hover-info, .promos-drawer-edit .price-invitation .tooltip-trigger .hover-info {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
}
.promos-drawer-settings .price-invitation .tooltip-trigger:hover .hover-info, .promos-drawer-edit .price-invitation .tooltip-trigger:hover .hover-info {
  display: block;
  font-size: 1.4rem;
  position: absolute;
  width: 150px;
  margin-left: -40px;
  z-index: 9998;
}
.promos-drawer-settings .price-invitation-title, .promos-drawer-edit .price-invitation-title {
  font-weight: 600;
}
.promos-drawer-settings .price-info, .promos-drawer-edit .price-info {
  display: flex;
  justify-content: flex-start;
}
.promos-drawer-settings .price-info p, .promos-drawer-edit .price-info p {
  margin-right: 12px;
  color: #727272;
  font-weight: 600;
}
.promos-drawer-settings .price-info p span, .promos-drawer-edit .price-info p span {
  font-weight: 400;
}
.promos-drawer-settings .original-price, .promos-drawer-edit .original-price {
  color: #292828;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 14px;
}
.promos-drawer-settings .original-price span, .promos-drawer-edit .original-price span {
  font-weight: normal;
}
.promos-drawer-settings .price-setter label, .promos-drawer-edit .price-setter label {
  width: 100%;
}
.promos-drawer-settings .price-setter input[disabled=disabled], .promos-drawer-edit .price-setter input[disabled=disabled] {
  background: #f5f5f5;
  color: #b7b7b7;
  border: 1px solid #b7b7b7;
  position: relative;
  z-index: 1;
  opacity: 1;
}
.promos-drawer-settings .price-setter input[disabled=disabled] + span, .promos-drawer-settings .price-setter input[disabled=disabled] ~ span, .promos-drawer-edit .price-setter input[disabled=disabled] + span, .promos-drawer-edit .price-setter input[disabled=disabled] ~ span {
  z-index: 2;
  color: #727272;
}
.promos-drawer-settings #errorPriceSetter, .promos-drawer-edit #errorPriceSetter {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 4px;
  color: #727272 !important;
}
.promos-drawer-settings .price-setter.stock-setter, .promos-drawer-edit .price-setter.stock-setter {
  margin-bottom: -20px;
}
.promos-drawer-settings .price-setter.stock-setter .title-promos-stock, .promos-drawer-edit .price-setter.stock-setter .title-promos-stock {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  padding: 28px 0 12px 0;
}
.promos-drawer-settings .price-setter.stock-setter #errorOrInfoStockSetter, .promos-drawer-edit .price-setter.stock-setter #errorOrInfoStockSetter {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
  margin: 4px;
}
.promos-drawer-settings .promo-price-message, .promos-drawer-edit .promo-price-message {
  font-size: 1.2rem;
  color: #727272;
  margin-top: 4px;
}
.promos-drawer-settings .promo-detail-info, .promos-drawer-edit .promo-detail-info {
  display: block;
  font-size: 1.2rem;
  margin-top: 8px;
}
.promos-drawer-settings .promo-states-grid .table-header, .promos-drawer-edit .promo-states-grid .table-header {
  background-color: #dbdbdb;
  display: grid;
  grid-column-gap: 12px;
  grid-template-columns: 6.5fr 2.8fr 2.4fr 50px;
  margin-top: 43px;
  padding: 12px 16px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value, .promos-drawer-settings .promo-states-grid .table-promo-details .promo-state, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state {
  align-self: center;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value {
  align-self: center;
  display: flex;
  position: relative;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger {
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
  height: 22px;
  background-color: transparent;
  width: 22px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger:hover, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger:hover {
  background-color: #eeeeee;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger svg, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger svg {
  fill: #727272;
  width: 14px;
  left: 4px;
  position: relative;
  top: 4px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger svg circle, .promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger svg circle, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger svg path {
  fill: #727272;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-value .tooltip-trigger:hover .hover-info, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-value .tooltip-trigger:hover .hover-info {
  display: block;
  font-size: 1.4rem;
  position: absolute;
  width: 150px;
  margin-left: -40px;
  z-index: 9998;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state .has-warning, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state .has-warning {
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: 2px;
  display: inline-block;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state .has-warning svg, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state .has-warning svg {
  fill: #f36c00;
  width: 15px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state .has-warning svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state .has-warning svg path {
  fill: #f36c00;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state .has-warning .warning-txt, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state .has-warning .warning-txt {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
  z-index: 9998;
  width: 150px;
  margin-left: -76px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state .has-warning:hover .warning-txt, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state .has-warning:hover .warning-txt {
  display: block;
  position: absolute;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state-label, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state-label {
  padding: 4px 8px;
  display: inline-block;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state-label.approved, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state-label.approved {
  background-color: #e4f6e9;
  color: #328547;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state-label.pending, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state-label.pending {
  background-color: #fffbdd;
  color: #f36c00;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-state-label.rejected, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-state-label.rejected {
  background-color: #fce9e9;
  color: #f04e54;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-name, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-name {
  font-weight: 400;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .promo-name, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .promo-name {
  font-weight: 400;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-warning, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-warning {
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-warning svg, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-warning svg {
  fill: #f36c00;
  width: 15px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-warning svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-warning svg path {
  fill: #f36c00;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-warning .warning-txt, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-warning .warning-txt {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
  z-index: 9998;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-warning:hover .warning-txt, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-warning:hover .warning-txt {
  display: block;
  position: absolute;
  width: 200px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-info-detail, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-info-detail {
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: 3px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-info-detail svg, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-info-detail svg {
  fill: #727272;
  width: 15px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-info-detail svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-info-detail svg path {
  fill: #727272;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-info-detail .info-detail-txt, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-info-detail .info-detail-txt {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
  z-index: 9998;
  font-size: 1.4rem;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-details .has-info-detail:hover .info-detail-txt, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-details .has-info-detail:hover .info-detail-txt {
  display: block;
  position: absolute;
  width: 200px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions {
  align-self: center;
  justify-self: center;
  position: relative;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span {
  display: inline-block;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span i svg, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span i svg {
  cursor: pointer;
  width: 65%;
  position: relative;
  top: 4px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span i svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span i svg path {
  fill: #727272;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span:hover, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span:hover {
  background-color: #eeeeee;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span:hover svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span:hover svg path {
  fill: #292828;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.delete:hover, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.delete:hover {
  background-color: #fce9e9;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.delete:hover svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.delete:hover svg path {
  fill: #f04e54;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.delete:hover .delete-tooltip, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.delete:hover .delete-tooltip {
  display: block;
  font-size: 1.2rem;
  height: auto;
  margin-left: -20px;
  position: absolute;
  width: auto;
  z-index: 9998;
  margin-top: 8px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.delete .undo-icon, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.delete .undo-icon {
  display: none;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.undo > i:first-child, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.undo > i:first-child {
  display: none;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.undo .undo-icon, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.undo .undo-icon {
  display: block;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.undo:hover, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.undo:hover {
  background-color: #f5f5f5;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.undo:hover svg path, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.undo:hover svg path {
  fill: #292828;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions span.undo:hover .undo-tooltip, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions span.undo:hover .undo-tooltip {
  display: block;
  font-size: 1.2rem;
  height: auto;
  margin-left: -20px;
  position: absolute;
  width: auto;
  z-index: 9998;
  margin-top: 8px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions .delete-tooltip, .promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions .undo-tooltip, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions .delete-tooltip, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions .undo-tooltip {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions .delete-tooltip:hover, .promos-drawer-settings .promo-states-grid .table-promo-details .promo-actions .undo-tooltip:hover, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions .delete-tooltip:hover, .promos-drawer-edit .promo-states-grid .table-promo-details .promo-actions .undo-tooltip:hover {
  background-color: white;
}
.promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-details, .promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-value, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-details, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-value {
  opacity: 0.3;
}
.promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-state-label, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-state-label {
  background-color: #ebebeb;
  color: #727272;
}
.promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning svg, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning svg {
  fill: #727272;
  width: 15px;
}
.promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning svg path, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning svg path {
  fill: #727272;
}
.promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning:hover, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning:hover {
  cursor: default;
}
.promos-drawer-settings .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning:hover .warning-txt, .promos-drawer-edit .promo-states-grid .table-promo-details.undo-state .promo-state .has-warning:hover .warning-txt {
  display: none;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning {
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  top: -3px;
  display: inline-block;
  background: transparent;
  border-radius: 20px;
  width: 28px;
  height: 28px;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning i, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning i {
  left: 6px;
  position: relative;
  top: 5px;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning svg, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning svg {
  fill: #f36c00;
  width: 15px;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning svg path, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning svg path {
  fill: #f36c00;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning .warning-txt, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning .warning-txt {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
  z-index: 9998;
  margin-top: 12px;
  font-weight: normal;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning:hover, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning:hover {
  background-color: #eeeeee;
}
.promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt {
  display: block;
  position: absolute;
  width: 200px;
  left: -60px;
}
@media (max-width: 767px) {
  .promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt {
    left: 0px;
  }
}
.promos-drawer-settings .new-promo, .promos-drawer-edit .new-promo {
  margin-top: 32px;
  width: 100%;
}

.promos-drawer button.confirmer {
  width: 107px;
}

.drawer-wrapper.promos-drawer-edit .decimal-sup-convert {
  position: relative;
  font-weight: 600;
}
.drawer-wrapper.promos-drawer-edit .decimal-sup-convert .sup-style-decimals {
  top: -5px;
  font-weight: 400;
  margin-left: 2px;
  font-size: 11px;
}
.drawer-wrapper.promos-drawer-edit .mdc-text-field--focused.disabled .mdc-floating-label {
  color: #727272;
}
.drawer-wrapper.promos-drawer-edit .mdc-text-field--focused.disabled .mdc-notched-outline__leading,
.drawer-wrapper.promos-drawer-edit .mdc-text-field--focused.disabled .mdc-notched-outline__notch,
.drawer-wrapper.promos-drawer-edit .mdc-text-field--focused.disabled .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
  background: #f5f5f5;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty {
  margin-top: 10px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty .mdc-form-field {
  margin-left: -8px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty p {
  font-size: 1.4rem;
  color: #727272;
  margin: 7px 0 16px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty .discount-setter-content {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 214px auto;
  grid-gap: 20px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label {
  width: 100%;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-original-price {
  font-size: 1.2rem;
  color: #727272;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-final-price {
  font-size: 1.4rem;
  color: #292828;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-final-price span:first-child {
  font-weight: 600;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label {
  display: grid;
  grid-template-columns: auto 12px;
  grid-gap: 4px;
  align-items: center;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label span {
  color: #292828;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label i {
  display: block;
  width: 12px;
  height: 12px;
  color: #727272;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label i svg {
  width: 100%;
  height: 100%;
}
.drawer-wrapper.promos-drawer-edit .drawer-body [data-type=normal] {
  display: block;
}
.drawer-wrapper.promos-drawer-edit .drawer-body [data-type=normal] > span {
  font-weight: 600;
  font-size: 1.6rem;
  color: #292828;
}
.drawer-wrapper.promos-drawer-edit .drawer-body [data-type=fixed] {
  display: none;
}
.drawer-wrapper.promos-drawer-edit .drawer-body [data-type=flexed] {
  display: none;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=flexed] .drawer-body [data-type=normal] {
  display: none;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=flexed] .drawer-body [data-type=fixed] {
  display: none;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=flexed] .drawer-body [data-type=flexed] {
  display: block;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=flexed] .drawer-body [data-type=flexed] > span {
  font-weight: 600;
  font-size: 1.6rem;
  color: #292828;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=fixed] .drawer-body [data-type=normal] {
  display: none;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=fixed] .drawer-body [data-type=flexed] {
  display: none;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=fixed] .drawer-body [data-type=fixed] {
  display: block;
}
.drawer-wrapper.promos-drawer-edit[data-drawer-type=fixed] .drawer-body [data-type=fixed] > div > span {
  font-weight: 600;
  font-size: 1.6rem;
  color: #292828;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty .discount-setter-content {
  display: none;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty.active-checkbox .discount-setter-content {
  display: grid;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty {
  margin-top: 10px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty .mdc-form-field {
  margin-left: -8px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty p {
  font-size: 1.4rem;
  color: #727272;
  margin: 7px 0 16px;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label {
  display: grid;
  grid-template-columns: auto 12px;
  grid-gap: 4px;
  align-items: center;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label span {
  color: #292828;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label i {
  display: block;
  width: 12px;
  height: 12px;
  color: #727272;
}
.drawer-wrapper.promos-drawer-edit .discount-setter-loyalty label i svg {
  width: 100%;
  height: 100%;
}
.drawer-wrapper.promos-drawer-edit .RT-tooltip__content {
  max-width: 260px;
}

.promos-drawer-settings .promo-value {
  align-self: center;
  display: flex;
}
.promos-drawer-settings .promo-value .tooltip-trigger {
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
  height: 22px;
  background-color: transparent;
  width: 22px;
}
.promos-drawer-settings .promo-value .tooltip-trigger:hover {
  background-color: #eeeeee;
}
.promos-drawer-settings .promo-value .tooltip-trigger svg {
  fill: #727272;
  width: 14px;
  left: 4px;
  position: relative;
  top: 2px;
}
.promos-drawer-settings .promo-value .tooltip-trigger svg circle, .promos-drawer-settings .promo-value .tooltip-trigger svg path {
  fill: #727272;
}
.promos-drawer-settings .promo-value .tooltip-trigger:hover .hover-info {
  display: block;
  font-size: 1.4rem;
  position: absolute;
  width: 150px;
  margin-left: -40px;
  z-index: 9998;
}
.promos-drawer-settings .price-invitation .tooltip-trigger:hover .hover-info {
  margin-left: -130px;
}

.promos-deletion-detail-item + .promos-deletion-detail-item {
  margin-top: 12px;
}
.promos-deletion-detail-item p {
  margin: 0;
  font-size: 1.4rem;
}
.promos-deletion-detail-item p:first-child {
  font-weight: 600;
  margin-bottom: 12px;
}

.color-error-validation {
  border: solid 1px #f04e54 !important;
}

.color-error-validation-legend {
  color: #f04e54 !important;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.color-error-validation-input {
  border-color: #f04e54 !important;
}

[data-drawer-class=drawer-promo--DOD] .price-invitation {
  margin-top: 24px 0 20px;
}
[data-drawer-class=drawer-promo--DOD] .original-price {
  margin-bottom: 12px;
}
[data-drawer-class=drawer-promo--DOD] [data-id=drawer-info-alert] {
  margin-bottom: 24px;
}
[data-drawer-class=drawer-promo--DOD] [data-id=drawer-info-alert] span {
  font-weight: normal;
}
[data-drawer-class=drawer-promo--DOD] .info-text__label:not(.color-error-validation-legend) {
  font-size: 12px;
  font-weight: normal;
  color: #727272;
}

#drawerPromoSettings .mdc-text-field--focused.disabled .mdc-floating-label {
  color: #727272;
}
#drawerPromoSettings .mdc-text-field--focused.disabled .mdc-notched-outline__leading,
#drawerPromoSettings .mdc-text-field--focused.disabled .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
  background: #f5f5f5;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .original-price, #drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .price-invitation-title,
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .original-price,
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .price-invitation-title {
  display: none;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .RT-tooltip[datat-type=icon] .RT-tooltip__title i,
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .RT-tooltip[datat-type=icon] .RT-tooltip__title i {
  width: 14px;
  height: 14px;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .discount-setter-title > div > span,
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .discount-setter-title > div > span {
  font-size: 1.6rem;
  color: #292828;
  font-weight: 600;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .decimal-sup-convert,
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .decimal-sup-convert {
  position: relative;
  font-weight: 600;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .decimal-sup-convert .sup-style-decimals,
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .decimal-sup-convert .sup-style-decimals {
  top: -5px;
  font-weight: 400;
  margin-left: 2px;
  font-size: 11px;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .discount-setter-title [data-type=fixed] {
  display: none;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .discount-setter-loyalty .discount-setter-content {
  display: none;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FLEXIBLE_PERCENTAGE] .discount-setter-loyalty.active-checkbox .discount-setter-content {
  display: grid;
}
#drawerPromoSettings [data-drawer-class=drawer-promo--FIXED_PERCENTAGE] .discount-setter-title [data-type=flexible] {
  display: none;
}

.drawer-wrapper .discount-setter {
  padding: 16px 16px 24px;
  border: 1px solid #dbdbdb;
}
.drawer-wrapper .discount-setter .discount-setter-content {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 214px auto;
  grid-gap: 20px;
}
.drawer-wrapper .discount-setter label {
  width: 100%;
}
.drawer-wrapper .discount-setter .discount-setter-original-price {
  font-size: 1.2rem;
  color: #727272;
}
.drawer-wrapper .discount-setter .discount-setter-final-price {
  font-size: 1.4rem;
  color: #292828;
}
.drawer-wrapper .discount-setter .discount-setter-final-price span:first-child {
  font-weight: 600;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty {
  margin-top: 10px;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty .mdc-form-field {
  margin-left: -8px;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty p {
  font-size: 1.4rem;
  color: #727272;
  margin: 7px 0 16px;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty label {
  display: grid;
  grid-template-columns: auto 12px;
  grid-gap: 4px;
  align-items: center;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty label span {
  color: #292828;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty label i {
  display: block;
  width: 12px;
  height: 12px;
  color: #727272;
}
.drawer-wrapper .discount-setter .discount-setter-loyalty label i svg {
  width: 100%;
  height: 100%;
}

/* start - Compatibilidades Menu */
.incomplete-compatibilities-menu a.new-design[data-action-type=edit], .incomplete-compatibilities-menu a.new-design[data-action-type=add] {
  display: none;
}
.incomplete-compatibilities-menu[data-button-type=edit] a.new-design[data-action-type=edit] {
  display: block;
}
.incomplete-compatibilities-menu[data-button-type=add] a.new-design[data-action-type=add] {
  display: block;
}

/* end - Compatibilidades Menu */
@media (max-width: 767px) {
  #table-full-upload-history {
    min-width: 730px;
  }
  .promos-drawer .table-header-promos {
    display: none;
  }
  .promos-drawer #elegible-title {
    font-size: 1.6rem;
    font-weight: normal;
    color: #727272;
    margin: 12px 0 20px;
  }
  .promos-drawer .table-rows-promos {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    margin-bottom: 8px;
  }
  .promos-drawer .table-rows-promos .mdc-form-field {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
  }
  .promos-drawer .table-rows-promos .row-promos-container {
    display: inline-block;
    width: calc(100% - 45px);
    vertical-align: middle;
  }
  .promos-drawer .table-rows-promos .promo-title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #292828;
  }
  .promos-drawer .table-rows-promos .promo-daterange {
    font-size: 1.6rem;
    font-weight: normal;
    color: #292828;
  }
  .promos-drawer .table-rows-promos .limit-date {
    margin-top: 12px;
    padding: 18px 0;
    box-sizing: border-box;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
  .promos-drawer .table-rows-promos .limit-date::before {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 10px;
  }
  .promos-drawer .table-rows-promos .limit-date-info {
    font-size: 1.6rem;
    color: #292828;
    font-weight: normal;
  }
  .promos-drawer .table-rows-promos .promo-bonif-detail {
    padding: 18px 0 6px;
    box-sizing: border-box;
  }
  .promos-drawer .table-rows-promos .promo-bonif-detail::before {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 10px;
  }
  .promos-drawer .table-rows-promos .hover-date, .promos-drawer .table-rows-promos .hover-bonification {
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #dbdbdb;
    border-radius: 2px;
    display: none;
    padding: 12px 8px;
    min-width: 196px;
  }
  .promos-drawer .table-rows-promos .date-svg, .promos-drawer .table-rows-promos .bonif-svg {
    display: inline-block;
    width: 50%;
    max-width: 130px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #292828;
  }
  .promos-drawer .table-rows-promos .date-svg > span:first-child, .promos-drawer .table-rows-promos .bonif-svg > span:first-child {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
  }
  .promos-drawer .table-rows-promos .tooltip-trigger:hover .hover-date, .promos-drawer .table-rows-promos .tooltip-trigger:hover .hover-bonification {
    display: block;
    margin-left: -100px;
    max-width: 150px;
    position: absolute;
    z-index: 9;
  }
  .promos-drawer .table-rows-promos i svg {
    cursor: pointer;
  }
  .promos-drawer .table-rows-promos i svg path, .promos-drawer .table-rows-promos i svg circle {
    fill: #727272;
  }
  .promos-drawer .table-rows-promos.single-promo .limit-date::before {
    content: "";
    display: none;
  }
  .promos-drawer .table-rows-promos.single-promo .promo-bonif-detail::before {
    content: "";
    display: none;
  }
  .promos-drawer.drawer-wrapper .drawer-header,
  .promos-drawer-settings.drawer-wrapper .drawer-header,
  .promos-drawer-edit.drawer-wrapper .drawer-header {
    display: block;
  }
  .promos-drawer.drawer-wrapper .drawer-header__title,
  .promos-drawer-settings.drawer-wrapper .drawer-header__title,
  .promos-drawer-edit.drawer-wrapper .drawer-header__title {
    display: inline-block;
    width: 80%;
  }
  .promos-drawer.drawer-wrapper .drawer-header .close-this,
  .promos-drawer-settings.drawer-wrapper .drawer-header .close-this,
  .promos-drawer-edit.drawer-wrapper .drawer-header .close-this {
    display: inline-block;
    width: 20px;
    padding: 0;
  }
  .promos-drawer.drawer-wrapper .drawer-body,
  .promos-drawer-settings.drawer-wrapper .drawer-body,
  .promos-drawer-edit.drawer-wrapper .drawer-body {
    padding: 12px 16px;
  }
  .promos-drawer .price-invitation:not(#bonus-tooltip),
  .promos-drawer-settings .price-invitation:not(#bonus-tooltip),
  .promos-drawer-edit .price-invitation:not(#bonus-tooltip) {
    max-width: 284px;
    margin-bottom: 24px;
  }
  .promos-drawer .price-invitation-title,
  .promos-drawer-settings .price-invitation-title,
  .promos-drawer-edit .price-invitation-title {
    font-size: 1.8rem;
  }
  .promos-drawer .original-price,
  .promos-drawer-settings .original-price,
  .promos-drawer-edit .original-price {
    font-size: 1.6rem;
    line-height: 1;
  }
  .promos-drawer .widget-alert span,
  .promos-drawer-settings .widget-alert span,
  .promos-drawer-edit .widget-alert span {
    font-size: 1.6rem;
  }
  .promos-drawer .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt,
  .promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt,
  .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .has-warning:hover .warning-txt {
    margin-left: -58px;
    font-size: 1.4rem;
  }
  .promos-drawer.drawer-wrapper .drawer-footer,
  .promos-drawer-settings.drawer-wrapper .drawer-footer,
  .promos-drawer-edit.drawer-wrapper .drawer-footer {
    padding: 16px 12px;
    width: 100%;
    box-sizing: border-box;
    height: 68px;
  }
  .promos-drawer.drawer-wrapper .drawer-footer .buttons-in-ft,
  .promos-drawer-settings.drawer-wrapper .drawer-footer .buttons-in-ft,
  .promos-drawer-edit.drawer-wrapper .drawer-footer .buttons-in-ft {
    padding: 0 12px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    max-width: 326px;
  }
  .promos-drawer.drawer-wrapper .drawer-footer .buttons-in-ft button,
  .promos-drawer-settings.drawer-wrapper .drawer-footer .buttons-in-ft button,
  .promos-drawer-edit.drawer-wrapper .drawer-footer .buttons-in-ft button {
    width: 124px;
  }
  .promos-drawer.drawer-wrapper .drawer-footer .buttons-in-ft button:last-child,
  .promos-drawer-settings.drawer-wrapper .drawer-footer .buttons-in-ft button:last-child,
  .promos-drawer-edit.drawer-wrapper .drawer-footer .buttons-in-ft button:last-child {
    float: right;
  }
  .promos-drawer .price-setter.stock-setter,
  .promos-drawer-settings .price-setter.stock-setter,
  .promos-drawer-edit .price-setter.stock-setter {
    margin-bottom: 24px;
  }
  .promos-drawer-settings.drawer-wrapper .drawer-header.arrowed-grid-header .arrow-back-first-step {
    padding: 0;
    margin: 0 10px 0 -8px;
  }
  .promos-drawer-settings.drawer-wrapper .drawer-header.arrowed-grid-header .arrow-back-first-step i svg {
    left: 0px;
    top: 4px;
  }
  .promos-drawer-settings .promo-listing-grid .table-header {
    display: none;
  }
  .promos-drawer-settings .promo-listing-grid #setting-table-row {
    box-sizing: border-box;
    padding: 16px 12px 12px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
  }
  .promos-drawer-settings .promo-listing-grid #setting-table-row .table-promo-details {
    background-color: white;
  }
  .promos-drawer-settings .widget-alert {
    margin: 12px 0 0;
  }
  .promos-drawer-settings .promo-listing-grid {
    margin-top: 24px;
  }
  .promos-drawer-settings .promo-name {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .promos-drawer-settings .promo-validthrough {
    font-size: 1.6rem;
    line-height: 1;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 12px;
    font-weight: normal;
  }
  .promos-drawer-settings #bonus-tooltip .info-drawer-mobile {
    font-weight: normal;
    margin-right: 16px;
  }
  .promos-drawer-settings #priceSetterLabel {
    margin-top: 28px;
  }
  .promos-drawer-settings #errorPriceSetter {
    line-height: 1;
    margin: 4px 4px 0;
  }
  .promos-drawer-settings label#stockSetterLabel {
    margin-top: 8px;
  }
  .promos-drawer-settings [data-drawer-class=drawer-promo--LIGHTNING] .promos-drawer-settings .promo-listing-grid {
    margin-bottom: 40px;
  }
  .promos-drawer-settings .price-invitation .tooltip-trigger {
    position: relative;
  }
  .promos-drawer-settings .price-invitation .tooltip-trigger:hover .hover-info {
    margin-left: -8px;
    font-size: 1.4rem;
  }
  .promos-drawer-edit .price-header-block {
    margin-bottom: 18px;
  }
  .promos-drawer-edit .price-header-block .original-price {
    margin: 16px 0 20px;
  }
  .promos-drawer-edit .promo-states-grid .table-header {
    display: none;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    margin-bottom: 8px;
    background: white;
    display: flex;
    flex-wrap: wrap;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details.undo-state {
    background: #f5f5f5;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-details {
    order: 0;
    width: 85%;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-details .promo-name {
    line-height: 1;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-details .promo-name span {
    font-weight: 600;
    font-size: 1.6rem;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-details .promo-validthrough {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 8px;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-details span.promo-detail-info {
    font-size: 1.4rem;
    line-height: 1;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-value {
    order: 2;
    width: 100%;
    margin: 12px 0;
    padding: 18px 0;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-value span.info-drawer-mobile {
    margin-right: 16px;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-value span.tooltip-trigger {
    margin-top: -4px;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-state {
    order: 3;
    width: 100%;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-state span.info-drawer-mobile {
    margin-right: 16px;
  }
  .promos-drawer-edit #promoEditContainer .table-promo-details .promo-actions {
    order: 1;
    width: 15%;
    align-self: normal;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .info-drawer-mobile {
    display: none;
  }
  #drawerPromoList, #drawerPromoSettings {
    width: 520px;
  }
  #drawerPromoList.sliding-drawer.drawer-wrapper, #drawerPromoSettings.sliding-drawer.drawer-wrapper {
    width: 520px;
  }
  #drawerPromoList.sliding-drawer.drawer-wrapper .drawer-body, #drawerPromoSettings.sliding-drawer.drawer-wrapper .drawer-body {
    padding: 12px 23px;
  }
  #drawerPromoList.sliding-drawer.drawer-wrapper.is-hidden, #drawerPromoSettings.sliding-drawer.drawer-wrapper.is-hidden {
    right: -520px;
  }
  .promos-drawer p {
    color: #292828;
  }
  .promos-drawer #elegible-title {
    font-weight: normal;
  }
  .promos-drawer .promo-list-wrapper {
    color: #292828;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos {
    background-color: #dbdbdb;
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: 48px 160px 138px 2fr;
    padding: 12px 0;
    margin-bottom: 4px;
    font-weight: normal;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos.single-promo {
    padding: 12px 29px;
    grid-template-columns: 0 148px 2fr 2fr;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos i svg {
    cursor: pointer;
    left: 4px;
    position: relative;
    top: 2px;
    width: 12px;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos i svg path, .promos-drawer .promo-list-wrapper .table-header-promos i svg circle {
    fill: #727272;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .hover-date, .promos-drawer .promo-list-wrapper .table-header-promos .hover-bonification {
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #dbdbdb;
    border-radius: 2px;
    display: none;
    padding: 12px 8px;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .date-svg > span:first-child {
    width: 20px;
    height: 20px;
    background-color: #dbdbdb;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .date-svg > span:first-child:hover {
    background-color: #eeeeee;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .date-svg > span:first-child:hover i svg path, .promos-drawer .promo-list-wrapper .table-header-promos .date-svg > span:first-child:hover i svg circle {
    fill: #292828;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .date-svg .hover-date {
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #dbdbdb;
    border-radius: 2px;
    display: none;
    padding: 12px 8px;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .date-svg .tooltip-trigger:hover .hover-date {
    display: block;
    margin-left: -100px;
    max-width: 150px;
    position: absolute;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .bonif-svg > span:first-child {
    width: 20px;
    height: 20px;
    background-color: #dbdbdb;
    display: inline-block;
    border-radius: 50%;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .bonif-svg > span:first-child:hover {
    background-color: #eeeeee;
    color: #292828;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .bonif-svg > span:first-child:hover i svg path, .promos-drawer .promo-list-wrapper .table-header-promos .bonif-svg > span:first-child:hover i svg circle {
    fill: #292828;
  }
  .promos-drawer .promo-list-wrapper .table-header-promos .bonif-svg .tooltip-trigger:hover .hover-bonification {
    display: block;
    font-size: 14px;
    margin-left: -140px;
    max-width: 175px;
    position: absolute;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos {
    display: grid;
    grid-template-columns: 48px 160px 138px 2fr;
    grid-column-gap: 0px;
    padding: 12px 0;
    font-size: 14px;
    font-weight: normal;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos.single-promo {
    grid-template-columns: 12px 3fr 2fr 2fr;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos.single-promo .mdc-form-field {
    display: none;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos .promo-title {
    font-weight: 600;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos .mdc-radio {
    margin-left: 14px;
    overflow: hidden;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos .limit-date, .promos-drawer .promo-list-wrapper .table-rows-promos .promo-bonif-detail {
    align-self: center;
    justify-self: center;
    display: grid;
    grid-template-columns: 94px 40px;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos .limit-date span, .promos-drawer .promo-list-wrapper .table-rows-promos .promo-bonif-detail span {
    text-align: center;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos:nth-of-type(odd) {
    background-color: #f5f5f5;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos:nth-of-type(even) {
    background-color: #fbfbfb;
  }
  .promos-drawer .promo-list-wrapper .table-rows-promos.unique-promo {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr;
    padding: 12px 29px;
  }
  .promos-drawer-settings .promo-listing-grid, .promos-drawer-edit .promo-listing-grid {
    margin-top: 44px;
  }
  .promos-drawer-settings .promo-listing-grid .table-header, .promos-drawer-settings .promo-listing-grid .table-promo-details, .promos-drawer-edit .promo-listing-grid .table-header, .promos-drawer-edit .promo-listing-grid .table-promo-details {
    display: grid;
    grid-template-columns: 4fr 1fr;
  }
  .promos-drawer-settings .promo-listing-grid .table-header, .promos-drawer-edit .promo-listing-grid .table-header {
    background-color: #dbdbdb;
    color: #292828;
    margin-bottom: 4px;
    padding: 12px;
  }
  .promos-drawer-settings .promo-listing-grid .table-promo-details, .promos-drawer-edit .promo-listing-grid .table-promo-details {
    padding: 12px;
  }
  .promos-drawer-settings .promo-listing-grid .table-promo-details:nth-child(even), .promos-drawer-edit .promo-listing-grid .table-promo-details:nth-child(even) {
    background-color: #fbfbfb;
  }
  .promos-drawer-settings .promo-listing-grid .table-promo-details:nth-child(odd), .promos-drawer-edit .promo-listing-grid .table-promo-details:nth-child(odd) {
    background-color: #f5f5f5;
  }
  .promos-drawer-settings .promo-listing-grid .table-promo-details .promo-value, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-value {
    justify-self: center;
  }
  .promos-drawer-settings .promo-listing-grid .table-promo-details .promo-details .promo-name, .promos-drawer-edit .promo-listing-grid .table-promo-details .promo-details .promo-name {
    font-weight: 400;
    min-height: 28px;
  }
  .promos-drawer-settings .promo-states-grid .table-promo-details, .promos-drawer-edit .promo-states-grid .table-promo-details {
    display: grid;
    grid-template-columns: 6.5fr 1.8fr 2.4fr 50px;
    grid-column-gap: 12px;
    padding: 12px;
  }
  .promos-drawer-settings .promo-states-grid .table-promo-details:nth-child(even), .promos-drawer-edit .promo-states-grid .table-promo-details:nth-child(even) {
    background: #fbfbfb;
  }
  .promos-drawer-settings .promo-states-grid .table-promo-details:nth-child(odd), .promos-drawer-edit .promo-states-grid .table-promo-details:nth-child(odd) {
    background: #f5f5f5;
  }
}
@media (max-width: 550px) {
  .container-new-details:not(.disabled) {
    padding: 2%;
    position: relative;
    display: flex;
    justify-content: center;
    left: 88%;
    top: 0%;
    width: 28px;
    height: 28px;
    align-items: center;
  }
  .container-new-details:hover {
    background-color: transparent;
    border-radius: 20px;
  }
  .new-menu-details svg {
    position: relative;
    top: -400px;
  }
  .widget-listings-item-score-graph {
    position: relative;
    grid-area: graph;
  }
  .widget-listings-item-info .widget-listings-item-info-title {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #292828;
    max-height: 45px;
    width: 100%;
    float: right;
    text-overflow: ellipsis;
  }
  .widget-listings-item-thumb {
    position: absolute;
    margin-top: 25px;
  }
  .widget-listings-item-info-type.new-design-listings {
    top: 0px;
    margin-left: 61px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    left: -32px;
  }
  .widget-listings-item-data {
    grid-area: list-item-data;
    align-self: center;
    margin-left: 160px;
    position: relative;
    top: 110px;
  }
  .container-catalog-empty-state {
    right: -18px;
    height: 80px;
    position: relative;
    grid-area: graph;
    margin-right: 75%;
    top: 75%;
  }
  .container-catalog-empty-state i svg {
    margin-top: 4%;
    width: 52px;
    margin-left: 24%;
    height: 52px;
  }
  .catalog-listing-span.row-quality {
    width: 100px;
    display: inline-flex;
    margin-left: 14%;
  }
  .link-icon.new-design {
    margin-left: 1px;
  }
  .tooltip-info .tiptext-new-design {
    left: -50px;
  }
  .tooltip-info.new-design {
    left: 0;
  }
  .label_type.classic.new-design {
    margin-left: -51px;
  }
  .widget-listings-list-item {
    margin-top: -10px;
    padding-bottom: 24px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated {
    display: flex;
    flex-wrap: wrap;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .label_type.classic.new-design {
    margin-left: 0px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-reason {
    position: relative;
    order: 0;
    margin-bottom: 0;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info {
    position: relative;
    order: 1;
    width: 88%;
    margin-top: 0;
    margin-bottom: 0px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info .container-title {
    margin-top: 12px;
    position: relative;
    display: block;
    left: 0;
    text-align: right;
    padding-top: 8px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info .container-title-span-row {
    text-align: left;
    position: relative;
    width: 165px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info .widget-listings-item-info-title {
    min-height: 86px;
    max-height: initial;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info .widget-listings-item-info-id {
    margin-top: 10px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-thumb {
    position: relative;
    order: 3;
    top: -156px;
    z-index: 1;
    float: left;
    width: 100%;
    height: 0;
    box-sizing: border-box;
    padding: 0;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-thumb img {
    margin-top: 0;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info-price {
    position: relative;
    order: 4;
    margin-top: -10px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-info-price .price-list-item-top {
    top: 20px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-data {
    position: relative;
    order: 5;
    margin-top: -10px;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .widget-listings-item-data .widget-listings-item-data-number div:first-child {
    max-width: 44px;
    text-align: left;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .container-new-details {
    position: relative;
    order: 2;
    left: 0;
    box-sizing: border-box;
    margin-top: 34px;
    width: 12%;
    padding: 0 0 0 4%;
  }
  .widget-listings-list-item.widget-listings-list-item__moderated .container-new-details .new-menu-details svg {
    top: 0;
    left: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) {
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: initial !important;
    grid-template-areas: initial !important;
    grid-template-columns: initial !important;
    margin-top: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-reason {
    display: block;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-reason:first-child {
    order: 0;
    margin: 0 0 16px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-reason:nth-child(2) {
    order: 1;
    margin: 0 0 16px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-reason .widget-alert.warning.reason {
    margin: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info {
    position: relative;
    order: 4;
    width: 88%;
    margin: -62px 0 20px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-title {
    margin-top: 12px;
    position: relative;
    display: block;
    left: 0;
    text-align: right;
    padding-top: 8px;
    box-sizing: border-box;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-title span.span-listings-info-title {
    font-size: 1.8rem;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-title-span-row {
    text-align: left;
    position: relative;
    width: 160px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .widget-listings-item-info-title {
    min-height: 86px;
    max-height: initial;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .widget-listings-item-info-id {
    margin-top: 20px;
    top: 0;
    height: 16px;
    right: 0;
    width: 100%;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .shipping-full {
    top: 16px;
    left: 8px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-labels-elegibility .bt-primary-discount-label:hover .elegible-discount {
    margin-left: -32px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-labels-elegibility .bt-primary-promos-label:hover .elegible-promos {
    margin-left: -40px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-labels-elegibility .bt-primary.catalogo:hover .elegible-catalogue {
    margin-left: -34px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .price-list-item-top {
    top: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-thumb {
    position: relative;
    order: 2;
    top: 38px;
    z-index: 1;
    float: left;
    width: 88%;
    height: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    align-self: initial;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-thumb img {
    margin-top: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price {
    position: relative;
    order: 5;
    width: 100%;
    margin-top: 0px;
    top: 0;
    left: 0;
    margin-bottom: 12px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .show-disounts-item {
    display: none !important;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .price-discount-item {
    display: inline-block;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .price-best-discount-item {
    display: inline-block;
    margin-top: 0px;
    width: 50%;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .price-list-item-top {
    top: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price span.price-discount.decimal-sup-convert,
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price span.price-best-discount.decimal-sup-convert {
    font-size: 2.2rem;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .container-disc-applied {
    margin-left: 4px;
    margin-right: 12px;
    font-size: 1.4rem;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .tooltip-info.new-design.discount, .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .tooltip-info.new-design.cat-killer, .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .tooltip-info.new-design.promos {
    width: 20px;
    height: 20px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .tooltip-info.new-design.discount {
    margin-top: 6px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .tooltip-info.new-design.discount i {
    top: 2px;
    right: 2px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .tooltip-info.new-design.promos {
    margin-top: -2px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .class-discount-applied {
    font-size: 1.4rem;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .class-discount-applied:not(span) {
    margin-top: 0px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .class-discount-applied .price-list-with-discount {
    margin-top: 3px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-data {
    position: relative;
    order: 6;
    top: 0;
    display: inline-block;
    width: 50%;
    margin: 0;
    left: 0;
    box-sizing: border-box;
    margin-top: 24px;
    padding-left: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-data .widget-listings-item-data-number div:first-child {
    text-align: left;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .container-new-details {
    position: relative;
    order: 3;
    left: 0;
    box-sizing: border-box;
    margin-top: 34px;
    width: 12%;
    padding: 0 0 0 4%;
    top: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .container-new-details .new-menu-details svg {
    position: relative;
    top: 0;
    left: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .container-new-details .tiptext-new-design-icon {
    top: 30px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .container-labels-elegibility {
    bottom: 0px;
    position: relative;
    top: 0px;
    left: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score {
    order: 5;
    top: 0;
    display: inline-block;
    width: 50%;
    margin-top: 0;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .c100.center.new-design.row-quality {
    font-size: 64px;
    left: 0;
    margin: 1px auto;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .circle-lateral.row-quality {
    left: 50px;
    top: 20px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .number-health.row-quality {
    top: 20px;
    font-size: 22px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .health-level {
    display: none;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-catalog-competing,
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-catalog-winning,
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-catalog-not-listed {
    float: right;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-state-catalog.competing-color, .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-state-catalog.winning-color {
    left: 0;
    top: 24px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-state-catalog.sharing-first-place-color {
    left: 0;
    top: 24px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .container-state-catalog.not-listed-color {
    left: 0;
    margin-top: 18px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-score .catalog-listing-span.row-quality {
    width: 100%;
    display: block;
    margin-left: 0;
    text-align: center;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) span.container-link-listing {
    display: inline-block;
    width: 60%;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-type.new-design-listings {
    display: inline-block;
    width: 30%;
    left: 0;
    margin-left: 0;
    box-sizing: border-box;
  }
  .widget-alert__moderated--row-item a {
    display: block;
  }
  .widget-denounced--row-item a {
    display: block;
  }
  .container-tooltip .label_type.classic.new-design {
    margin-left: 0;
  }
  .widget-listings-item-info-price {
    top: 160px;
    left: 16px;
  }
  .details-score .type-quality {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #292828;
    margin-top: 19px;
    width: 220px;
  }
  .tiptext-new-design.type-quality {
    top: 25px;
  }
  .container-title-span-row {
    display: inline-flex;
    overflow: visible;
    position: absolute;
    width: 170px;
    top: -10px;
  }
  .widget-listings-list-item__moderated .widget-listings-item-info {
    margin-left: 0;
  }
  .widget-listings-list-item__moderated .widget-listings-item-info .widget-listings-item-info-title {
    font-size: 16px;
  }
  .widget-listings-list-item__moderated .widget-listings-item-thumb {
    margin-left: 0;
  }
  .widget-listings-list-item__moderated .widget-listings-item-thumb img {
    margin-top: 12px;
  }
  .widget-listings-list-item__moderated .widget-listings-item-info-id {
    right: 0;
    top: 0px;
    display: block;
  }
  .widget-listings-list-item__moderated .widget-listings-item-info-price {
    left: 0;
    display: block;
    position: relative;
    top: 0px;
  }
  .widget-listings-list-item__moderated .widget-listings-item-data {
    margin-left: 0;
    top: 0px;
  }
  .widget-listings-list-item__moderated .widget.widget-listings-list .widget-listings-item-data-number div:first-child {
    max-width: 36px;
    text-align: left;
  }
  .widget-listings-list-item__moderated .new-menu-details svg {
    top: 0;
  }
}
@media (max-width: 768px) {
  .widget-listings-list-item {
    grid-template-columns: 1fr 2fr 2fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "reasons reasons reasons reasons" "list-item-thumb list-item-info list-item-info list-item-button" "list-item-price list-item-price list-item-price list-item-price" "list-item-score list-item-score list-item-data list-item-data";
  }
}
@media (max-width: 320px) {
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .container-disc-applied {
    margin-left: 2px;
    margin-right: 0;
    font-size: 1.4rem;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-price .price-discount-item {
    margin-right: 10px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info-type.new-design-listings {
    display: inline-block;
    width: 25%;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) span.container-link-listing {
    width: 70%;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info {
    width: 94%;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info .container-title-span-row {
    width: 136px;
    right: 4px;
  }
  .widget-listings-list-item:not(.widget-listings-list-item__moderated) .widget-listings-item-info span.span-listings-info-title {
    font-size: 1.8rem;
  }
}
.secondary-md.secondary-md--icon.listings-exports i svg g path {
  fill: #4194d8;
}
.secondary-md.secondary-md--icon.listings-exports i svg line {
  fill: #4194d8;
  stroke: #4194d8;
}

.modal-backdrop.fade.in + .modal-backdrop.fade.in {
  z-index: 9998 !important;
}

#confirmEditCompModal .modal-dialog {
  width: 600px;
}
#confirmEditCompModal .modal-dialog .modal-content {
  color: #292828;
  border: 3px solid #ffe5ac;
}
#confirmEditCompModal .modal-dialog .modal-content .modal-header {
  background-color: #ffe5ac;
}
#confirmEditCompModal .modal-dialog .modal-content .modal-header h4 {
  margin-top: -7px;
  color: #292828;
  font-size: 16px;
}
#confirmEditCompModal .modal-dialog .modal-content .modal-header h4:not(.title__icon)::before {
  background-image: url("../img/Alertas-indicadores/Information-modal.db0e6f41c993.svg");
  height: 23px;
  width: 36px;
  background-position: 11px 1px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  top: 5px;
  left: -12px;
  margin-right: -3px;
  position: relative;
  background-size: 22px;
}
#confirmEditCompModal .modal-dialog .modal-content .spinner-wrapper {
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 4px);
  top: 50%;
  background: rgba(255, 255, 255, 0.85);
  padding: 0;
  display: grid;
  align-items: center;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  border-radius: 4px;
}
#confirmEditCompModal.active-loader .modal-dialog .modal-content {
  overflow: initial;
}
#confirmEditCompModal .modal-body p {
  line-height: 17px;
}
#confirmEditCompModal .modal-body .widget-alert.active {
  display: grid;
}
#confirmEditCompModal .modal-footer button {
  font-size: 14px;
  margin-left: 14px;
  width: 130px;
}
#confirmEditCompModal .modal-footer button#confirmEditAll:hover {
  background: #236da9;
}

#drawerDenounced .drawer-body .container-body-grid {
  margin: 10px 3px 63px;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-text {
  margin-bottom: 23px;
  font-size: 14px;
  color: #292828;
  font-weight: 400;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-text span a.link-for-article {
  color: #4194d8;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-text span a.link-for-article:hover {
  color: #236da9;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-alert .widget-alert.warning {
  display: flex;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-denounced {
  margin-top: -4px;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-denounced .container-explain-name span {
  font-size: 16px;
  color: #292828;
  font-weight: 600;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-denounced .container-explain-box {
  width: 452px;
  height: 80px;
  border: solid 1px #b7b7b7;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding: 7px 0;
}
#drawerDenounced .drawer-body .container-body-grid .container-explain-denounced .container-explain-box span.explain-text {
  padding: 12px 20px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box {
  margin-top: 28px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .container-answer-title span {
  font-size: 14px;
  color: #292828;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .container-answer-title #titleBoxAnswer {
  font-size: 16px;
  color: #292828;
  font-weight: 600;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt {
  margin-top: 25px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt textarea {
  width: 452px;
  height: 114px;
  border-radius: 4px;
  resize: none;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt textarea .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading {
  border: solid 1px #4194d8;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt textarea::-webkit-input-placeholder {
  padding: 12px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt textarea::-moz-placeholder {
  padding: 12px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt textarea::-ms-input-placeholder {
  padding: 12px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt .mdc-text-field + .mdc-text-field-helper-line {
  margin-right: -165px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  width: auto !important;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt .mdc-text-field.mdc-text-field--focused .mdc-notched-outline__notch:not(.mdc-text-field--textarea) {
  width: 90px !important;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-box .answer-box-txt .mdc-text-field.mdc-text-field--focused .mdc-floating-label.mdc-floating-label--float-above {
  font-size: 12px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document {
  width: fit-content;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document #containerBoxDenounced:hover ~ .img-pdf i svg {
  cursor: pointer;
  color: #292828;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document #containerBoxDenounced:hover {
  cursor: pointer;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-img-file {
  width: 452px;
  height: 100px;
  border: solid 1px #b7b7b7;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-img-file .img-pdf {
  width: 20px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-img-file .text-to-upload {
  margin-left: 20px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-img-file .text-to-upload.file-success-click {
  pointer-events: none;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-img-file.file-success {
  justify-content: center;
  align-items: flex-start;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-edit-file {
  width: 32px;
  height: 32px;
  position: relative;
  left: -48px;
  top: 4px;
  border-radius: 50%;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-edit-file:hover {
  background-color: #dbdbdb;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-edit-file .container-icon i svg {
  width: 14px;
  height: 14px;
  position: relative;
  top: 8px;
  left: 8px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-document-box .container-edit-file .container-icon i svg g g path {
  fill: #727272;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-documents {
  width: 96%;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-document .container-documents .texts-documents {
  font-size: 12px;
}
#drawerDenounced .drawer-body .container-body-grid .container-answer-alert {
  margin-top: 23px;
}
#drawerDenounced .drawer-footer.denounced-footer button {
  margin-left: 8px;
}
#drawerDenounced .drawer-footer.denounced-footer button.mdc-button.primary-md {
  width: 100%;
  max-width: 175px;
}

.error-upload {
  border: solid 1px #f04e54 !important;
}

.text-to-upload-error {
  color: #f04e54;
  font-size: 12px;
  margin-bottom: 4px;
}

.collapsible-details .listing-action.inline-style {
  display: flex;
}

.box-waiting-status-border {
  border-color: #b7b7b7;
}

.box-waiting-status-font {
  color: #727272;
}

.box-waiting-status-background {
  background-color: snow;
}

.box-status-border {
  border-color: #4194d8;
}

.box-status-font {
  color: #4194d8;
}

.box-status-background {
  background-color: transparent;
}

.label-styles {
  background-color: white;
  pointer-events: all;
}

.disabled-input {
  background: whitesmoke;
  border-color: #b7b7b7 !important;
}

.bold-text {
  font-weight: 600;
}

#loaderContainer.loader-container-compatibilities {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -webkit-fill-available;
  position: absolute;
  height: 716px;
  background: white;
  z-index: 9995;
  opacity: 80%;
}

#incomplete-compatibilities-modal #emptyStateWidgetError .txt-explain .strong-title-error {
  font-weight: 600;
}

.non-events {
  pointer-events: none;
}

.shopping-experience-container {
  grid-area: shopping-experience;
  align-self: center;
}
.shopping-experience-container .metric-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
.shopping-experience-container .metric-container p.metric-description {
  margin: 0;
  padding: 4px 0 0 0;
  font-size: 14px;
  font-weight: 400;
}
.shopping-experience-container .metric-container .metric-description {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 4px;
}
.shopping-experience-container .metric-container .metric-description p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.shopping-experience-container .metric-container .metric-description p .tooltip.bottom {
  margin: 4px 0 0 -102px;
  padding: 0;
}
.shopping-experience-container .metric-container .metric-description p .tooltip .tooltip-arrow {
  display: none;
}
.shopping-experience-container .metric-container .metric-description p .tooltip .tooltip-inner {
  width: 264px;
  text-align: left;
  line-height: 20px;
  border-radius: 0;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  opacity: 1;
  background-color: #FFFFFF;
  color: #292828;
  padding: 12px 8px;
}
.shopping-experience-container .metric-container .metric-description p .tooltip.in {
  opacity: 1;
}
.shopping-experience-container .metric-container .metric-description p i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.shopping-experience-container .metric-container .metric-description p i:hover {
  cursor: default;
  background-color: #eeeeee;
}
.shopping-experience-container .metric-container .metric-description p i svg {
  position: unset;
  top: 0;
  width: 14px;
  height: 14px;
}
.shopping-experience-container .metric-container .metric-description a {
  font-size: 14px;
  text-decoration: none;
  color: #236da9;
}
.shopping-experience-container .metric-container .metric-description a:hover {
  text-decoration: none;
  color: #17507f;
}

.widget-listings-item-score {
  grid-area: list-item-score;
  display: grid;
  grid-template-areas: "publication-quality" "shopping-experience";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  gap: 24px;
}
.widget-listings-item-score .publication-quality-container {
  grid-area: publication-quality;
  align-self: flex-end;
}
.widget-listings-item-score .catalog-status-section {
  grid-area: publication-quality;
  align-self: center;
}
.widget-listings-item-score .catalog-status-section .container-state-catalog {
  position: unset;
  transform: none;
  width: fit-content;
  height: fit-content;
  padding: 4px 8px;
  margin: 0 auto;
}
.widget-listings-item-score .publication-quality-container .metric-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
}
.widget-listings-item-score .publication-quality-container .metric-container p.metric-description {
  margin: 0;
  padding: 4px 0 0 0;
  font-size: 14px;
  font-weight: 400;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p .tooltip.bottom {
  margin: 4px 0 0 -102px;
  padding: 0;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p .tooltip .tooltip-arrow {
  display: none;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p .tooltip .tooltip-inner {
  width: 264px;
  text-align: left;
  line-height: 20px;
  border-radius: 0;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  opacity: 1;
  background-color: #FFFFFF;
  color: #292828;
  padding: 12px 8px;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p .tooltip.in {
  opacity: 1;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p i:hover {
  cursor: default;
  background-color: #eeeeee;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description p i svg {
  position: unset;
  top: 0;
  width: 14px;
  height: 14px;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description a {
  font-size: 14px;
  text-decoration: none;
  color: #236da9;
}
.widget-listings-item-score .publication-quality-container .metric-container .metric-description a:hover {
  text-decoration: none;
  color: #17507f;
}

.widget-listings-item-info-price .price-list-item-top {
  justify-content: flex-start;
}
.widget-listings-item-info-price .price-per-quantity-section {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 4px;
  margin-top: 4px;
}
.widget-listings-item-info-price .price-per-quantity-section p {
  color: #727272;
  font-size: 14px;
  margin: 0;
}
.widget-listings-item-info-price .price-per-quantity-section .price-per-quantity-detail.one-price .RT-tooltip__content {
  left: -24px;
}
.widget-listings-item-info-price .price-per-quantity-section .price-per-quantity-detail .RT-tooltip__content {
  min-width: 188px;
  left: -40px;
}
.widget-listings-item-info-price .price-per-quantity-section .price-per-quantity-detail .RT-tooltip__content ul {
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
  list-style: none;
}
.widget-listings-item-info-price .price-per-quantity-section .price-per-quantity-detail .RT-tooltip__content ul li {
  display: flex;
  justify-content: space-between;
}

.widget-shopping-experience {
  margin-bottom: 40px;
}
.widget-shopping-experience .tooltip {
  position: fixed;
}
.widget-shopping-experience .tooltip.bottom {
  margin: 4px 0 0 0px;
  padding: 0;
}
.widget-shopping-experience .tooltip .tooltip-arrow {
  display: none;
}
.widget-shopping-experience .tooltip .tooltip-inner {
  max-width: 264px;
  text-align: left;
  line-height: 20px;
  border-radius: 0;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  opacity: 1;
  background-color: #FFFFFF;
  color: #292828;
  padding: 12px 8px;
}
.widget-shopping-experience .tooltip.in {
  opacity: 1;
}
.widget-shopping-experience i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.widget-shopping-experience i:hover {
  cursor: default;
  background-color: #eeeeee;
}
.widget-shopping-experience i svg {
  position: unset;
  top: 0;
  width: 14px;
  height: 14px;
}
.widget-shopping-experience .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.widget-shopping-experience .loading-container .mdc-circular-progress {
  width: 64px;
  height: 64px;
}
.widget-shopping-experience .widget-title.new-design {
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  line-height: 32px;
  color: #727272;
  margin: 0;
  padding: 10px 0 24px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.widget-shopping-experience .widget-content {
  display: grid;
  grid-template-areas: "alert alert" "metric-box metric-box" "distribution-by-problem-graphic-box problem-description-table-box";
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto;
  gap: 16px;
}
.widget-shopping-experience .widget-content .widget-alert {
  margin: 0px;
  grid-area: alert;
}
.widget-shopping-experience .widget-content .widget-box {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}
.widget-shopping-experience .widget-content .widget-box.metric-box {
  padding: 42px 32px 42px 64px;
  grid-area: metric-box;
  min-height: 168px;
  box-sizing: border-box;
  display: grid;
}
.widget-shopping-experience .widget-content .widget-box.metric-box .metric-information-container {
  display: grid;
  grid-template-areas: "graphic title buttons" "graphic description buttons";
  grid-template-columns: 0.5fr 2fr 2fr;
  gap: 8px;
}
.widget-shopping-experience .widget-content .widget-box.metric-box .metric-information-container .metric-graphic {
  grid-area: graphic;
  align-self: center;
}
.widget-shopping-experience .widget-content .widget-box.metric-box .metric-information-container .metric-title {
  padding: 0;
  margin: 0;
  grid-area: title;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.widget-shopping-experience .widget-content .widget-box.metric-box .metric-information-container .metric-description {
  padding: 0;
  margin: 0;
  grid-area: description;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.widget-shopping-experience .widget-content .widget-box.metric-box .metric-information-container .metric-buttons {
  grid-area: buttons;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box {
  grid-area: distribution-by-problem-graphic-box;
  padding: 32px 24px;
  min-height: 394px;
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .loading-container {
  margin: auto 0;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container canvas {
  margin-top: 40px;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container .custom-legend-container {
  margin-top: 36px;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container .custom-legend-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  gap: 16px;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container .custom-legend-container ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row nowrap;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #292828;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container .custom-legend-container ul li span {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.widget-shopping-experience .widget-content .widget-box.distribution-by-problem-graphic-box .distribution-by-problem-graphic-container .custom-legend-container ul li p {
  margin: 0;
  padding: 0;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box {
  grid-area: problem-description-table-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column nowrap;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table {
  display: grid;
  grid-template-areas: "table-head" "table-body";
  grid-template-columns: 1fr;
  place-content: flex-start;
  width: 100%;
  height: 100%;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table thead {
  background-color: #f5f5f5;
  border-radius: 4px 4px 0 0;
  grid-area: table-head;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table thead tr {
  display: flex;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table thead tr th {
  padding: 16px 24px;
  font-size: 14px;
  line-height: 17px;
  width: 50%;
  font-weight: 400;
  color: #292828;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody {
  grid-area: table-body;
  max-height: 410px;
  overflow-y: auto;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
  visibility: hidden;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody::-webkit-scrollbar-corner {
  background-color: transparent;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr {
  display: flex;
  border-bottom: 1px solid #eeeeee;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td {
  width: 50%;
  padding: 16px 24px;
  min-height: 118px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data {
  flex-flow: column nowrap;
  gap: 12px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-priority-tag {
  padding: 4px 8px;
  width: fit-content;
  left: 16px;
  top: 0;
  position: absolute;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-priority-tag.no-priority {
  display: none;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-priority-tag.low-priority {
  background-color: #fffbdd;
  color: #f36c00;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-priority-tag.high-priority {
  background-color: #fce9e9;
  color: #f04e54;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-priority-tag p {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .principal-problem-description {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .principal-problem-description span {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-detail-description {
  display: flex;
  flex-flow: column nowrap;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-detail-description p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #292828;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-detail-description p.quantity-problems {
  display: flex;
  flex-flow: row nowrap;
  gap: 4px;
  align-items: center;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.type-problem-data .problem-detail-description p.quantity-problems .tooltip .tooltip-inner p {
  margin: 0;
  padding: 0;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.remedy-data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.widget-shopping-experience .widget-content .widget-box.problems-description-table-box .problem-description-table tbody tr td.remedy-data p {
  height: fit-content;
  width: fit-content;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}

.custom-chartjs-tooltip-container {
  position: fixed;
  display: grid;
  grid-template-areas: "color-label tooltip-title" "color-label tooltip-body";
  gap: 4px;
  padding: 8px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: fit-content;
  background-color: #FFFFFF;
  color: #292828;
}
.custom-chartjs-tooltip-container h5 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  grid-area: tooltip-title;
}
.custom-chartjs-tooltip-container .custom-tooltip-label-color-box {
  grid-area: color-label;
  width: 12px;
  height: 12px;
  margin-top: 2px;
}
.custom-chartjs-tooltip-container .custom-tooltip-body {
  grid-area: tooltip-body;
}
.custom-chartjs-tooltip-container .custom-tooltip-body .custom-tooltip-body-paragraph {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

.listing-list-header {
  display: grid;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  margin: 32px 0 24px 0;
}
.listing-list-header__navigation.nav-tabs {
  margin: 0;
}
.listing-list-header__meli-interactions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  list-style: none;
}
.listing-list-header__meli-interactions .link-icon.meli-interactions-button {
  font-size: 14px;
  font-weight: 400;
  color: #727272;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
}
.listing-list-header__meli-interactions .link-icon.meli-interactions-button i {
  height: 14px;
  width: 16px;
  position: unset;
  margin-right: 0;
  top: 0;
}
.listing-list-header__meli-interactions .link-icon.meli-interactions-button i svg {
  width: 100%;
  height: fit-content;
}
.listing-list-header__meli-interactions .link-icon.meli-interactions-button i svg path {
  fill: #727272;
}
.listing-list-header__meli-interactions .link-icon.meli-interactions-button:hover {
  text-decoration: underline;
  color: #292828;
}
.listing-list-header__meli-interactions .link-icon.meli-interactions-button:hover i svg path {
  fill: #292828;
}

#incomplete-compatibilities-modal [data-element-type=add],
#incomplete-compatibilities-modal [data-element-type=edit] {
  display: none;
}
#incomplete-compatibilities-modal .modal-header {
  padding: 24px 32px 16px 32px;
}
#incomplete-compatibilities-modal .modal-header h4 {
  line-height: 1;
}
#incomplete-compatibilities-modal .modal-header .close-icon {
  border: 0;
  opacity: 1;
  width: 28px;
  height: 28px;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 0;
  display: flex;
  background: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#incomplete-compatibilities-modal .modal-header .close-icon i {
  display: block;
  width: 14px;
  height: 14px;
}
#incomplete-compatibilities-modal .modal-header .close-icon i svg {
  display: block;
  width: 14px;
  height: 14px;
}
#incomplete-compatibilities-modal .modal-header .close-icon i g {
  fill: #727272;
}
#incomplete-compatibilities-modal .modal-header .close-icon:hover {
  background: #eeeeee;
}
#incomplete-compatibilities-modal .modal-header .close-icon:hover i g {
  fill: #292828;
}
#incomplete-compatibilities-modal .modal-body {
  padding: 0 32px 24px 32px;
  max-height: 550px;
  box-sizing: border-box;
}
#incomplete-compatibilities-modal .modal-body > p {
  margin-bottom: 24px;
  font-size: 14px;
  color: #292828;
}
#incomplete-compatibilities-modal .modal-body > p + .checkbox-selector {
  margin-top: 4px;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities {
  color: #236da9;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities:hover {
  color: #17507f;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities:hover i {
  margin-right: 7px;
  position: relative;
  top: 3px;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities:hover i svg {
  width: 14px;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities:hover i svg path {
  fill: #17507f;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities i {
  margin-right: 7px;
  position: relative;
  top: 3px;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities i svg {
  width: 14px;
}
#incomplete-compatibilities-modal .modal-body .container-checkbox-selector .btn-copy-compatibilities i svg path {
  fill: #236da9;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector {
  margin-bottom: 24px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .checkbox-selector__selector {
  width: 564px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .checkbox-selector__dropdown {
  width: 564px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .checkbox-selector__dropdown.active {
  width: 564px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .RT-tooltip[datat-type=icon] {
  margin: 0 8px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .RT-tooltip[datat-type=icon]:hover .RT-tooltip__title::after {
  background-color: #fffbdd;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .RT-tooltip__title {
  z-index: 0;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .RT-tooltip__title i {
  color: #f36c00;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .RT-tooltip__content {
  width: 110px;
  position: fixed;
  left: auto;
  margin-left: 5px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector .RT-tooltip__content span {
  font-weight: 400;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] {
  margin-bottom: -10px;
  margin-left: -2px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .error-text {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #f04e54;
  margin: 4px 0 0 2px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field {
  margin-left: -10px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div {
  display: none;
  margin: 15px 0 0 28px;
  width: calc(100% - 40px);
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label {
  width: 100%;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-19px) scale(1);
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.mdc-text-field--textarea .mdc-floating-label {
  top: 10px;
  font-family: "proxima-nova";
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.mdc-text-field--textarea.mdc-text-field--focused textarea.mdc-text-field__input {
  padding-top: 4px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__leading,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__trailing {
  border-color: #f04e54;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch span.mdc-floating-label.mdc-floating-label--float-above {
  color: #f04e54;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.input-error + p {
  display: grid;
  grid-template-columns: calc(100% - 100px) 100px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.input-error + p .error-text {
  display: block;
  text-align: left;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__leading,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch span.mdc-floating-label.mdc-floating-label--float-above {
  color: #b7b7b7;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div textarea {
  height: 92px;
  padding-top: 4px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div textarea::placeholder {
  font-size: 14px;
  color: #B7B7B7;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] .mdc-form-field + div.active-textarea {
  display: block;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] p {
  text-align: right;
  margin: 4px 0;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=all-selector] p span {
  font-size: 12px;
  color: #727272;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector__checkbox + [data-type=all-selector] {
  margin-top: -10px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector {
  margin-bottom: 24px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .error-text {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #f04e54;
  margin: 4px 0 0 2px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field {
  margin-left: -10px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div {
  display: none;
  margin: 15px 0 0 28px;
  width: calc(100% - 40px);
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label {
  width: 100%;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-19px) scale(1);
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.mdc-text-field--textarea .mdc-floating-label {
  top: 10px;
  font-family: "proxima-nova";
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.mdc-text-field--textarea.mdc-text-field--focused textarea.mdc-text-field__input {
  padding-top: 4px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__leading,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__trailing {
  border-color: #f04e54;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.input-error span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch span.mdc-floating-label.mdc-floating-label--float-above {
  color: #f04e54;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.input-error + p {
  display: grid;
  grid-template-columns: calc(100% - 100px) 100px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.input-error + p .error-text {
  display: block;
  text-align: left;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__leading,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch,
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__trailing {
  border-color: #b7b7b7;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div label.disabled span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch span.mdc-floating-label.mdc-floating-label--float-above {
  color: #b7b7b7;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div textarea {
  height: 92px;
  padding-top: 4px;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div textarea::placeholder {
  font-size: 14px;
  color: #B7B7B7;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] .mdc-form-field + div.active-textarea {
  display: block;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] p {
  text-align: right;
  margin: 4px 0;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector [data-type=none-selector] p span {
  font-size: 12px;
  color: #727272;
}
#incomplete-compatibilities-modal .modal-body .checkbox-selector__checkbox + [data-type=none-selector] {
  margin-top: -10px;
}
#incomplete-compatibilities-modal .modal-body .incomplete-compatibilities-table__container {
  width: 100%;
  height: 412px;
}
#incomplete-compatibilities-modal .modal-body #applyNewCompatibilities.partial-enabled .selected-brands-number {
  display: none;
}
#incomplete-compatibilities-modal .modal-footer button:disabled {
  background: #b7b7b7;
  color: white;
  border: 1px solid #b7b7b7;
}
#incomplete-compatibilities-modal .modal-footer button#retutnToCOmpatibilitiesModal:hover {
  background: #ffffff;
}
#incomplete-compatibilities-modal .modal-footer button#dismissCompatibilitiesModal:hover {
  color: #ffffff;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator {
  box-sizing: border-box;
  padding: 18px 20px;
  text-align: right;
  background: #f5f5f5;
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator.active {
  display: block;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div {
  display: grid;
  grid-template-columns: auto 70px;
  grid-gap: 34px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div.paginator-footer {
  grid-template-columns: 200px minmax(min-content, max-content);
  justify-content: end;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul {
  display: grid;
  grid-template-columns: 12px auto;
  grid-gap: 28px;
  justify-content: flex-start;
  align-items: center;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul.paginator-footer-list {
  grid-template-columns: 12px auto 12px;
  grid-gap: 18px;
  padding-right: 18px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul > li {
  display: flex;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul > li:last-child button i {
  transform: scaleX(-1);
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul button i {
  display: block;
  width: 17px;
  padding: 0 4px;
  box-sizing: border-box;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul button i svg {
  display: block;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul ul.paginator-all-numbers li {
  display: inline-block;
  padding: 0 6px;
  font-size: 14px;
  color: #236da9;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul ul.paginator-all-numbers li[data-button-state=active] {
  color: #292828;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul ul.paginator-all-numbers li[data-button-state=truncated] button {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul ul.paginator-all-numbers li[data-button-state=truncated]::after {
  content: "...";
  display: block;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-paginator > div > ul ul.paginator-all-numbers li[data-button-state=truncated] + [data-button-state=truncated] {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header {
  padding: 18px 24px 17px;
  box-sizing: border-box;
  background: #dbdbdb;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 190px) auto;
  align-items: center;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header span {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
  display: inline-block;
  vertical-align: middle;
  cursor: default;
  line-height: 1;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header button {
  margin-left: 8px;
  border: none;
  background: none;
  color: #727272;
  padding: 4px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header button i {
  height: 12px;
  display: block;
  line-height: 1;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header button svg {
  width: 12px;
  height: 12px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header button[data-order=asc] i {
  transform: scale(-1);
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header > div {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header > div[data-filter-state=active] span {
  font-weight: 700;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header > div[data-filter-state=active] button {
  opacity: 1;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header > div[data-filter-state=active] button:hover {
  background: #B7B7B7;
  color: #292828;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header > div > div:hover button {
  opacity: 1;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header > div > div:hover button:hover {
  background: #B7B7B7;
  color: #292828;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__empty-state {
  display: none;
  padding: 24px;
  background: #f5f5f5;
  box-sizing: border-box;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__empty-state p {
  font-size: 1.4rem;
  margin: 0;
  color: #292828;
  font-weight: 400;
  margin: 0;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader {
  display: none;
  box-sizing: border-box;
  background: #fbfbfb;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 190px) auto;
  align-items: center;
  padding: 24px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div:nth-child(odd) {
  background: #f5f5f5;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div div::before {
  content: " ";
  display: block;
  height: 12px;
  background: #dbdbdb;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div div:first-child::before {
  width: 50px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div div:nth-child(2)::before {
  width: 57px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div div:nth-child(3)::before {
  width: 30px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__loader > div div:last-child::before {
  width: 130px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=empty] .incomplete-compatibilities-table__header button {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=empty] .incomplete-compatibilities-table__empty-state {
  display: block;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=empty] .incomplete-compatibilities-table__loader {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=empty] .incomplete-compatibilities-table__rows {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=loader] .incomplete-compatibilities-table__header button {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=loader] .incomplete-compatibilities-table__empty-state {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=loader] .incomplete-compatibilities-table__loader {
  display: block;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=loader] .incomplete-compatibilities-table__rows {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table {
  height: inherit;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__empty-state {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__loader {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__body {
  max-height: 350px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__rows {
  width: calc(100% + 16px);
  margin: 0px;
  overflow-y: scroll;
  height: 100%;
  max-height: 350px;
  padding-right: 12px;
  box-sizing: border-box;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__rows::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__rows::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append {
  width: 100%;
  margin: 0px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 190px) auto;
  align-items: center;
  padding: 24px;
  color: #292828;
  font-size: 14px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div:nth-child(odd) {
  background: #f5f5f5;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div:nth-child(even) {
  background: #fbfbfb;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-paginator.active + div + .incomplete-compatibilities-table__body {
  height: 300px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-paginator.active + div + .incomplete-compatibilities-table__body .incomplete-compatibilities-table__rows {
  height: 300px;
  width: calc(100% + 12px);
  padding-right: 8px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-table {
  height: inherit;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-table__empty-state {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-table__loader {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-table__body {
  max-height: 350px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-table__container-append {
  width: 100%;
  margin: 0px;
  background: #f5f5f5;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-table__container-append > div {
  display: block;
  text-align: left;
  padding: 24px;
  color: #292828;
  font-size: 14px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-paginator.active + div + .incomplete-compatibilities-table__body {
  height: 300px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full-none-option] .incomplete-compatibilities-paginator.active + div + .incomplete-compatibilities-table__body .incomplete-compatibilities-table__rows {
  height: 300px;
  width: calc(100% + 12px);
  padding-right: 8px;
}
#incomplete-compatibilities-modal[data-modal-type=edit] [data-element-type=edit] {
  display: block;
}
#incomplete-compatibilities-modal[data-modal-type=edit] .incomplete-compatibilities-table__container[data-state=empty] p[data-message-type=add] {
  display: none;
}
#incomplete-compatibilities-modal[data-modal-type=add] [data-element-type=add] {
  display: block;
}
#incomplete-compatibilities-modal[data-modal-type=add] .incomplete-compatibilities-table__container[data-state=empty] p[data-message-type=edit] {
  display: none;
}
#incomplete-compatibilities-modal[data-modal-type=add] .notes-column, #incomplete-compatibilities-modal[data-modal-type=add] .position-column {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=false] > div:last-child, #incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=false] > div:nth-child(5) {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=partial][data-notes-allowed=false] > div:nth-child(5) {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=partial][data-position-allowed=false] > div:last-child {
  display: none;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=full] > div:last-child, #incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=full] > div:nth-child(5) {
  display: block;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header,
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div {
  padding-right: 5px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=false],
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div[data-has-buttons=false] {
  grid-template-columns: repeat(3, 190px) auto;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=full],
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div[data-has-buttons=full] {
  grid-template-columns: repeat(3, 140px) 180px 115px 65px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__header[data-has-buttons=partial],
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div[data-has-buttons=partial] {
  grid-template-columns: repeat(3, 140px) 210px 140px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div.txt-all-options {
  display: flex;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container-append .RT-tooltip[datat-type=icon] {
  margin: 0 4px 0 0;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container-append .RT-tooltip[datat-type=icon]:hover .RT-tooltip__title::after {
  background-color: #fffbdd;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container-append .RT-tooltip__title {
  z-index: 0;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container-append .RT-tooltip__title i {
  color: #f36c00;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container-append .RT-tooltip__content {
  position: fixed;
  left: 10%;
  width: 142px;
}
#incomplete-compatibilities-modal .incomplete-compatibilities-table__container[data-state=full] .incomplete-compatibilities-table__container-append > div a {
  font-size: 1.4rem;
  color: #236da9;
}
@media (max-width: 767px) {
  #incomplete-compatibilities-modal .modal-content {
    max-width: 90%;
    overflow: hidden;
    margin: 0 auto;
  }
  #incomplete-compatibilities-modal .incomplete-compatibilities__header {
    width: fit-content;
  }
  #incomplete-compatibilities-modal .incomplete-compatibilities-table {
    overflow-x: scroll;
    background: #f5f5f5;
  }
  #incomplete-compatibilities-modal .incomplete-compatibilities-table__header {
    width: fit-content;
    grid-template-columns: repeat(3, 190px) minmax(222px, auto);
  }
  #incomplete-compatibilities-modal .incomplete-compatibilities-table__body {
    width: max-content;
  }
}

#cancel-incomplete-compatibilities-modal .modal-dialog .modal-content .modal-footer #retutnToCOmpatibilitiesModal:hover {
  background: #ffffff;
}
#cancel-incomplete-compatibilities-modal .modal-dialog .modal-content .modal-footer #dismissCompatibilitiesModal:hover {
  color: #ffffff;
}

.modal-open .modal[data-modal-type=cancel-incomplete-compatibilities] {
  z-index: 999999;
}
.modal-open .modal[data-modal-type=cancel-incomplete-compatibilities] .modal-content {
  width: 100%;
}

.modal-open .modal#noneCompatibilitiesModal {
  z-index: 999999;
}

#addCompatibilityNote {
  z-index: 10000;
}
#addCompatibilityNote p {
  font-size: 14px;
}
#addCompatibilityNote .text-field-container {
  margin: 25px 0 30px;
  width: 100%;
}
#addCompatibilityNote .text-field-container label {
  width: 100%;
}
#addCompatibilityNote .text-field-container .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-right: 0;
}
#addCompatibilityNote .text-field-container .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 13px;
  color: #727272;
}
#addCompatibilityNote .text-field-container .mdc-text-field-character-counter {
  font-size: 1.2rem;
  color: #727272;
  margin-top: 2px;
}
#addCompatibilityNote .text-field-container .mdc-text-field-character-counter::before {
  display: none;
}
#addCompatibilityNote .text-field-container .mdc-text-field + .mdc-text-field-helper-line {
  padding: 0;
}
#addCompatibilityNote .text-field-container #addCompatibilityNoteTextarea:focus + .mdc-notched-outline:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #addCompatibilityNote .text-field-container #addCompatibilityNoteTextarea:focus + .mdc-notched-outline:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #addCompatibilityNote .text-field-container #addCompatibilityNoteTextarea:focus + .mdc-notched-outline:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #4194d8 !important;
}
#addCompatibilityNote .text-field-container #addCompatibilityNoteTextarea:focus + .mdc-notched-outline.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #addCompatibilityNote .text-field-container #addCompatibilityNoteTextarea:focus + .mdc-notched-outline .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  color: #4194d8 !important;
}
#addCompatibilityNote .text-field-container .empty-textarea textarea {
  padding: 4px 12px 12px;
}
#addCompatibilityNote .text-field-container .empty-textarea textarea::placeholder {
  opacity: 1;
  color: #b7b7b7;
  font-size: 1.4rem;
}
#addCompatibilityNote button:disabled {
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7;
  color: white;
}
#addCompatibilityNote[data-action-type=add] [data-text-type=edit] {
  display: none;
}
#addCompatibilityNote[data-action-type=edit] [data-text-type=add] {
  display: none;
}
#addCompatibilityNote [data-alert-id=error] {
  display: none;
}
#addCompatibilityNote .textarea-error {
  display: none;
}
#addCompatibilityNote.show-errors [data-alert-id=error] {
  display: grid;
}
#addCompatibilityNote .modal-dialog .modal-footer div button#saveAddCompatibilityNote:hover {
  color: white;
}
#addCompatibilityNote .modal-dialog .modal-footer div button#cancelAddCompatibilityNote:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
#addCompatibilityNote .modal-header .close-icon {
  border: 0;
  opacity: 1;
  width: 28px;
  height: 28px;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 0;
  display: flex;
  background: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#addCompatibilityNote .modal-header .close-icon i {
  display: block;
  width: 14px;
  height: 14px;
}
#addCompatibilityNote .modal-header .close-icon i svg {
  display: block;
  width: 14px;
  height: 14px;
}
#addCompatibilityNote .modal-header .close-icon i g {
  fill: #727272;
}
#addCompatibilityNote .modal-header .close-icon:hover {
  background: #eeeeee;
}
#addCompatibilityNote .modal-header .close-icon:hover i g {
  fill: #292828;
}
#addCompatibilityNote.empty-error #addCompatibilityNoteTextarea + .mdc-notched-outline:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, #addCompatibilityNote.empty-error #addCompatibilityNoteTextarea + .mdc-notched-outline:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, #addCompatibilityNote.empty-error #addCompatibilityNoteTextarea + .mdc-notched-outline:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #f04e54 !important;
}
#addCompatibilityNote.empty-error #addCompatibilityNoteTextarea + .mdc-notched-outline.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #addCompatibilityNote.empty-error #addCompatibilityNoteTextarea + .mdc-notched-outline .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  color: #f04e54 !important;
}
#addCompatibilityNote.empty-error .mdc-text-field-helper-line {
  position: relative;
}
#addCompatibilityNote.empty-error .textarea-error {
  display: block;
  color: #f04e54;
  position: absolute;
  font-size: 1.2rem;
  font-weight: 400;
}

#cancelAddNotePositionModal {
  z-index: 10003;
}
#cancelAddNotePositionModal .modal-dialog .modal-footer div button#acceptCancelAddCompatibilityNote:hover {
  color: white;
}
#cancelAddNotePositionModal .modal-dialog .modal-footer div button#closeCancelAddCompatibilityNote:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
#cancelAddNotePositionModal .modal-header .close-icon {
  border: 0;
  opacity: 1;
  width: 28px;
  height: 28px;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 0;
  display: flex;
  background: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#cancelAddNotePositionModal .modal-header .close-icon i {
  display: block;
  width: 14px;
  height: 14px;
}
#cancelAddNotePositionModal .modal-header .close-icon i svg {
  display: block;
  width: 14px;
  height: 14px;
}
#cancelAddNotePositionModal .modal-header .close-icon i g {
  fill: #727272;
}
#cancelAddNotePositionModal .modal-header .close-icon:hover {
  background: #eeeeee;
}
#cancelAddNotePositionModal .modal-header .close-icon:hover i g {
  fill: #292828;
}

#addCompatibilityNoteSpinner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  display: grid;
  align-items: center;
}

#addCompatibilityPosition {
  z-index: 10000;
}
#addCompatibilityPosition p {
  font-size: 14px;
}
#addCompatibilityPosition .text-field-container {
  margin: 25px 0 30px;
  width: 100%;
}
#addCompatibilityPosition button:disabled {
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7;
  color: white;
}
#addCompatibilityPosition[data-action-type=add] [data-text-type=edit] {
  display: none;
}
#addCompatibilityPosition[data-action-type=edit] [data-text-type=add] {
  display: none;
}
#addCompatibilityPosition [data-alert-id=error], #addCompatibilityPosition [data-alert-id=empty-error] {
  display: none;
}
#addCompatibilityPosition #addCompatibilityPositionSpinner {
  padding: 0;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  max-width: 100%;
  box-sizing: border-box;
  width: calc(100% - 50px);
  height: 100%;
  margin: 0;
  display: grid;
  align-items: center;
}
#addCompatibilityPosition .modal-body {
  position: relative;
}
#addCompatibilityPosition .positions-container {
  position: relative;
  min-height: 300px;
  max-height: 400px;
  overflow: auto;
}
#addCompatibilityPosition .positions-container::-webkit-scrollbar {
  width: 3px;
  height: 8px;
}
#addCompatibilityPosition .positions-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block {
  padding: 8px 0;
  border-bottom: 1px solid #dbdbdb;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block .mdc-form-field > label {
  margin-top: 2px;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block:last-child {
  border: none;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block[data-block-state=unchecked] .each-checkbox * {
  cursor: default;
  pointer-events: none;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block[data-block-state=unchecked] .each-checkbox .mdc-checkbox .mdc-checkbox__background {
  border-color: #b7b7b7;
  background: #b7b7b7;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block[data-block-state=unchecked] .each-checkbox .mdc-checkbox .mdc-checkbox__checkmark {
  display: none;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block[data-block-state=unchecked] .each-checkbox .mdc-checkbox .mdc-checkbox__mixedmark {
  height: 2px;
  border: none;
  background: white;
  opacity: 1;
  transform: initial;
}
#addCompatibilityPosition .positions-container .compatibilities-position__block[data-block-state=unchecked] .each-checkbox .mdc-checkbox label {
  color: #b7b7b7;
}
#addCompatibilityPosition .each-checkbox.disabled-checkbox * {
  cursor: default;
  pointer-events: none;
}
#addCompatibilityPosition .each-checkbox.disabled-checkbox .mdc-checkbox .mdc-checkbox__background {
  border-color: #b7b7b7;
  background: #b7b7b7;
}
#addCompatibilityPosition .each-checkbox.disabled-checkbox .mdc-checkbox .mdc-checkbox__checkmark {
  display: none;
}
#addCompatibilityPosition .each-checkbox.disabled-checkbox .mdc-checkbox .mdc-checkbox__mixedmark {
  height: 2px;
  border: none;
  background: white;
  opacity: 1;
  transform: initial;
}
#addCompatibilityPosition .each-checkbox.disabled-checkbox .mdc-checkbox label {
  color: #b7b7b7;
}
#addCompatibilityPosition.show-errors [data-alert-id=error] {
  display: grid;
}
#addCompatibilityPosition.empty-error [data-alert-id=empty-error] {
  display: grid;
}
#addCompatibilityPosition .modal-dialog .modal-footer div button#saveAddCompatibilityPosition:hover {
  color: white;
}
#addCompatibilityPosition .modal-dialog .modal-footer div button#cancelAddCompatibilityPosition:hover {
  background-color: #ebf8fa;
  color: #236da9;
}
#addCompatibilityPosition .modal-header .close-icon {
  border: 0;
  opacity: 1;
  width: 28px;
  height: 28px;
  -webkit-transition: opacity 250ms ease-out 250ms;
  -moz-transition: opacity 250ms ease-out 250ms;
  -o-transition: opacity 250ms ease-out 250ms;
  transition: opacity 250ms ease-out 250ms;
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 0;
  display: flex;
  background: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#addCompatibilityPosition .modal-header .close-icon i {
  display: block;
  width: 14px;
  height: 14px;
}
#addCompatibilityPosition .modal-header .close-icon i svg {
  display: block;
  width: 14px;
  height: 14px;
}
#addCompatibilityPosition .modal-header .close-icon i g {
  fill: #727272;
}
#addCompatibilityPosition .modal-header .close-icon:hover {
  background: #eeeeee;
}
#addCompatibilityPosition .modal-header .close-icon:hover i g {
  fill: #292828;
}

#incomplete-compatibilities-modal #emptyStateWidgetError .txt-explain .strong-title-error {
  font-weight: 600;
}

#copyCompatibilitiesModal {
  z-index: 9999;
}
#copyCompatibilitiesModal #loaderContainer.loader-container-compatibilities {
  height: -webkit-fill-available;
  color: #292828;
  font-weight: 400;
}
#copyCompatibilitiesModal #loaderContainer.loader-container-compatibilities span {
  text-align: center;
}
#copyCompatibilitiesModal .modal-header button.close {
  width: 28px;
  height: 28px;
  background: none;
  border-radius: 50%;
  position: absolute;
  right: 12px;
}
#copyCompatibilitiesModal .modal-header button.close i {
  display: block;
  width: 14px;
  height: 14px;
}
#copyCompatibilitiesModal .modal-header button.close i svg {
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
  left: 8px;
}
#copyCompatibilitiesModal .modal-header button.close i g path {
  fill: #727272;
}
#copyCompatibilitiesModal .modal-header button.close:hover {
  background: #eeeeee;
}
#copyCompatibilitiesModal .modal-header button.close:hover i g {
  fill: #292828;
}
#copyCompatibilitiesModal .modal-body #getNewInfoCopy span a {
  color: #292828;
  text-decoration: none;
}
#copyCompatibilitiesModal .modal-body #getNewInfoCopy span a:hover {
  text-decoration: underline;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual {
  height: 500px;
  overflow-y: scroll;
  width: 552px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table {
  width: -webkit-fill-available;
  width: -moz-available;
  margin-top: 0px !important;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table thead {
  padding: 10px 0 10px 0;
  z-index: 999;
  position: absolute;
  display: flex;
  align-items: center;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table thead th {
  text-align: start;
  font-weight: 400;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table thead th.empty-title {
  padding: 0;
  width: 80px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table thead th.listing-title {
  padding: 0 27px 0px 0px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table thead th.title {
  padding: 0 40px 0px 23px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual .payment-table thead th.last {
  padding: 0 17px 0px 135px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable {
  position: relative;
  top: 58px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr {
  border-bottom: none;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td {
  color: #292828;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.first-elem {
  padding: 10px 2px 10px 10px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.second-elem {
  padding: 10px 15px 10px 0px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.second-elem .loading-state.first-block {
  width: 80px;
  height: 14px;
  background-color: #d9d9d9;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.third-elem {
  padding: 10px 9px 10px 12px;
  text-align: justify;
  width: 170px;
  color: #292828;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.third-elem .loading-state.second-block {
  width: 150px;
  height: 14px;
  background-color: #d9d9d9;
  margin-bottom: 6px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.third-elem .loading-state.third-block {
  width: 100px;
  height: 14px;
  background-color: #d9d9d9;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.last-elem {
  padding: 10px 30px 10px 64px;
  text-align: justify;
  position: relative;
  left: -15px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr td.last-elem .loading-state.four-block {
  width: 32px;
  height: 14px;
  background-color: #d9d9d9;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr:nth-child(3) {
  border-bottom: none;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr:nth-child(even) {
  background-color: #fbfbfb;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable tr:nth-child(odd) {
  background-color: #f5f5f5;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable #containerLoaderContainer #loaderContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
#copyCompatibilitiesModal .modal-body .container-table #tablePricerAnnual #bodyToAppendTable #containerLoaderContainer #loaderContainer span {
  margin-left: 8px;
}
#copyCompatibilitiesModal .modal-body .container-checkbox {
  position: relative;
  top: 8px;
  left: -8px;
}
#copyCompatibilitiesModal .modal-footer button#copyCompabilities {
  background-color: #4194d8;
  color: white;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
#copyCompatibilitiesModal .modal-footer button#copyCompabilities:hover {
  background-color: #236da9;
}

#confirmCopyComptabilities {
  z-index: 99999;
}

@media (max-width: 960px) {
  [data-modal-type=incomplete-compatibilities].modal.ds-modal.rt-xl .modal-dialog {
    max-width: 95%;
  }
}
#active-moderate-modal .container-body {
  max-height: 400px;
  overflow-y: scroll;
  padding-right: 10px;
}
#active-moderate-modal .container-body button#btnMoreItems {
  width: 90px;
  padding: 4px 2px;
  border: none;
  position: relative;
  left: 40%;
}
#active-moderate-modal .container-body button#btnMoreLoader {
  width: 90px;
  padding: 4px 2px;
  border: none;
  position: relative;
  left: 40%;
}
#active-moderate-modal .container-body li.box-one-new {
  list-style: none;
  border: solid 1px #dbdbdb;
  margin-left: -38px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
}
#active-moderate-modal .container-body li.box-one-new .title-and-link .item-title {
  color: #727272;
}
#active-moderate-modal .container-body li.box-one-new .title-and-circle {
  color: #292828;
  position: relative;
  top: 5px;
}
#active-moderate-modal #loaderContainerModerated {
  position: relative;
  left: 40%;
}
#active-moderate-modal #loaderContainerModerated .custom-mdc-spinner {
  margin-left: 6%;
}
#active-moderate-modal .modal-body {
  padding-right: 15px;
}
#active-moderate-modal .container-body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
#active-moderate-modal .container-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#active-moderate-modal .modal-footer button {
  width: 132px;
  height: 44px;
  position: relative;
  right: -20px;
}

input {
  width: 240px;
  padding: 8px;
  margin-right: 20px;
  height: 20px;
}

.widget-date {
  padding-top: 30px;
}

.line-separator {
  color: #979494;
  width: 400px;
  margin-left: 1px;
  height: 0;
  border: 1px dashed;
}

.total {
  font-weight: 600;
}

.link-pagos-debito {
  cursor: pointer;
  color: #4194D8;
  text-decoration: none;
}

a.link-pagos-debito:hover {
  text-decoration: none;
  color: #4194D8;
  filter: opacity(70%);
}

#billing-menu .widget h3 {
  font-size: 1.6rem;
  color: #717171;
  font-weight: 400;
  margin-top: 0;
  padding-top: 0;
}
#billing-menu .widget + .widget {
  margin-top: 20px;
}
#billing-menu .widget button {
  margin-top: 20px;
}
#billing-menu table.spaced-table {
  width: 100%;
  text-align: left;
}
#billing-menu table.spaced-table thead {
  border-bottom: 2px solid #d5d5d5;
}
#billing-menu table.spaced-table thead th {
  padding: 10px;
}
#billing-menu table.spaced-table .text-left {
  text-align: left;
}
#billing-menu table.spaced-table tr {
  border-bottom: 1px solid #d5d5d5;
}
#billing-menu table.spaced-table tr:last-child {
  border: 0;
}
#billing-menu table.spaced-table tr td {
  text-align: left;
  padding: 23px 10px;
}
#billing-menu table.spaced-table tr td:nth-child(1) {
  text-align: left;
}
#billing-menu table .billing-tooltip {
  top: 3px;
  left: 4px;
}
#billing-menu table .billing-tooltip .link-icon {
  cursor: pointer;
  margin-left: 0;
}
#billing-menu table .billing-tooltip .tiptext-new-design {
  max-width: 245px;
  padding: 12px;
  color: #292828;
}
#billing-menu .a-bills a {
  width: 220px;
  height: 35px;
  display: block;
  text-align: left;
  position: relative;
  top: 3px;
}
#billing-menu .factura-item {
  display: inline-block;
}
#billing-menu .factura-item a {
  text-decoration: none;
}

#cancelRecurringPaymentModal textarea {
  border-radius: 3px;
  width: -webkit-fill-available;
  border-color: #d5d5d5;
  border-width: 1px;
  padding: 10px;
  resize: none;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#cancelRecurringPaymentModal .selectize-control {
  width: 100px;
  height: 50px;
}
#cancelRecurringPaymentModal .selectize-input.items.full.has-options.has-items.this-selectize {
  width: 240px;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  background: white;
  margin: 0;
  padding: 6px 10px;
  color: #818181;
  overflow: inherit;
  margin-bottom: 10px;
}
#cancelRecurringPaymentModal .selectize-dropdown {
  overflow-y: scroll;
  overflow-x: hidden;
}
#cancelRecurringPaymentModal .selectize-input:after {
  margin-top: -4px;
  border-width: 0 5px 5px;
  border-color: transparent transparent #808080;
  width: 22px;
  height: 14px;
  top: 12px;
  margin-right: -60px;
  border: 0;
  background: url("../img/chevron-select.bafdfbf84a66.svg") -6px -6px no-repeat;
  background-size: 125%;
}

#afip-form {
  display: flex;
  flex-direction: column;
}

.myForm {
  align-content: space-between;
}

.input-group {
  margin-top: 10px;
}

.titleInput {
  margin-bottom: 4px;
}

.bold {
  font-weight: bold;
}

#afip-widget .selectize-control.single .selectize-input:after {
  right: -50px;
  top: 18px;
}

#afip-widget .selectize-dropdown.single.this-select {
  width: 250px !important;
}

#afip-widget .selectize-input .item {
  width: 240px;
  height: 20px;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  background: white;
  margin: 0;
  padding: 8px;
  color: #818181;
  overflow: inherit;
  margin-bottom: 5px;
  border-radius: 3px;
  font-size: 1.4rem;
}

.active_discounts_item.outstanding_discount {
  font-weight: 300;
  background-color: #ebf8fa;
  padding: 1px;
  padding-left: 3px;
  margin-top: 5px;
  border-radius: 3px;
}

a.bt-primary.bt-billing {
  margin-bottom: 50px;
}

.user-actions.billing-user {
  margin-top: 0;
}

#wrapModal .selectize-input .item {
  width: 180px;
  height: 20px;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  background: white;
  margin: 0;
  padding: 8px;
  color: #818181;
  overflow: inherit;
  margin-bottom: 5px;
  border-radius: 3px;
  font-size: 1.4rem;
}

#wrapModal .selectize-control.single .selectize-input:after {
  right: -50px;
  top: 18px;
}

#wrapModal .selectize-dropdown.single {
  width: 195px !important;
}

#billing-menu table.spaced-table.bills.pay {
  width: 50%;
  margin-bottom: 15px;
  margin: 20px 0 30px;
  font-size: 1.4rem;
}
#billing-menu table.spaced-table.bills.pay .billing-tooltip a {
  cursor: pointer;
}
#billing-menu table.spaced-table.bills.pay .billing-tooltip .tiptext-new-design {
  cursor: default;
}

#billing-menu .widget h3 .titulo-tabla {
  margin-left: 3px;
  font-weight: 600;
}

#billing-menu .widget #submitBillingOnline {
  margin: 0;
}

#billing-menu .widget #submitBillingDownload {
  margin: 0;
}

@media (max-width: 768px) {
  #billing-menu table.spaced-table {
    font-size: 12px;
  }
  #billing-menu table.spaced-table thead th:nth-child(1) {
    min-width: 150px;
  }
  #billing-menu table.spaced-table thead th:nth-child(3) {
    min-width: 90px;
  }
  #billing-menu .widget.a-bills {
    width: calc(100% - 40px);
    overflow: scroll;
  }
}
.automessaging-global-main .widget-alert {
  width: unset;
}

#automessaging-menu p {
  margin-bottom: 30px;
}
#automessaging-menu .automessage-setting {
  transition: all 0.5s ease;
}
#automessaging-menu .automessage-setting textarea {
  width: 100%;
  border-radius: 3px;
  width: -webkit-fill-available;
  border-color: #d5d5d5;
  border-width: 1px;
  padding: 10px;
  resize: none;
}
#automessaging-menu .automessage-setting input.number-select {
  background: transparent;
  width: 50px;
  border-style: solid;
  border: 1px solid #d5d5d5;
  text-align: center;
  margin: -8px 5px 0;
  padding: 5px;
  font-size: 18px;
}
#automessaging-menu .automessage-setting + .automessage-setting {
  margin-top: 40px;
}
#automessaging-menu .automessage-setting:last-child {
  margin-bottom: 40px;
}
#automessaging-menu .automessage-setting .mdc-checkbox__wrapper {
  margin-left: -10px;
  margin-bottom: 10px;
}
#automessaging-menu .automessage-setting .mdc-checkbox__wrapper label {
  margin-top: 3px;
  line-height: 1.6rem;
}
#automessaging-menu .user-actions {
  margin-top: 50px;
}
#automessaging-menu .message-to-send .helper {
  font-size: 1.4rem;
  color: #b5b5b5;
}
#automessaging-menu .widget-alert-info {
  margin-top: 0;
  margin-bottom: 30px;
}
#automessaging-menu .widget-alert.info.automatic-msg-alert i {
  align-self: center;
  display: block;
  height: 24px;
  margin: 0 10px;
  width: 24px;
}
#automessaging-menu .title-new-alert {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#automessaging-menu .widget-alert.items.automessaging {
  height: 68px;
  margin: 0px 0 20px;
  border-radius: 4px;
  border: solid 1px #dbdbdb;
  background-color: #eeeeee;
}
#automessaging-menu .circle-svg-alert {
  border-radius: 90px;
  display: flex;
  width: 44px;
  height: 44px;
  padding: 9px;
  background-color: white;
  margin-left: 16px;
  justify-content: center;
  align-items: center;
}
#automessaging-menu #widget-multiple-alert.widget-alert i {
  align-self: center;
  display: block;
  height: 32px;
  width: 32px;
}
#automessaging-menu .circle-svg-alert i svg {
  width: 32px;
}
#automessaging-menu .title-and-text-alert {
  padding-left: 40px;
  margin-left: 15px;
}
#automessaging-menu .collapsible-details {
  display: grid;
  grid-template-columns: 100%;
  grid-column-start: span 2;
  padding-left: 34px;
}
#automessaging-menu .listing-action {
  margin-top: 0;
  margin-bottom: 5px;
}
#automessaging-menu .not-visible-alert {
  visibility: hidden;
}
#automessaging-menu #listAlertCollapsed ul {
  list-style-type: disc;
  margin-left: 82px;
}
#automessaging-menu #listAlertCollapsed ul li {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #292828;
}
#automessaging-menu .widget-alert.info.automatic-msg-alert i {
  align-self: center;
  display: block;
  height: 24px;
  margin: 0 10px;
  width: 24px;
}

@media (max-width: 768px) {
  #automessaging-menu .listing-action.items-alert-collapsed {
    margin-top: 14px;
    width: 245px;
  }
  #automessaging-menu .toggle-widget.ds.in-alert.collapsed {
    left: 210px;
    float: left;
    position: relative;
    top: -17px;
  }
  #automessaging-menu .title-and-text-alert {
    margin-left: 10px;
  }
  #automessaging-menu .collapsible-details {
    padding-left: 27px;
  }
}
#product-updates-menu .product-update .header-update {
  font-size: 2rem;
  margin-bottom: 20px;
}
#product-updates-menu .product-update .header-update .update-date {
  float: right;
  font-size: 1.8rem;
}
#product-updates-menu .product-update ul {
  padding-left: 20px;
  margin: 10px 30px 20px;
}
#product-updates-menu .product-update ul li {
  list-style-image: url("../img/chevron-select-right.de767cd725b8.svg");
}
#product-updates-menu .product-update + .product-update {
  margin-top: 50px;
}
.competition-tab {
  padding-right: 15px !important;
}

#hm-sold-qty {
  display: inline-block;
}

#hm-gmv {
  display: inline-block;
}

.heatmap-list {
  display: inline-flex;
}

.competition-heatmap {
  top: -5px;
}

.competition-container {
  padding-top: 20px;
}

.competition-container .rt-loading-wrapper .spinner-loading {
  padding-top: 20px;
}

.competition-pre-coupon-pay-button {
  display: none;
}

.competition-widgets-container .subtitle-section-text {
  padding: 15px 0;
}

.widget-positioning-advice {
  margin-top: 30px;
}

.competition-graphic-container .widget .chart {
  height: 55vh;
  width: 100%;
  position: relative;
}

.widget-terms-positioning-add-form-field input {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  width: 340px;
  padding: 8px;
  margin-right: 10px;
}

.competition-graphic-container .widget-title {
  padding-bottom: 0;
}
.competition-graphic-container .widget-title .widget-filters--each-filter {
  margin-bottom: 0;
}

#chartTabs li {
  display: flex;
}
#chartTabs.nav-tabs__sales-comparation {
  margin-top: 11px;
  margin-bottom: 40px;
}
#chartTabs .tooltip-info {
  top: 0;
  left: 0;
}
#chartTabs .link-icon.new-design {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  top: 4px;
  left: -8px;
  padding: 8px;
}
#chartTabs .tooltip-info .tiptext-new-design {
  font-size: 14px;
  font-weight: normal;
}
#chartTabs .tooltip-info .tiptext-new-design a {
  font-weight: 600;
  padding: 0;
}

.tooltip-info .tiptext-new-design.obfuscate-data {
  font-size: 14px;
  font-weight: normal;
  max-width: 240px;
}
.tooltip-info .tiptext-new-design.obfuscate-data a {
  font-weight: 600;
}

.widget-terms-positioning-add-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 1rem;
}

.widget-terms-positioning-add-form-field input::-moz-placeholder { /* Firefox 19+ */
  font-size: 1rem;
}

.widget-terms-positioning-add-form-field input:-ms-input-placeholder { /* IE 10+ */
  font-size: 1rem;
}

.widget-terms-positioning-add-form-field input:-moz-placeholder { /* Firefox 18- */
  font-size: 1rem;
}

.widget-positioning-advice-user {
  font-size: 1.4rem;
  line-height: 10px;
}

.widget-positioning-advice-user div:first-child {
  font-weight: 400;
}

.widget-positioning-advice-user a {
  display: block;
}

.widget-positioning-advice-reputation-termometer {
  width: auto;
  display: block;
  margin: 5px 0px 0 0;
}

.widget-positioning-advice-reputation-termometer.inline-termometer {
  width: auto;
  display: flex;
  align-items: center;
  grid-gap: 0px;
}
.widget-positioning-advice-reputation-termometer.inline-termometer .RT-tooltip {
  position: relative;
  top: 0px;
  right: -10px;
}
.widget-positioning-advice-reputation-termometer.inline-termometer .RT-tooltip .medal-reputation.medal-lg.medal-official-store {
  top: 3px;
  left: -10px;
  background-size: 98%;
}

.widget-positioning-advice-reputation-termometer.inline-termometer-drawer {
  width: auto;
  display: flex;
  align-items: center;
  grid-gap: 0;
}
.widget-positioning-advice-reputation-termometer.inline-termometer-drawer .thermometer {
  margin-right: 21px;
}

.widget-positioning-advice-reputation-medal {
  display: inline-block;
  position: relative;
}

.widget-positioning-advice-city {
  font-size: 1.3rem;
  color: #868686;
  padding-top: 4px;
}

.location-small-icon {
  display: inline-block;
  width: 15px;
  height: 19px;
  background: url("../img/location-small-icon.bf3dc562088e.svg") 0 0 no-repeat;
  background-size: cover;
  position: relative;
  top: 5px;
}

.competition-suggestion-follow-btn i {
  position: relative;
  top: 2px;
}

.competition-suggestion-follow-btn i svg path,
#competition-search-result-follow-btn i svg path {
  fill: #fff;
}

.widget-competition-following {
  margin-bottom: 30px;
  color: #292828;
}

.competition-grid-row {
  display: grid;
  grid-template-columns: 30% auto 40% auto;
  grid-gap: 20px;
  grid-row-gap: 0;
  padding: 35px 20px;
}

.competition-grid-row:last-child {
  border-bottom: 0;
  padding-bottom: 20px;
}

.competition-grid-row:first-child {
  padding-top: 30px;
}

.widget-competition-following-user {
  font-size: 1.4rem;
  text-transform: uppercase;
  align-self: center;
  justify-self: left;
}
.widget-competition-following-user .active-filters-icon svg {
  width: 15px;
  position: relative;
  top: 2px;
  left: 2px;
}
.widget-competition-following-user .mdc-checkbox__wrapper {
  margin-left: -11px;
}
.widget-competition-following-user .mdc-checkbox__wrapper label {
  margin-top: 2px;
}
.widget-competition-following-user .mdc-checkbox__wrapper span.active-filters-icon {
  margin-left: 5px;
}
.widget-competition-following-user .mdc-checkbox__wrapper .wrap-badge-competition {
  top: 0;
}
.widget-competition-following-user .mdc-checkbox__wrapper .wrap-badge-competition .badge-competition.unread-competition-detail-badge {
  margin-right: 14px;
}
.widget-competition-following-user .container-info-following {
  display: flex;
  align-items: center;
}
.widget-competition-following-user .container-info-following .widget-icon-edit {
  margin-top: -4px;
}
.widget-competition-following-user .container-info-following .widget-icon-edit .RT-tooltip[data-position=center] .RT-tooltip__content {
  padding: 8px;
}
.widget-competition-following-user .widget-icon-edit .RT-tooltip span i svg {
  width: 14px;
  position: relative;
  top: -6px;
}

@media (max-width: 725px) {
  .competition-widgets-container .competition-following-list .sticky-proceed-actions {
    width: calc(100vw - 8%);
    margin-left: -18px;
  }
  .competition-grid-row {
    padding: 30px 5px;
    max-width: 100vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 45px 1fr;
  }
  .competition-grid-row .filtered-categories .bt-outline, .competition-grid-row .filtered-categories .bt-outline:focus {
    max-width: auto;
    padding: 6px 20px;
  }
  .competition-grid-row .filtered-categories {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .competition-grid-row .widget-competition-following-buttons {
    grid-row: 3;
    grid-column-start: 3;
    grid-column-end: 5;
  }
  .competition-grid-row .widget-competition-following-user {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .competition-grid-row .widget-competition-following-date {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.widget-competition-following-date {
  font-size: 1.4rem;
  align-self: center;
}

.widget-competition-following-bt-detail,
.widget-competition-following-buttons {
  align-self: center;
  justify-self: right;
}

#section-paymentdue .widget-competition-table-billing {
  padding: 0;
  background: none;
  box-shadow: none;
}

#section-paymentdue .widget-competition-table-billing .widget-subtitle {
  margin-top: 0;
}

#section-paymentdue .widget-competition-table-billing table tr.discount-row td {
  background-color: #efefef;
}

#section-paymentdue .widget-competition-table-billing table td.total-row {
  font-size: 1.4rem;
}

#section-paymentdue .widget-competition-table-billing table td.total-row span:first-child,
#section-paymentdue .widget-competition-table-billing table td.total-row span:last-child {
  font-size: 2rem;
}

.widget-competition-table-billing {
  margin-top: 30px;
  text-align: center;
}

.widget-competition-table-billing .widget-subtitle {
  margin-top: 30px;
}

.widget-competition-table-billing .widget-subtitle select {
  margin-left: 10px;
}

.widget-competition-table-billing table {
  margin: 20px 0 30px;
  font-size: 1.4rem;
  width: 70%;
}

.widget-competition-table-billing table td {
  padding: 20px;
  border-bottom: 1px solid #d7d7d7;
}

.widget-competition-table-billing table tr:last-child td {
  border: 0;
  font-size: 1.6rem;
}

.widget-competition-table-billing table tr.discount-row td {
  background-color: #f7f7f7;
}

.choose-competitors .custom-select__select .selectize-input.items.full.has-options.has-items .item, .choose-competitors .custom-select__select .selectize-dropdown.single .option {
  text-transform: uppercase;
}

.competitor-nickname {
  text-transform: uppercase;
}

#alertMarketPro {
  margin-bottom: 32px;
}

#unfollowCompetitor h4 .competitor-nickname {
  display: inline-block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 100%;
  white-space: nowrap;
  vertical-align: middle;
}
#unfollowCompetitor .widget-alert .competitor-nickname {
  padding-right: 0;
}
#unfollowCompetitor .modal-title {
  margin-bottom: 0;
}

#competitors-table-to-append tbody tr:first-child .competitor-nickname, #competition-publications-table-append tbody tr:first-child .competitor-nickname {
  text-transform: none;
}
#competitors-table-to-append .widget-positioning-advice-reputation-medal, #competition-publications-table-append .widget-positioning-advice-reputation-medal {
  display: inline-block;
  position: relative;
  top: -21px;
}

.competition-graphic-container {
  margin: 20px 0;
}
.competition-graphic-container .listings-comparison .competitor-info {
  display: grid;
  grid-template-areas: "competitor-name competitor-reputation-medal competitor-reputation-official-store" "competitor-reputation-termometer competitor-reputation-termometer competitor-reputation-termometer";
  grid-template-columns: min-content min-content min-content;
  gap: 4px;
  grid-template-rows: auto auto;
}
.competition-graphic-container .listings-comparison .competitor-info .widget-positioning-advice-reputation-medal {
  display: flex;
  top: 0 !important;
}
.competition-graphic-container .listings-comparison .competitor-info .widget-positioning-advice-reputation-medal .medal-reputation.medal-sm.medal-official-store {
  top: 0 !important;
  left: 0 !important;
}
.competition-graphic-container .competitors-table-comparison {
  margin-top: 40px;
}
.competition-graphic-container .competitors-table-comparison .target-user-data {
  display: block;
  clear: both;
  margin: 0;
}
.competition-graphic-container .competitors-table-comparison .target-user-data .medal-reputation.medal-lg.medal-platinum {
  top: 22px;
}
.competition-graphic-container .competitors-table-comparison .target-user-data .medal-reputation.medal-lg.medal-gold {
  top: 22px;
}
.competition-graphic-container .competitors-table-comparison .target-user-data .medal-reputation.medal-lg.medal-silver {
  top: 22px;
}
.competition-graphic-container .competitors-table-comparison tr {
  border-bottom: 1px solid #D5D5D5;
}
.competition-graphic-container .competitors-table-comparison tr:last-child {
  border-bottom: 0;
}
.competition-graphic-container .competitors-table-comparison tr th {
  border-bottom: 2px solid #D5D5D5;
  text-align: left;
}
.competition-graphic-container .competitors-table-comparison tr td:first-child {
  text-transform: uppercase;
}
.competition-graphic-container .competitors-table-comparison .numvalue {
  color: #4194D8;
  text-align: left;
  font-weight: 500;
  padding-left: 0;
}
.competition-graphic-container .competitors-table-comparison .more-info.conversion, .competition-graphic-container .competitors-table-comparison .more-info.visits {
  margin-left: 4px;
}
.competition-graphic-container .competitors-table-comparison .active-filters-icon svg {
  width: 15px;
  position: relative;
  top: 2px;
  left: 2px;
}
.competition-graphic-container .competitors-table-comparison .target-user-data {
  display: grid;
  clear: both;
  grid-template-columns: auto auto;
  width: fit-content;
}
.competition-graphic-container .competitors-table-comparison .tooltip-info.new-design.listing-title-row .tiptext-new-design {
  top: 160%;
}

.more-info.conversion {
  margin-left: 4px;
}

.tooltip-inner {
  font-size: 12px;
  max-width: 218px;
}

.competition-graphic-container .widget-alert.info {
  font-size: 1.4rem;
}

.competition-graphic-container .tab-content {
  height: 72px;
}

.competition-graphic-container .widget .widget-title ul {
  display: inline-flex;
}

.competition-graphic-container .widget .widget-title ul li {
  margin-right: 20px;
  line-height: 25px;
  height: 32px;
}

.competition-graphic-container .widget .widget-title ul li:first-child {
  position: relative;
  top: 4px;
  margin-right: 0;
}

.competition-graphic-container .pricer-alert-invite {
  margin: -4px 0 4px;
  grid-template-columns: 56px auto;
}
.competition-graphic-container .pricer-alert-invite span {
  font-weight: 400;
}
.competition-graphic-container .pricer-alert-invite i {
  margin: 0 16px;
}

.widget-competition-compare-my-data,
.widget-competition-compare-my-competitor-data {
  text-align: center;
}

.widget-competition-compare-my-competitor-data .widget-data-number-secondary {
  font-size: 3.6rem;
}

.widget-competition-compare-my-data-termometer {
  width: 230px;
  display: inline-block;
  margin: 10px 0 30px;
}

.widget-competition-compare-my-data-termometer-medal {
  position: relative;
  top: -27px;
  display: inline-block;
}

.widget-competition-compare-my-competitor-data .widget-data-number:nth-child(5) {
  margin-bottom: 22px;
}

.widget-competition-compare-my-competitor-data .widget-data-number.not-active-items {
  margin-bottom: 23px;
}

.widget-competition-compare-my-competitor-data .widget-data-number a {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  padding-top: 5px;
}

.widget-competition-compare-my-data .widget-data-number#my-reputation,
.widget-competition-compare-my-competitor-data .widget-data-number#target-reputation {
  padding-bottom: 20px;
}

.widget-competition-compare-listing-type-chart div {
  padding-bottom: 10px;
}

.widget-competition-compare-my-data .widget-competition-compare-listing-type-chart div {
  padding-top: 23px;
}

.widget-competition-compare-listing-type-chart {
  width: 200px;
  margin: 0 auto;
}

.widget-competition-feed {
  position: relative;
  margin-bottom: 20px;
}

.widget-competition-feed .widget-title span {
  text-transform: uppercase;
}

.widget-competition-feed .widget-title {
  padding-bottom: 35px;
}

.widget-competition-feed-filters {
  height: 90px;
}
.widget-competition-feed-filters .subtitle-section {
  margin-bottom: 10px;
}
.widget-competition-feed-filters .subtitle-section.activity-widget {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
}
.widget-competition-feed-filters .subtitle-section.activity-widget #nameCompetitor {
  text-transform: uppercase;
}

.widget-competition-feed .selectize-control.single .selectize-input.items.full.has-options.has-items {
  border: 1px solid #ccc;
  padding: 6px 8px;
  font-size: 1.3rem;
  margin-left: 12px;
}

.widget-competition-feed .selectize-control.single .selectize-input.items.full.has-options.has-items:after {
  right: 0;
}

.widget-competition-feed .selectize-control.single .selectize-dropdown.single {
  left: 12px !important;
}

.widget-competition-feed .wrap-filter-date {
  width: 192px;
}

.widget-competition-feed .reset-filters {
  position: relative;
  top: 5px;
  left: 7px;
}

.widget-competition-feed .wrap-select-filter {
  width: 180px;
  display: inline-block;
  float: left;
  margin: 0 0 15px;
}

#checkmark-competition {
  width: 20px;
  height: 20px;
}

#checkmark-competition:after {
  left: 7px;
  top: 3px;
  width: 4px;
  height: 9px;
}

.multiSelect.new-check {
  max-width: 220px;
  font-size: 13px;
  margin-top: 1px;
}
.multiSelect.new-check .mdc-checkbox__wrappers {
  display: grid;
  grid-template-columns: 40px calc(100% - 40px);
  align-items: center;
}
.multiSelect.new-check .mdc-checkbox__wrappers label {
  margin-top: 3px;
}

.widget-competition-feed .wrap-filters {
  float: left;
  margin: 0 10px 15px 0;
}

.widget-competition-feed-list {
  overflow: scroll;
  height: 525px;
  clear: both;
}
.widget-competition-feed-list.empty-state {
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}
.widget-competition-feed-list .empty__competition-feed {
  display: grid;
  grid-template-columns: 260px auto;
  width: 90%;
  max-width: 800px;
  margin: 65px auto 100px;
  grid-gap: 28px;
  align-items: center;
}
.widget-competition-feed-list .empty__competition-feed[data-state-type=old-target] .empty__competition-feed--new-target {
  display: none;
}
.widget-competition-feed-list .empty__competition-feed[data-state-type=new-target] .empty__competition-feed--old-target {
  display: none;
}
.widget-competition-feed-list .empty__competition-feed img {
  margin-top: 4px;
}
.widget-competition-feed-list .empty__competition-feed h2 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
  padding: 0;
  line-height: 1;
}
.widget-competition-feed-list .empty__competition-feed h2 + p {
  margin: 0 0 12px;
}
.widget-competition-feed-list .empty__competition-feed p, .widget-competition-feed-list .empty__competition-feed ul li {
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000;
}
.widget-competition-feed-list .empty__competition-feed p a, .widget-competition-feed-list .empty__competition-feed ul li a {
  color: #236da9;
}
.widget-competition-feed-list .empty__competition-feed p a:hover, .widget-competition-feed-list .empty__competition-feed ul li a:hover {
  text-decoration: none;
  cursor: pointer;
}
.widget-competition-feed-list .empty__competition-feed ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 16px;
}
.widget-competition-feed-list .empty__competition-feed ul li {
  margin-bottom: 3px;
  padding-left: 5px;
  line-height: 1;
}
.widget-competition-feed-list .empty__competition-feed ul + p {
  margin: 0;
}

.widget-competition-feed .widget-competition-feed-item {
  display: grid;
  grid-template-columns: 24px auto;
  grid-gap: 12px;
  grid-row-gap: 45px;
  padding: 20px;
  border-bottom: 1px solid #d7d7d7;
}
.widget-competition-feed .widget-competition-feed-item:last-child {
  border-bottom: 0;
}
.widget-competition-feed .widget-competition-feed-item.unread {
  border-left: 4px solid #71D8BF;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-icon {
  width: 24px;
  height: 24px;
  margin-top: 6px;
  justify-self: center;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text {
  font-size: 1.4rem;
  color: #292828;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text a {
  color: #236da9;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text a:hover {
  color: #17507f;
  text-decoration: none;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text .widget-competition-feed-time-ago {
  color: #727272;
  font-size: 1.2rem;
  height: 16px;
  line-height: 17px;
  margin-top: 7px;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text.notification-reputation .notice-wrap {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: fit-content;
  grid-gap: 8px;
  align-items: center;
}
.widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text.notification-reputation .notice-wrap .newValues, .widget-competition-feed .widget-competition-feed-item .widget-competition-feed-text.notification-reputation .notice-wrap .oldValues {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 8px;
  align-items: center;
}

.competition-chart-sales-compare {
  padding: 50px 0;
}

.competition-chart-sales-compare .subtitle-section,
#listings-menu .subtitle-section {
  line-height: 20px;
}

.competition-heatmap-sales-datails {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 35px;
  grid-row-gap: 45px;
  grid-template-areas: "heatmap-calendar heatmap-results" "heatmap-sales-results heatmap-sales-results";
}
.competition-heatmap-sales-datails .wrap-filters .wrap-export {
  display: inline-block;
  margin-left: 20px;
}
.competition-heatmap-sales-datails .rect.highlight.graph-rect {
  stroke-width: 0;
}

.widget-heatmap-sales-datails .widget-heatmap-sales-datails-heatmap-container {
  grid-area: heatmap-calendar;
}

.widget-heatmap-sales-datails .widget-heatmap-sales-datails-heatmap-container .wrap-filters .filter-date {
  width: 169px;
}

.widget-heatmap-sales-datails-heatmap-container div.wrap-filters div.wrap-filter-date {
  width: 215px;
}

.widget-heatmap-sales-datails-heatmap-container input#heatmap-date.filter-date.chartDatepicker {
  width: 200px;
}

.competition-heatmap-sales-datails .widget-heatmap-sales-datails-heatmap-results {
  grid-area: heatmap-results;
  font-size: 1.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  grid-row-gap: 45px;
  grid-template-areas: "heatmap-results-title heatmap-results-title" "heatmap-sales-results-number-left heatmap-sales-results-number-right" "heatmap-sales-results-gmv heatmap-sales-results-gmv" "heatmap-sales-results-avg heatmap-sales-results-avg";
  position: relative;
}

.widget-heatmap-sales-datails-heatmap-results .widget-title {
  grid-area: heatmap-results-title;
}

.widget-heatmap-sales-datails-heatmap-results .widget-data-number:nth-child(2) {
  grid-area: heatmap-sales-results-number-left;
  justify-self: center;
  text-align: center;
}

.widget-heatmap-sales-datails-heatmap-results .widget-data-number:nth-child(3) {
  grid-area: heatmap-sales-results-number-right;
  justify-self: center;
  text-align: center;
}

.widget-heatmap-sales-datails-heatmap-results .widget-data-number:nth-child(4) {
  grid-area: heatmap-sales-results-gmv;
  justify-self: center;
  text-align: center;
}

.widget-heatmap-sales-datails-heatmap-results .widget-data-number:nth-child(5) {
  grid-area: heatmap-sales-results-avg;
  justify-self: center;
  text-align: center;
}

.widget-heatmap-sales-datails-heatmap-results-list {
  grid-area: heatmap-sales-results;
}

.competition-heatmap-sales-datails .heatmap-sales-datails-no-results {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.competition-heatmap-sales-datails .heatmap-sales-datails-no-results-icon {
  width: 50%;
  margin: 0 auto 30px;
}

.competition-heatmap-sales-datails .heatmap-sales-datails-no-results-text {
  margin-top: 30px;
  text-align: center;
}

.widget-heatmap-sales-datails-heatmap-results-list-items,
.widget-heatmap-sales-datails-heatmap-results-list-titles {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 25px 0;
}

.widget-heatmap-sales-datails-heatmap-results-list .widget-heatmap-sales-datails-heatmap-results-list-items:nth-child(odd) {
  background-color: #f7f7f7;
}

.widget-heatmap-sales-datails-heatmap-results-list-items {
  border-top: 1px solid #d7d7d7;
}
.widget-heatmap-sales-datails-heatmap-results-list-items .item-reputation-element,
.widget-heatmap-sales-datails-heatmap-results-list-items .widget-heatmap-sales-datails-heatmap-item-title-text {
  display: inline-block;
  vertical-align: middle;
}

.widget-heatmap-sales-datails-heatmap-item-thumb,
.widget-heatmap-sales-datails-heatmap-item-type,
.widget-heatmap-sales-datails-heatmap-item-number,
.widget-heatmap-sales-datails-heatmap-results-list-titles div {
  align-self: center;
}

.widget-heatmap-sales-datails-heatmap-results-list-titles div {
  font-size: 1.8rem;
  line-height: 20px;
}

.widget-heatmap-sales-datails-heatmap-item-thumb {
  justify-self: center;
}
.widget-heatmap-sales-datails-heatmap-item-thumb img {
  width: 90px;
  border-radius: 3px;
}

.widget-heatmap-sales-datails-heatmap-item-title {
  align-self: center;
}

.competition-detail-cal-heatmap-container .widget-alert {
  font-size: 1.2rem;
  padding: 8px 0;
  margin: 0 0 20px;
}

.competition-section .daterangepicker.opensright:after {
  left: 60px;
}

.competition-section .daterangepicker.opensright:before {
  left: 59px;
}

/* Category filter */
.competition-detail-category-filter {
  margin: 0;
}
.competition-detail-category-filter .bt-primary {
  margin: 10px 0;
  display: inline-block;
}
.competition-detail-category-filter p {
  font-size: 1.5rem;
}
.competition-detail-category-filter span.chevron-downarrow {
  position: relative;
  top: -1px;
  margin-left: 5px;
  background: transparent;
  width: 10px;
  height: 24px;
  text-align: center;
  display: inline-block;
}
.competition-detail-category-filter span.chevron-downarrow svg polyline {
  fill: #FFF;
}
.competition-detail-category-filter span.chevron-downarrow.rotate180 {
  transform: rotate(180deg);
  top: 4px;
}

.category-filter {
  border: 0;
}
.category-filter .panel-body {
  max-height: none;
  height: auto;
  padding: 0;
}
.category-filter.panel-collapse {
  max-height: none;
}
.category-filter .panel-collapse {
  margin-top: 10px;
  border-style: solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.category-filter .panel-body {
  max-width: 1800px;
}

.competition-category-filter-title {
  padding-bottom: 5px;
}

.sales-detail-cal-heatmap-date-custom-wrapper button {
  border: 0;
  background: #ccc;
  border-radius: 3px;
  padding: 1px 6px;
  color: white;
  margin: 0 5px;
}

.category-column {
  max-height: 300px;
  min-height: 300px;
  overflow: auto;
}

.category-column .category-chbx .category-menu {
  padding: 0;
}

.category-menu .rtCheckbox[type=checkbox]:before {
  background: #FFF;
}

.category-menu:hover .rtCheckbox[type=checkbox]:before {
  background: #f5f5f5;
}

.category-menu.active .rtCheckbox[type=checkbox]:before {
  background: #71d8bf;
}

div.testimonial-group div.category-item:first-child {
  width: 262px;
}

div.testimonial-group div.category-item {
  width: 222px;
  padding: 10px 0;
}

div.testimonial-group h6.list-group-item-text {
  padding: 0 10px;
}

div.testimonial-group div.checkbox {
  padding: 6px 0 6px 2px;
}
div.testimonial-group div.checkbox + div.category-item h6 {
  padding-left: 0;
  margin-top: 3px;
}

.category-help {
  margin: 20px 0 5px;
  border-top: 1px solid #e0e0e0;
  padding: 10px 0;
}

.category-help .text-x2-dark {
  margin-bottom: 10px;
}

.category-warning {
  margin: 10px 0;
  padding: 10px 0 15px;
  width: auto;
  padding: 5px 10px;
  float: none;
}

.category-help .alert {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  float: right;
  width: calc(100% - 180px);
}

.category-actions {
  margin-top: 5px;
  margin-bottom: 20px;
  clear: both;
}

.category-actions #help_save_changes_filters.initial {
  display: none;
}

.category-actions #help_save_changes_filters.initial.show-me {
  display: block;
}

.category-filter-selected {
  height: auto;
}
.category-filter-selected .category-tag {
  padding: 2px 5px;
  white-space: normal;
  margin-top: 5px;
  display: inline-block;
  font-size: 1.2rem;
}
.category-filter-selected .category-tag.label_type {
  padding: 3px 5px 3px 10px;
}
.category-filter-selected .category-tag.label_type button {
  border: 0;
  background: none;
  margin-left: 5px;
  font-size: 1.4rem;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.category-filter-selected .category-tag.label_type button:hover {
  opacity: 0.5;
}

.breadcrumbs.categories {
  margin-top: 10px;
  margin-bottom: 5px;
}

h6.list-group-item-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 300;
}

.list-group { /* Bootrstrap */
  max-height: 280px;
  min-width: 250px;
  vertical-align: top;
}

.competitors-wrapper {
  border-top: 1px solid #e0e0e0;
}

.testimonial-group .list-group a.list-group-item.category-menu .loading {
  background: transparent url("../img/loading-spinner.86a8fca17dff.gif") center center no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: 3px;
  right: -10px;
  width: 13px;
  height: 13px;
  opacity: 0.7;
}

.category-filter .selectize-dropdown-content .option.selected {
  display: none;
}

.category-filter .selectize-dropdown [data-selectable] {
  padding: 3px;
  font-size: 1.3rem;
}

/* Categories filters */
.testimonial-group > .row {
  overflow-x: auto;
  white-space: nowrap;
}

.testimonial-group > .row > .col-xs-12 {
  display: inline-block;
  float: none;
}

.testimonial-group > .row > .col-md-6 {
  display: inline-block;
  float: none;
}

.testimonial-group > .row > .col-lg-4 {
  display: inline-block;
  float: none;
  margin-right: 20px;
}

.testimonial-group .list-group a.list-group-item.category-menu.active {
  background-color: #71d8bf;
  border: 0;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item {
  position: relative;
  display: block;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  font-size: 1.6rem;
}

.testimonial-group .list-group a.list-group-item.category-menu.active .list-group-item-text {
  color: #FFFFFF;
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 400;
}

.competition-heatmap-detail-table-row {
  padding-top: 5px;
  padding-bottom: 5px;
}

.breadcrumb > li + li:before {
  color: #ccc;
  content: none;
  padding: 0 5px;
}

.competition-detail-feed-wrapper .dropdown-toggle.btn {
  padding: 4px 12px;
}

.official-store-icon {
  width: 19px;
  height: 19px;
  background: url("../img/sprite-rt.f7e5b2cd2be3.svg");
  display: inline-block;
  background-position: -35px 169px;
  background-size: 538px;
  position: relative;
  top: 7px;
  left: 4px;
}

.competition-detail-category-filter .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
}

.competition-detail-category-filter .breadcrumb > li {
  display: inline-block;
}

.competition-detail-category-filter .dropdown {
  position: relative;
}

.competition-detail-category-filter .dropdown a.dropdown-toggle {
  position: relative;
  color: #4194D8;
}

.competition-detail-category-filter .dropdown-menu-deleteclass {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1.4rem;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.competition-detail-category-filter .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #595959;
  white-space: nowrap;
}

.competition-detail-category-filter .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.container.left {
  margin-bottom: 0;
  height: 15px;
}

.checkmark.left {
  height: 10px;
  width: 10px;
  padding: 7px;
  border: 1px solid rgb(211, 209, 209) !important;
}

.competition-detail-category-filter .pull-left.category-item {
  position: relative;
  top: 3px;
}

.competition-detail-category-filter #collapseFilter input.check-category.rtCheckbox.large {
  position: relative;
  top: 2px;
  width: 21px;
  height: 17px;
}

.competition-detail-category-filter .selectize-input.items.full.has-options.has-items {
  font-size: 1.3rem;
}

.competition-detail-category-filter a#btn_cancel_changes_filters {
  padding: 0 20px;
}

/* Multiple Select with checkboxes */
.widget-competition-feed .dropdown-multipleSelect {
  margin: 0;
}

.dropdown-multipleSelect {
  margin: 0 0 0 10px;
  padding: 8px 0;
  border: 1px solid #b7b7b7;
  color: #292828;
  border-radius: 3px;
  position: relative;
}

.dropdown-multipleSelect dd,
.dropdown-multipleSelect dt {
  margin: 0;
  padding: 0;
}

.dropdown-multipleSelect ul {
  margin: -1px 0 0;
}

.dropdown-multipleSelect dd {
  position: relative;
}

.dropdown-multipleSelect a,
.dropdown-multipleSelect a:visited {
  text-decoration: none;
  outline: none;
}

.dropdown-multipleSelect dt a {
  display: block;
  box-shadow: none;
  margin: 0;
  padding: 2px 10px;
  height: 18px;
  color: #818181;
  font-size: 1.4rem;
  overflow: inherit;
}

.widget-filters .selectize-input.items.full.has-options.has-items {
  width: 200px;
}

.dropdown-multipleSelect dt a:after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 19px;
  right: 11px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.dropdown-multipleSelect dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown-multipleSelect dd ul {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #818181;
  font-size: 1.4rem;
  display: none;
  left: 0;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 5px;
  list-style: none;
  overflow: inherit;
  width: 200px;
  z-index: 1;
}

.dropdown-multipleSelect dd ul li {
  padding: 5px 2px;
  overflow: hidden;
}

.dropdown-multipleSelect dd ul li input {
  margin-right: 5px;
}

.dropdown-multipleSelect span.value {
  display: none;
}

.dropdown-multipleSelect dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown-multipleSelect dd ul li a:hover {
  background-color: #ccc;
}

.rt-loading-wrapper-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}

.rt-loading-wrapper-2 .spinner-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.list-items-rows > div:nth-child(even) {
  background: #f7f7f7;
}

.list-items-rows > div:nth-child(odd) {
  background: white;
}

.competition-extra-competitors-info,
.competition-can-follow-extra-box {
  margin-bottom: 10px;
}

.competition-pre-coupon-description {
  padding: 30px 0 20px;
}

.competition-pre-coupon-description .widget-alert {
  margin-bottom: 20px;
}

#trialCreateCouponBtn {
  margin-bottom: 20px;
}

#trialPayCouponLink {
  margin-top: 20px;
}

.competition-discount-teaser {
  margin-top: 20px;
}

.competition-discount-button, .competition-discount-description, .competition-discount-teaser {
  padding: 10px 0;
}

.widget-heatmap-sales-datails-heatmap-item-medal {
  position: relative;
  top: 5px;
  left: 5px;
}

/* HEATMAP */
/* Calendar Sales Detail */
@media (min-width: 768px) {
  .sales-detail-cal-heatmap-info {
    padding-top: 160px;
  }
}
@media (max-width: 768px) {
  .sales-detail-cal-heatmap-info {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .widget.widget-competition-feed .widget-competition-feed-list.empty-state {
    display: block;
  }
  .widget.widget-competition-feed .widget-competition-feed-list .empty__competition-feed {
    display: block;
    max-width: 400px;
  }
  .widget.widget-competition-feed .widget-competition-feed-list .empty__competition-feed img {
    margin-bottom: 30px;
  }
  .widget.widget-competition-feed .widget-competition-feed-list .empty__competition-feed .empty__competition-feed--new-target {
    max-width: 90%;
    margin: 0 auto;
  }
}
.sales-detail-cal-loader {
  margin-top: 20px;
}

.sales-detail-cal-heatmap {
  padding-top: 15px;
  display: none;
}

.sales-detail-cal-heatmap-filter {
  display: none;
}

.sales-detail-cal-heatmap-date-custom-wrapper {
  margin-bottom: 10px;
}

.sales-detail-cal-heatmap-date-inverse-error,
.sales-detail-cal-heatmap-out-of-range-error {
  margin-bottom: 15px;
  display: none;
}

.sales-detail-cal-heatmap-buttons {
  margin-bottom: 10px;
}

.sales-detail-cal-heatmap-buttons .bt-outline-secondary i {
  width: 5px;
}

.sales-detail-cal-heatmap-buttons #next.bt-outline-secondary {
  margin-left: 15px;
}

.sales-detail-cal-heatmap-buttons #next.bt-outline-secondary i {
  margin-left: 8px;
  margin-right: 0;
}

.sales-detail-cal-heatmap-detail-table {
  margin-top: 20px;
  margin-bottom: 10px;
  display: none;
}

.sales-detail-cal-heatmap-detail-table-header {
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*Competition V2*/
.filtered-categories .bt-outline {
  border-color: #71D8BF;
  color: #71D8BF;
}

.filtered-categories svg {
  margin-left: 10px;
}

.widget-competition-following .competition-detail-category-filter {
  grid-column-start: 1;
  grid-column-end: 6;
}
.widget-competition-following .competition-detail-category-filter .testimonial-group {
  margin-top: 25px;
}
.widget-competition-following .competition-mixin-filter {
  border-bottom: 1px solid #d7d7d7;
  grid-column-start: 1;
  grid-column-end: 6;
}

.competition-following-list .toggle-category-filter svg {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.competition-following-list .toggle-category-filter.collapsed svg {
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Safari */
  transform: rotate(0deg);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.competition-following-list .open-filtering.non-filtered, .competition-following-list .open-filtering.non-filtered:focus {
  border: 1px solid #d7d7d7;
  color: #a5a5a5;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}
.competition-following-list .open-filtering.non-filtered:hover, .competition-following-list .open-filtering.non-filtered:focus:hover {
  color: #727272;
  border-color: #a4a4a4;
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}
.competition-following-list .open-filtering.non-filtered:hover svg, .competition-following-list .open-filtering.non-filtered:focus:hover svg {
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}
.competition-following-list .open-filtering.non-filtered:hover svg path, .competition-following-list .open-filtering.non-filtered:focus:hover svg path {
  fill: #727272;
}
.competition-following-list .open-filtering .rotating-arrow svg {
  -webkit-transition: all 100ms ease-out 100ms;
  -moz-transition: all 100ms ease-out 100ms;
  -o-transition: all 100ms ease-out 100ms;
  transition: all 100ms ease-out 100ms;
}
.competition-following-list .open-filtering .rotating-arrow svg path {
  fill: #a5a5a5;
}
.competition-following-list .actively-filtered-categories {
  border-color: #71D8BF;
  color: #71D8BF;
}
.competition-following-list .actively-filtered-categories svg {
  position: relative;
  top: 2px;
}
.competition-following-list .filtered-categories .bt-outline.open-filtering .rotating-arrow svg path {
  fill: #34a78b;
}
.competition-following-list .filtered-categories .bt-outline.open-filtering.non-filtered .rotating-arrow svg path {
  fill: #a5a5a5;
}
.competition-following-list .filtered-categories .bt-outline.open-filtering:hover .rotating-arrow svg g path {
  fill: #6b6b6b;
}

.competition-following-list .sticky-proceed-actions {
  text-align: center;
  min-width: 100%;
  left: 0;
  box-shadow: 0 -4px 4px -5px #c4c2c2;
  bottom: 1px;
  position: fixed;
  z-index: 6;
  background-color: white;
  height: 90px;
  display: none;
  justify-content: center;
  align-items: center;
}
.competition-following-list .sticky-proceed-actions button {
  display: inline-block;
  bottom: 25px;
  font-size: 1.5rem;
  position: fixed;
  z-index: 9999;
}

.competitors-listing {
  margin: 10px 0 30px;
  color: #292828;
}
.competitors-listing .title-select-competitors {
  font-size: 18px;
  font-weight: 600;
}
.competitors-listing .competitors-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1360px) {
  .competitors-listing .competitors-list {
    grid-template-columns: 1fr 1fr;
  }
}
.competitors-listing .competitors-list .disabled {
  opacity: 0.5;
  cursor: disabled;
}
.competitors-listing .competitors-list label {
  display: grid;
  grid-template-columns: 40px min-content min-content;
  align-items: center;
  margin-left: -10px;
}
.competitors-listing .competitors-list label .nickname {
  font-size: 14px;
  text-transform: uppercase;
}
.competitors-listing .competitors-list label .wrap-badge-competition {
  margin-top: 2px;
}

.competitors-list button[data-followed=true] {
  pointer-events: none;
  background-color: none;
  border: none;
}
.competitors-list button[data-followed=true] .mdc-button__label {
  color: #292828;
}

.comp-detail-tabs {
  margin-bottom: 20px;
}

.widget-filters.competitor-filters {
  margin-top: 14px;
}

.sticky-filters-wrapper {
  padding: 30px 0 0;
  display: inline-flex;
  margin-bottom: -10px;
}
.sticky-filters-wrapper .custom-select {
  margin-top: 8px;
}
.sticky-filters-wrapper.fixed {
  width: 100vw;
  top: 45px;
  left: 70px;
  position: fixed;
  z-index: 3;
  background: white;
  border-bottom: 1px solid #d8d8d8;
  padding: 16px 34px 15px 20px;
  -webkit-transition: top 250ms ease-in-out;
  -moz-transition: top 250ms ease-in-out;
  -o-transition: top 250ms ease-in-out;
  transition: top 250ms ease-in-out;
}
.sticky-filters-wrapper.fixed .competitor-filters {
  margin: 0;
}

.widget-title {
  color: #727272;
  line-height: 20px;
  font-weight: 400;
  font-size: 2.2rem;
  padding: 20px 0;
  margin-right: 20px;
}

.listings-comparison {
  margin-top: 50px;
}
.listings-comparison .listing-types-bar {
  height: 12px;
}
.listings-comparison .listing-types-bar .tooltip {
  position: absolute;
  z-index: 999;
}
.listings-comparison .listing-types-bar span {
  display: inline-block;
  float: left;
  height: 12px;
  overflow: visible;
}
.listings-comparison .listing-types-bar span.free {
  background-color: #4194D8;
}
.listings-comparison .listing-types-bar span.gold_pro {
  background-color: #4194D8;
}
.listings-comparison .listing-types-bar span.gold_special {
  background-color: #71D8BF;
}
.listings-comparison .listing-types-bar span.gold_premium {
  background-color: #F36C00;
}
.listings-comparison .listing-types-bar span.gold {
  background-color: #FFCC59;
}
.listings-comparison .listing-types-bar span.silver {
  background-color: #727272;
}
.listings-comparison .listing-types-bar span.bronze {
  background-color: #E3CEF1;
}

#loadPublicationsTarget {
  padding: 40px 20px 20px;
  text-align: center;
}

.filtered-categories .bt-outline,
.filtered-categories .bt-outline:focus {
  border-color: #71D8BF;
  color: #71D8BF;
  min-width: 130px;
}

.btn_cancel_changes_filters {
  padding: 0 20px;
  font-size: 14px;
}

#filter-bar.sticky-filters-wrapper {
  margin-bottom: 12px;
}
#filter-bar.sticky-filters-wrapper .custom-select {
  max-width: none;
  width: fit-content;
}
#filter-bar.sticky-filters-wrapper .custom-select .item {
  padding: 0 2px;
}
#filter-bar.sticky-filters-wrapper .custom-select .custom-select__select .selectize-input.items.full.has-options.has-items {
  padding: 0px 40px 0px 12px;
}
#filter-bar.sticky-filters-wrapper .custom-select__select .selectize-dropdown.single {
  width: fit-content;
}
#filter-bar.sticky-filters-wrapper .custom-select__select .selectize-dropdown.single .selectize-dropdown-content .option {
  text-overflow: ellipsis;
}

#cancelModalExtraCompetitors {
  background-color: white;
  color: #4194d8;
  padding-right: 20px;
}

#addUnfollowCompetitorLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  margin: 0;
}
#addUnfollowCompetitorLoader .custom-mdc-spinner {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal__confirm-proceed .widget-alert span span {
  padding-right: 0;
}
.modal__confirm-proceed #btn-unfollow-confirm:hover {
  background: #236da9;
}

#followanExtraCompetitorTrial #closeBtn {
  width: 28px;
  height: 28px;
  background: none;
  border-radius: 50%;
  position: absolute;
  right: 12px;
}
#followanExtraCompetitorTrial #closeBtn i {
  display: block;
  width: 14px;
  height: 14px;
}
#followanExtraCompetitorTrial #closeBtn i svg {
  display: block;
  width: 14px;
  height: 14px;
  position: relative;
  left: 7px;
}
#followanExtraCompetitorTrial #closeBtn i g path {
  fill: #727272;
}
#followanExtraCompetitorTrial #closeBtn:hover {
  background: #eeeeee;
}
#followanExtraCompetitorTrial #closeBtn:hover i g {
  fill: #292828;
}

#followanExtraCompetitor .modal-dialog .modal-content {
  border: 3px solid #a0d0f6;
}
#followanExtraCompetitor .modal-dialog .modal-content .modal-header {
  background-color: #a0d0f6;
}
#followanExtraCompetitor .modal-dialog .modal-content .modal-header h4 {
  margin-top: -7px;
}
#followanExtraCompetitor .modal-dialog .modal-content .modal-header h4:not(.title__icon)::before {
  background-image: url("../img/Alertas-indicadores/Information.21738aea46ec.svg");
  height: 23px;
  width: 36px;
  background-position: 11px 1px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  top: 5px;
  left: -12px;
  margin-right: -3px;
  position: relative;
  background-size: 22px;
}
#followanExtraCompetitor .modal-dialog .modal-content .spinner-wrapper {
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 4px);
  top: 50%;
  background: rgba(255, 255, 255, 0.85);
  padding: 0;
  display: grid;
  align-items: center;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  border-radius: 4px;
}
#followanExtraCompetitor.active-loader .modal-dialog .modal-content {
  overflow: initial;
}
#followanExtraCompetitor .modal-body p {
  line-height: 17px;
}
#followanExtraCompetitor .modal-body .widget-alert.active {
  display: grid;
}
#followanExtraCompetitor .modal-footer button {
  font-size: 14px;
}
#followanExtraCompetitor .modal-footer button#btnConfirmFollowExtraCompetitor:hover {
  background: #236da9;
}

.widget-state-empty-competitors {
  min-height: 390px;
  margin-bottom: 29px;
}
.widget-state-empty-competitors .widget-state-empty__wrapper {
  max-width: 720px;
}
.widget-state-empty-competitors .widget-state-empty__wrapper p {
  font-size: 1.4rem;
}
.widget-state-empty-competitors .widget-state-empty__wrapper p + a {
  margin-top: 8px;
  color: #236da9;
}
.widget-state-empty-competitors .widget-state-empty__wrapper p + a:hover {
  color: #17507f;
}
.widget-state-empty-competitors .widget-state-empty__wrapper .container-link-market p a {
  color: #236da9;
}
.widget-state-empty-competitors .widget-state-empty__wrapper .container-link-market p a:hover {
  color: #17507f;
}
.widget-state-empty-competitors .widget-state-empty__wrapper .RT-tooltip.new-tooltip-info {
  top: 2px;
  left: 5px;
  margin: 0px;
}
.widget-state-empty-competitors .widget-state-empty__wrapper .RT-tooltip.new-tooltip-info .RT-tooltip__content {
  width: max-content;
  max-width: 275px;
}
.widget-state-empty-competitors .widget-state-empty__wrapper .RT-tooltip.new-tooltip-info .RT-tooltip__title i {
  width: 14px;
  height: 14px;
}
.widget-state-empty-competitors .widget-state-empty__wrapper hr {
  border-top: 1px solid #dbdbdb;
}
.widget-state-empty-competitors .widget-state-empty__wrapper .widget-search-competitors__description span {
  color: #292828;
}
.widget-state-empty-competitors + .competition-results-search {
  margin-top: 32px;
}

.widget-search-competitors__empty-state {
  margin: 20px auto 0;
}
.widget-search-competitors__empty-state .widget-search-competitors__description {
  margin-bottom: 33px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
.widget-search-competitors__empty-state .widget-search-competitors__description span {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 0;
  color: #292828;
}
.widget-search-competitors__empty-state .competition-search-disclaimer {
  color: #727272;
  font-size: 12px;
  margin-top: 4px;
}
.widget-search-competitors__input-wrap {
  align-items: center;
  display: grid;
  grid-template-columns: 340px 80px;
  grid-gap: 20px;
  margin-bottom: 4px;
}
.widget-search-competitors__input-wrap input::placeholder {
  color: #b7b7b7;
}
.widget-search-competitors__input-wrap input:focus::placeholder {
  color: transparent;
}
.widget-search-competitors__input-wrap label.inputError:not(.mdc-text-field--disabled) span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__leading,
.widget-search-competitors__input-wrap label.inputError:not(.mdc-text-field--disabled) span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch,
.widget-search-competitors__input-wrap label.inputError:not(.mdc-text-field--disabled) span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__trailing {
  border-color: #f04e54;
}
.widget-search-competitors__input-wrap label.inputError:not(.mdc-text-field--disabled) span.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched span.mdc-notched-outline__notch span.mdc-floating-label.mdc-floating-label--float-above {
  color: #f04e54;
}

.competition-add-search {
  margin-bottom: 32px;
}
.competition-add-search .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.competition-add-search .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.competition-add-search .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  background: white;
}
.competition-add-search .subtitle-section-text {
  margin: 14px 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.competition-add-search .subtitle-section-text .RT-tooltip[datat-type=icon] {
  top: -7px;
  left: 1px;
}
.competition-add-search .subtitle-section-text .RT-tooltip[datat-type=icon] .RT-tooltip__title i {
  width: 14px;
  height: 14px;
}
.competition-add-search .subtitle-section-text > div > span {
  font-size: 1.4rem;
  color: #292828;
}
.competition-add-search .subtitle-section {
  color: #727272;
}
.competition-add-search p {
  margin: 0;
  font-size: 1.4rem;
  color: #292828;
}
.competition-add-search p:first-child {
  margin-bottom: 12px;
}
.competition-add-search .competition-search-disclaimer {
  color: #727272;
  font-size: 12px;
  margin-top: 4px;
}
.competition-add-search .container-link-market.added-competitor {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.competition-add-search .container-link-market.added-competitor .RT-tooltip[datat-type=icon] {
  top: -7px;
  left: 1px;
}
.competition-add-search .container-link-market.added-competitor .RT-tooltip[datat-type=icon] .RT-tooltip__title i {
  width: 14px;
  height: 14px;
}
.competition-add-search .container-link-market.added-competitor .RT-tooltip[datat-type=icon] .RT-tooltip__content {
  width: max-content;
  max-width: 275px;
}
.competition-add-search .container-link-market.added-competitor p a {
  color: #236da9;
  text-decoration: none;
}
.competition-add-search .container-link-market.added-competitor p a:hover {
  color: #17507f;
}
.competition-add-search button {
  width: 108px;
  height: 36px;
}

#competition-add-wrapper {
  background: #ffffff;
  min-height: 556px;
  display: block;
  align-items: center;
  padding: 36px;
}
#competition-add-wrapper .hr-divider-empty {
  border-top: 1px solid #dbdbdb;
}

#competition-add-wrapper.empty-result {
  min-height: auto;
}

#widget-state-empty-no-results {
  margin-top: 40px;
}
#widget-state-empty-no-results h2 {
  font-size: 18px;
  color: #292828;
  font-weight: 600;
}
#widget-state-empty-no-results .widget-search-competitors__description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 94%;
}
#widget-state-empty-no-results .widget-search-competitors__description .title-span {
  color: #292828;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}
#widget-state-empty-no-results .widget-search-competitors__description .content-span {
  color: #292828;
  font-size: 14px;
  margin-bottom: 12px;
}

.competition-results-search {
  box-sizing: border-box;
  padding: 32px 24px;
}
.competition-results-search:not([data-loader=true]) {
  background: white;
}
.competition-results-search[data-loader=true] {
  min-height: 300px;
  align-items: center;
  display: grid;
}
.competition-results-search h2 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #727272;
}
.competition-results-search .filter-chips-wrap {
  margin: 0px 0px 24px 0px;
}
.competition-results-search .filter-chips-wrap .more-chips-wrap {
  z-index: 0;
}
.competition-results-search .no-results-filter-item-competitors {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 80px;
  grid-gap: 30px;
  color: #292828;
  font-size: 14px;
}
.competition-results-search .no-results-filter-item-competitors h3 {
  margin-bottom: 4px;
}
.competition-results-search .no-results-filter-item-competitors span {
  display: flex;
  align-items: center;
}
.competition-results-search .no-results-filter-item-competitors [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md {
  padding: 8px 4px;
}
.competition-results-search .no-results-filter-item-competitors [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md .mdc-button__label {
  display: block;
  color: #236da9;
}
.competition-results-search .no-results-filter-item-competitors [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md:hover {
  background-color: transparent;
  border-color: transparent;
}
.competition-results-search .no-results-filter-item-competitors [data-button-type=clean-filters].mdc-button.mdc-button--unelevated.tertiary-md:hover span {
  color: #17507f;
}
.competition-results-search .competition-results-search-header {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.competition-results-search .competition-results-search-header .checkbox-selector {
  color: #292828;
  width: 222px;
}
.competition-results-search .competition-results-search-header .all-option-container {
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dbdbdb;
}
.competition-results-search .competition-results-search-header .all-option-container .all-option-label {
  color: #b7b7b7;
}
.competition-results-search .competition-results-search-header .checkbox-selector__dropdown {
  padding: 10px 0;
}
.competition-results-search .competition-results-search-header .checkbox-selector__selector.active {
  border-color: #4194D8;
}
.competition-results-search .competition-results-search-header .checkbox-selector__checkbox--container {
  margin-bottom: 0;
  max-height: fit-content;
}
.competition-results-search .competition-results-search-header .checkbox-selector__checkbox-scroll {
  display: flex;
  flex-direction: column;
  max-height: 208px;
  width: 190px;
  margin: 5px 0;
  padding: 0 12px 0 9px;
}
.competition-results-search .competition-results-search-header .checkbox-selector__checkbox-scroll .subtitle-filter {
  display: block;
  padding: 10px;
  font-size: 12px;
  color: #727272;
}
.competition-results-search .competition-results-search-header .mdc-button {
  width: 100%;
}
.competition-results-search .competition-results-search-header .RT-tooltip[datat-type=icon] {
  margin: 0px 12px;
  top: 0px;
}
.competition-results-search .competition-results-search-header .RT-tooltip[datat-type=icon] .RT-tooltip__title i {
  width: 14px;
  height: 14px;
}
.competition-results-search .competition-price-filter {
  background-color: #f5f5f5;
  font-size: 14px;
  color: #727272;
  height: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 23px;
}
.competition-results-search .competition-price-filter .selectize-input.items.full.has-options.has-items {
  background-color: #f5f5f5;
  border: none;
}
.competition-results-search .competition-price-filter .selectize-input.items.full.has-options.has-items:hover {
  background-color: #EEEEEE;
  border: none;
  border-radius: 0px;
}
.competition-results-search .competition-price-filter .custom-select__select .selectize-dropdown.single {
  border-radius: 0px;
}
.competition-results-search .seller-list-element {
  padding: 24px;
  border-bottom: 1px solid #eeeeee;
  display: grid;
  grid-template-columns: auto 95px;
  align-items: center;
}
.competition-results-search .seller-list-element .seller-list-element__name {
  font-size: 1.6rem;
  font-weight: 600;
  color: #292828;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.competition-results-search .seller-list-element [data-id=competitor-list-element__button] {
  width: 95px;
  text-align: center;
}
.competition-results-search .seller-list-element .seller-list-element__reputation {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  width: fit-content;
  align-content: center;
}
.competition-results-search .seller-list-element .seller-list-element__reputation .thermometer {
  display: flex;
  align-self: center;
}
.competition-results-search .seller-list-element .seller-list-element__reputation .RT-tooltip {
  margin-right: 0;
}
.competition-results-search .seller-list-element .followed-target-button {
  cursor: default;
  font-size: 1.4rem;
  color: #292828;
}
.competition-results-search .item-list-element {
  padding: 24px 36px;
  border-bottom: 1px solid #eeeeee;
  display: grid;
  grid-template-columns: 95px auto 155px;
  grid-gap: 32px;
  align-items: center;
}
.competition-results-search .item-list-element [data-id=competitor-list-element__button] {
  text-align: center;
}
.competition-results-search .item-list-element .sup-style-decimals {
  top: -5px;
  margin-left: 1px;
}
.competition-results-search .item-list-element .item-list-element-image {
  width: 100px;
  height: 100px;
  text-align: center;
  align-content: center;
  display: flex;
}
.competition-results-search .item-list-element .item-list-element-name {
  font-size: 16px;
  font-weight: 400;
  color: #292828;
  margin: 8px 0;
}
.competition-results-search .item-list-element .seller-list-element__name {
  text-transform: uppercase;
  color: #292828;
  font-size: 14px;
}
.competition-results-search .item-list-element .item-list-element-price {
  font-size: 18px;
  font-weight: 600;
  color: #292828;
  margin: 0 0 8px 0;
}
.competition-results-search .item-list-element__type {
  display: flex;
  gap: 8px;
}
.competition-results-search .item-list-element__type .RT-tooltip {
  margin: 0;
}
.competition-results-search .item-list-element .text-center {
  justify-self: center;
}
.competition-results-search .RT-tooltip[data-position=right][datat-type=icon] .RT-tooltip__content {
  width: max-content;
  max-width: 275px;
}

[data-id=competitors-templates] {
  display: none;
}

#competition-principal-loader {
  min-height: 250px;
  display: grid;
  align-items: center;
}

#append-competition-detail {
  display: flex;
}
#append-competition-detail .competitor-date {
  margin-left: 12px;
}

.competition-results-search .item-list-element.item-grid .item-list-element-info .seller-list-element__reputation {
  display: flex;
  align-items: center;
  width: 300px;
  height: 18px;
  margin: 8px 0;
}
.competition-results-search .item-list-element.item-grid .item-list-element-info .seller-list-element__reputation .thermometer.therm-sm.therm-x5 {
  margin-right: 16px;
}

.competition-results-search .item-list-element div .followed-target-button {
  font-size: 14px;
  color: #292828;
}

#editAliasDrawer .drawer-body {
  padding: 12px 5px 12px 16px;
}
#editAliasDrawer .drawer-body h3 {
  font-size: 18px;
  font-weight: 600;
  color: #292828;
}
#editAliasDrawer .drawer-body h3.preview-alias {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
}
#editAliasDrawer .drawer-body .container-text-and-inputs .text-explain-edit {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
#editAliasDrawer .drawer-body .ds-secondary-content.four-columns {
  margin-top: 28px;
}
#editAliasDrawer .drawer-body .ds-secondary-content.four-columns .mdc-text-field.mdc-text-field--outlined.input-new-alias {
  width: 264px;
}
#editAliasDrawer .drawer-body .ds-secondary-content.four-columns .mdc-text-field.mdc-text-field--outlined.input-new-alias #inputAdditionalAlias {
  text-transform: uppercase;
}
#editAliasDrawer .drawer-body .ds-secondary-content.four-columns .line-separator-alias {
  position: relative;
  top: 14px;
}
#editAliasDrawer .drawer-body #editErrorAlert {
  margin-bottom: -11px;
  width: 97%;
}
#editAliasDrawer .drawer-body .container-text-and-inputs.border-result-box .widget-competition-following-item {
  width: 97%;
}
#editAliasDrawer .drawer-body .container-text-and-inputs.border-result-box .widget-competition-following-item .competition-grid-row {
  border: solid 1px #dbdbdb;
  border-radius: 4px;
  padding: 20px;
}
#editAliasDrawer .drawer-body .container-text-and-inputs.border-result-box .widget-competition-following-item .competition-grid-row .widget-competition-following-user .container-info-following {
  color: #292828;
  font-weight: 600;
  font-size: 14px;
}
#editAliasDrawer .drawer-body .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, #editAliasDrawer .drawer-body .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  z-index: 9999;
}
#editAliasDrawer .drawer-body .mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 27px;
  padding-left: 16px;
}
@media (min-width: 1650px) {
  #editAliasDrawer .drawer-body .mdc-text-field + .mdc-text-field-helper-line {
    padding-right: 22px;
    padding-left: 16px;
  }
}
#editAliasDrawer .drawer-body #inputAlias {
  background-color: #f5f5f5;
}
#editAliasDrawer .drawer-body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
#editAliasDrawer .drawer-body::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#editAliasDrawer #cancelDrawer {
  margin-right: 8px;
}
#editAliasDrawer .counter-plus-error {
  display: grid;
  grid-template-columns: auto 30px;
  padding-right: 32px;
}
#editAliasDrawer .counter-plus-error .validation-error {
  color: #f04e54;
  font-size: 12px;
  position: relative;
  top: -15px;
}

#modalCloseAndCancelDawerEdit .modal-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -65%);
}

#modalCloseAndCancelDawerEdit.ds-modal {
  max-width: 100vw;
  background-color: rgba(0, 0, 0, 0.3019607843);
}

body::-webkit-scrollbar {
  width: 4px;
  margin-right: 2px;
}

body::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}

#competitors-table-to-append .medal-reputation.medal-lg.medal-official-store {
  top: 23px !important;
  position: relative;
}

#competition-publications-table-append .medal-reputation.medal-sm.medal-official-store {
  position: relative;
  top: -34px;
  left: 93%;
}

#nameCompetitor {
  text-transform: uppercase;
}

#targetFinalNoticesContainer .widget-competition-feed-item.notification-reputation .notice-wrap {
  display: flex;
  margin-top: 7px;
}
#targetFinalNoticesContainer .widget-competition-feed-item.notification-reputation .notice-wrap .oldValues {
  margin: 4px 12px;
}
#targetFinalNoticesContainer .widget-competition-feed-item.notification-reputation .notice-wrap .newValues {
  margin: 4px 12px;
}
#targetFinalNoticesContainer .widget-competition-feed-item.notification-reputation .notice-wrap .widget-competition-feed-time-ago {
  margin-top: -4px;
}

.widget.widget-competition-feed .wrap-filter-date.custom-date-picker.target-picker .open-calendar:not(.open-dash-calendar):before {
  display: none;
}
.widget.widget-competition-feed .wrap-filter-date.custom-date-picker.target-picker i.open-calendar:not(.open-dash-calendar) {
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  background: transparent;
}
.widget.widget-competition-feed .wrap-filter-date.custom-date-picker.target-picker i.open-calendar:not(.open-dash-calendar):hover {
  cursor: pointer;
}
.widget.widget-competition-feed .wrap-filter-date.custom-date-picker.target-picker i.open-calendar:not(.open-dash-calendar) svg {
  width: 17px;
}
.widget.widget-competition-feed .wrap-filter-date.custom-date-picker.target-picker i.open-calendar:not(.open-dash-calendar) svg path {
  fill: #292828;
}

#intercomLauncherElement.intercom-class-el {
  cursor: pointer;
}
#intercomLauncherElement.intercom-class-el:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

#notification-alert-base .notification-float .notification-float-text a, #notification-alert-base.notification-float .notification-float-text a, [data-notification-type=append] .notification-float .notification-float-text a, [data-notification-type=append].notification-float .notification-float-text a#intercomLauncherElement.intercom-class-el:hover {
  text-decoration: underline;
}

#btnSearchEmpty {
  width: 96px;
  height: 36px;
}

#loadingBtn {
  width: 109px !important;
}

.widget-state-blocked__wrapper {
  max-width: 700px;
}

.wrap-heatmap-legend {
  display: grid;
  grid-template-columns: 65% 35%;
  grid-gap: 10px;
  grid-row-gap: 20px;
  grid-template-areas: "cal-heat-cont cal-heat-legend";
  padding-top: 10px;
}

.calendar-heatmap {
  grid-area: cal-heat-cont;
}
.calendar-heatmap svg.cal-heatmap-container svg.graph-legend {
  display: none;
}
.calendar-heatmap .cal-heatmap-container {
  display: block;
}
.calendar-heatmap .cal-heatmap-container .graph {
  font-family: "proxima-nova";
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .domain-background {
  fill: none;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group rect {
  fill-opacity: 1;
  -webkit-transition: fill-opacity 200ms;
  -moz-transition: fill-opacity 200ms;
  -o-transition: fill-opacity 200ms;
  transition: fill-opacity 200ms;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group rect:hover {
  fill-opacity: 0.6;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .graph-rect {
  fill: #D7D7D7;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .hover_cursor:hover {
  cursor: pointer;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .qi {
  fill: #999;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .q1 {
  fill: #B4DBED;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .q2 {
  fill: #71B5E2;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .q3 {
  fill: #4194D8;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .q4 {
  fill: #4194D8;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .q5 {
  fill: #4194D8;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group rect.highlight.graph-rect {
  stroke-width: 8px;
  stroke: #fff;
  ry: 8px;
  rx: 8px;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-subdomain-group .subdomain-text {
  font-size: 1.8rem;
  fill: #FFFFFF;
  pointer-events: none;
  font-family: "proxima-nova";
  font-weight: 400;
}
.calendar-heatmap .cal-heatmap-container .graph .graph-domain .graph-label {
  fill: #818281;
  font-family: "proxima-nova";
  font-size: 1.8rem;
  font-weight: bold;
}
.calendar-heatmap .ch-tooltip {
  padding: 10px;
  background: #222;
  color: #bbb;
  font-size: 1.2rem;
  line-height: 1.4;
  width: 140px;
  position: absolute;
  z-index: 9999;
  text-align: center;
  border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  display: none;
  box-sizing: border-box;
}
.calendar-heatmap .ch-tooltip::after {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  padding: 0;
  display: "block";
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #222;
}

.calendar-heatmap-legend {
  grid-area: cal-heat-legend;
  padding-top: 30px;
  display: none;
  font-size: 1.4rem;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row {
  width: 100%;
  display: inline-block;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row .calendar-heatmap-legend-square {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 2px;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row .calendar-heatmap-legend-square.no-sales {
  background-color: #D7D7D7;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row .calendar-heatmap-legend-square.minor-10-sales {
  background-color: #B4DBED;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row .calendar-heatmap-legend-square.minor-50-sales {
  background-color: #71B5E2;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row .calendar-heatmap-legend-square.major-50-sales {
  background-color: #4194D8;
}
.calendar-heatmap-legend .calendar-heatmap-legend-row .calendar-heatmap-legend-label {
  display: inline;
  float: left;
}

#recommendationsWidgetContainer #recommendationsWidget {
  background: white;
  min-height: 556px;
  height: auto;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}
#recommendationsWidgetContainer #recommendationsWidget .header-widget {
  margin: 32px 32px 0px 32px;
}
#recommendationsWidgetContainer #recommendationsWidget .header-widget .title-recommendations {
  font-size: 18px;
  font-weight: 600;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .header-widget .info-recommendations {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  margin-top: 16px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper {
  max-width: none;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 48% 48%;
  padding: 0 32px 0 32px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table {
  padding: 32px 0 0px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper {
  position: relative;
  top: 1px;
  left: -3px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .competidores-title {
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0 4px 0 4px;
  background-color: #f5f5f5;
  height: 11px;
  font-size: 12px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .input-button {
  position: absolute;
  height: 27px;
  width: 27px;
  text-align: center;
  line-height: 27px;
  left: 170px;
  cursor: pointer;
  user-select: none;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .input-button.add {
  top: -3px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .input-button.add:hover {
  cursor: pointer;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .input-button.remove {
  top: 13px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .input-button.remove:hover {
  cursor: pointer;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations .input-wrapper .input-button.disabled {
  opacity: 0.5;
  cursor: default;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table {
  text-align: left;
  color: #292828;
  font-size: 14px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 3px;
  width: 100%;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead {
  background-color: #dbdbdb;
  height: 41px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(1) {
  background-color: #eeeeee;
  color: #292828;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(1) th {
  padding: 7px 21px;
  height: 52px;
  font-weight: 600;
  border: 1px solid #d7d7d7;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(1) th div.color-loading.title {
  width: 120px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(1) th div.color-loading.subtitle {
  width: 210px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(2) {
  background-color: #f5f5f5;
  color: #292828;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(2) th {
  padding: 7px 21px;
  height: 52px;
  border: 1px solid #d7d7d7;
  font-weight: 400;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(2) th div.color-loading.title {
  width: 120px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table thead tr:nth-child(2) th div.color-loading.subtitle {
  width: 210px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d7d7d7;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 3fr 3fr;
  border-top: none;
  height: 158px;
  padding: 7px 0px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info {
  display: grid;
  grid-template-rows: 36px 36px 20px;
  align-self: center;
  position: relative;
  left: -24px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .name-or-alias {
  font-size: 14px;
  color: #292828;
  font-weight: 600;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .name-or-alias.upper-alias {
  text-transform: uppercase;
  font-weight: 600;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer {
  display: flex;
  align-items: center;
  position: relative;
  top: -10px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation {
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .container-thermometer {
  margin-right: 8px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .RT-tooltip {
  right: 0px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .RT-tooltip .medal-reputation.medal-lg {
  background-size: 95%;
  top: 3px;
  left: 1px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .RT-tooltip .medal-reputation.medal-lg.medal-official-store {
  background-size: 87%;
  top: 5px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .widget-positioning-advice-reputation-medal {
  display: flex;
  justify-content: center;
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .widget-positioning-advice-reputation-medal .medal-reputation.medal-sm {
  width: 17px;
  height: 22px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .widget-positioning-advice-reputation-medal .medal-official-store {
  margin-top: 5px;
  margin-left: 2px;
  width: 16px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info {
  display: flex;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info {
  display: flex;
  align-items: center;
  margin-right: 12px;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info i svg {
  width: 16px;
  margin-right: 6px;
  position: relative;
  top: 3px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info i svg path {
  fill: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip {
  display: flex;
  justify-content: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer {
  position: relative;
  right: 8px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg {
  width: 16px;
  position: relative;
  left: -2px;
  top: 1px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg path {
  fill: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__content {
  top: 12px;
  left: 20%;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .has-cursor-pointer {
  cursor: default;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info {
  display: flex;
  align-items: center;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip {
  display: flex;
  justify-content: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer {
  position: relative;
  right: 8px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg {
  width: 14px;
  position: relative;
  left: -1px;
  top: -2px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg path {
  fill: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__content {
  top: 12px;
  left: 10%;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .has-cursor-pointer {
  cursor: default;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .container-number {
  position: relative;
  top: 32px;
  left: 24px;
  font-size: 16px;
  font-weight: 600;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.link-to-market {
  display: flex;
  height: 68px;
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.link-to-market div {
  margin-left: 24px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.link-to-market a {
  color: #236da9;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.link-to-market a:hover {
  cursor: pointer;
  color: #17507f;
  text-decoration: none;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.row-grid-info.loading-state .container-number {
  width: 14px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.row-grid-info.loading-state .container-grid-info .name-or-alias.color-loading {
  width: 148px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.row-grid-info.loading-state .container-grid-info .container-reputation-info .inline-termometer.color-loading {
  width: 206px;
  height: 10px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.row-grid-info.loading-state .container-sales-info .sales-info .color-loading {
  width: 60px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr td.row-grid-info.loading-state .container-sales-info .billing-info .color-loading {
  width: 60px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr:hover {
  background-color: #fbfbfb;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendFirstRecomndations tr:hover button.button-follow-competitor {
  display: block !important;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d7d7d7;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 3fr 3fr;
  border-top: none;
  height: 158px;
  padding: 7px 21px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .class-grid-img {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 3fr;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .class-grid-img img {
  width: 32px;
  height: 32px;
  border: solid 1px #dbdbdb;
  position: relative;
  top: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info {
  display: grid;
  grid-template-rows: 20px 50px 30px 20px;
  align-self: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .name-or-alias.title-item {
  font-size: 14px;
  color: #292828;
  font-weight: 400;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .name-or-alias.upper-alias {
  text-transform: uppercase;
  font-weight: 600;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer {
  display: flex;
  align-items: center;
  position: relative;
  top: -10px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation {
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .container-thermometer {
  margin-right: 8px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .RT-tooltip {
  right: 0px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .RT-tooltip .medal-reputation.medal-lg {
  background-size: 95%;
  top: 3px;
  left: 1px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .container-all-reputation .RT-tooltip .medal-reputation.medal-lg.medal-official-store {
  background-size: 87%;
  top: 5px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .widget-positioning-advice-reputation-medal {
  display: flex;
  justify-content: center;
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .widget-positioning-advice-reputation-medal .medal-reputation.medal-sm {
  width: 17px;
  height: 22px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-reputation-info .inline-termometer .widget-positioning-advice-reputation-medal .medal-official-store {
  margin-top: 5px;
  margin-left: 2px;
  width: 16px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info {
  display: flex;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info {
  display: flex;
  align-items: center;
  margin-right: 12px;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip {
  display: flex;
  justify-content: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer {
  position: relative;
  right: 8px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg {
  width: 16px;
  position: relative;
  left: -2px;
  top: 1px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg path {
  fill: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .RT-tooltip__content {
  top: 12px;
  left: 20%;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .sales-info .RT-tooltip .has-cursor-pointer {
  cursor: default;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info {
  display: flex;
  align-items: center;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip {
  display: flex;
  justify-content: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer {
  position: relative;
  right: 8px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg {
  width: 14px;
  position: relative;
  left: -1px;
  top: -2px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__title.has-cursor-pointer i svg path {
  fill: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .RT-tooltip__content {
  top: 12px;
  left: 10%;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-grid-info .container-sales-info .billing-info .RT-tooltip .has-cursor-pointer {
  cursor: default;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-number {
  position: relative;
  top: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #727272;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .container-img {
  position: relative;
  top: 18px;
  left: 6px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.link-to-market {
  display: flex;
  height: 68px;
  align-items: center;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.link-to-market a {
  color: #236da9;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.link-to-market a:hover {
  cursor: pointer;
  color: #17507f;
  text-decoration: none;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-number {
  width: 14px;
  height: 14px;
  top: 28px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-img {
  width: 32px;
  height: 32px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-img img {
  border: none;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-grid-info {
  margin-top: 10px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-grid-info .name-or-alias.color-loading {
  width: 148px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-grid-info .container-reputation-info .inline-termometer.color-loading {
  width: 206px;
  height: 10px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-sales-info .sales-info .color-loading {
  width: 60px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr td.row-grid-info.loading-state .container-sales-info .billing-info .color-loading {
  width: 60px;
  height: 14px;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr:hover {
  background-color: #fbfbfb;
}
#recommendationsWidgetContainer #recommendationsWidget .widget-state-empty__wrapper .container-table .table-recommendations table.payment-table #bodyToAppendSecondRecomndations tr:hover button.button-follow-competitor {
  display: block !important;
}

.tooltip-hover-circle .tooltip-info {
  left: 5px;
}
.tooltip-hover-circle .link-icon.new-design {
  margin-left: 8px;
  background-color: transparent;
  border-radius: 50%;
  height: 23px;
  width: 23px;
  position: relative;
  top: -3px;
  left: -9px;
}
.tooltip-hover-circle .link-icon.new-design i {
  top: 4px;
  left: 4px;
}
.tooltip-hover-circle .link-icon.new-design:hover {
  background-color: #eeeeee;
}
.tooltip-hover-circle .tiptext-new-design {
  max-width: 296px;
  margin: unset;
  left: -223px;
}

.color-loading {
  background-color: #dbdbdb;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: textShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #f7f7f7 8%, #e2e2e2 18%, #f7f7f7 33%);
  background-size: 800px 100px;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #4194D8;
}

a.txt-link {
  color: #4194D8;
  cursor: pointer;
}
a.txt-link:hover {
  text-decoration: none;
}

.mpvalues {
  text-align: left;
  width: 100%;
}
.mpvalues th {
  background-color: #F5F5F5;
  font-weight: bold;
  padding: 10px;
}

.mdl-dialog {
  width: 380px;
  border-radius: 4px;
}
.mdl-dialog.mdm-sized {
  width: 430px;
}
.mdl-dialog.mdm-sized .mdl-textfield {
  width: 100%;
}

.mdl-dialog {
  border-radius: 4px;
  width: 380px !important;
}
.mdl-dialog.mdm-sized {
  width: 430px !important;
}
.mdl-dialog.mdm-sized .mdl-textfield {
  width: 100%;
}

.mdl-dialog__title {
  color: #000;
  font-weight: 500;
  padding: 0;
}

.mdl-dialog__content {
  padding: 0;
}

.mdl-button {
  border-radius: 8px;
  background-color: #FFF;
  border: 1px solid #4194D8;
  box-shadow: none;
  color: #4194D8;
  text-transform: none;
}
.mdl-button.mdl-button--colored {
  background-color: #4194D8;
  text-transform: none;
  box-shadow: none;
}
.mdl-button.mdl-button--colored:hover {
  background-color: #4A9EDD;
}
.mdl-button.mdl-button--colored a {
  color: #FFF;
}
.mdl-button.mdl-button--uncolored {
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
  text-transform: none;
}
.mdl-button:hover {
  background-color: #EEF9FB;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-radio__inner-circle {
  background-color: #4194D8;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline, .mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid #4194D8;
}

form .mdl-textfield__label:after, .form-grid .mdl-textfield__label:after {
  background-color: #4194D8;
}
form .mdl-textfield__input, .form-grid .mdl-textfield__input {
  border-radius: 0;
}

.headline-2 {
  font-size: 24px;
  margin-bottom: 12px;
}

html * {
  font-family: "proxima-nova", Arial, sans-serif;
}

#own-st .store-settings-wrapper {
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
#own-st .store-settings-wrapper .input-group {
  position: relative;
}
#own-st .store-settings-wrapper .input-group label {
  font-size: 1.3rem;
}
#own-st .store-settings-wrapper .input-group label + i {
  margin-left: 5px;
}
#own-st .store-settings-wrapper .input-group input {
  margin-top: 3px;
  margin-bottom: 12px;
  width: 280px;
}
#own-st .store-settings-wrapper .input-group input#newPass {
  margin-bottom: 5px;
}
#own-st .store-settings-wrapper .input-group:last-child {
  margin-top: 20px;
}
#own-st .store-settings-wrapper .input-group .fixed-pre-st {
  font-size: 1.3rem;
  margin-right: 4px;
}
#own-st .store-settings-wrapper .input-group .helper {
  color: #b5b5b5;
  font-size: 1.2rem;
  margin-top: 3px;
}
#own-st .store-settings-wrapper .input-group textarea {
  border: 1px solid #d7d7d7;
  width: 280px;
}
#own-st .store-settings-wrapper .input-group textarea + .helper {
  margin-top: -3px;
}
#own-st .store-settings-wrapper .input-group .std-select .selectize-input {
  width: 180px;
}
#own-st .store-settings-wrapper .selectize-input {
  width: 300px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px;
  font-size: 1.4rem;
}
#own-st .store-settings-wrapper .selectize-input .item {
  font-size: 16px;
}
#own-st .store-settings-wrapper .switch {
  transform: scale(0.7);
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
#own-st .store-settings-wrapper .switch input {
  display: none;
}
#own-st .store-settings-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#own-st .store-settings-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#own-st .store-settings-wrapper input:checked + .slider {
  background-color: #71d8bf;
}
#own-st .store-settings-wrapper input:focus + .slider {
  box-shadow: 0 0 1px #71d8bf;
}
#own-st .store-settings-wrapper input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#own-st .store-settings-wrapper .slider.round {
  border-radius: 34px;
}
#own-st .store-settings-wrapper .slider.round:before {
  border-radius: 50%;
}
#own-st .store-settings-wrapper .label-wrap {
  padding-top: 20px;
}
#own-st .store-settings-wrapper .store-settings {
  padding: 10px 10px 10px 45px;
  margin-bottom: 13px;
}
#own-st .store-settings-wrapper .store-settings .visual-margin {
  margin-left: -12px;
}
#own-st .store-settings-wrapper .store-settings .input-group.custom-domain-margin label {
  font-size: 12px;
  color: #4194D8;
  font-weight: 300;
}
#own-st .store-settings-wrapper .store-settings p.form-disclaimer {
  font-size: 14px;
}
#own-st .store-settings-wrapper .store-settings textarea {
  border-radius: 3px;
  border-color: #d5d5d5;
  border-width: 1px;
  padding: 10px;
  resize: none;
}
#own-st .store-settings-wrapper .store-settings .title-term {
  font-size: 2rem;
  line-height: 6px;
  position: relative;
  top: -10px;
  cursor: pointer;
}
#own-st .store-settings-wrapper .store-settings .title-term:before {
  content: "";
  display: block;
  position: relative;
  top: 12px;
  left: -26px;
  width: 25px;
  height: 22px;
  background: transparent url("/static/img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  cursor: pointer;
}
#own-st .store-settings-wrapper .store-settings .title-term.collapsed:before {
  transform: rotate(-88deg);
}
#own-st .store-settings-wrapper .store-settings .config-section .business-general .dual-col {
  display: grid;
  grid-template-columns: 100px 1fr;
}
#own-st .store-settings-wrapper .store-settings .config-section .business-general .dual-col .selectize-input {
  padding: 9px 8px 8px;
}
#own-st .store-settings-wrapper .store-settings .config-section .mdc-form-field > label {
  color: #818181;
}
#own-st .store-settings-wrapper .store-settings .config-section .collapse.in {
  margin-top: 12px;
}
#own-st .store-settings-wrapper .store-settings .config-section .input-group {
  margin: 10px 0 10px;
}
#own-st .store-settings-wrapper .store-settings .config-section .input-group.disabled {
  opacity: 0.5;
}
#own-st .store-settings-wrapper .store-settings .config-section .input-group .toggler-text {
  display: inline-block;
  left: 0;
  width: 290px;
  text-align: left;
}
#own-st .store-settings-wrapper .store-settings .config-section .input-group .toggler-check {
  display: inline-block;
  position: relative;
  top: 11px;
  width: 40px;
}
#own-st .store-settings-wrapper .store-settings .config-section .input-group.toggle-option {
  display: grid;
  grid-template-columns: 50px auto;
  align-items: baseline;
  grid-column-gap: 20px;
}
#own-st .store-settings-wrapper .store-settings .config-section .custom-domain-margin i {
  top: 0;
}
#own-st .store-settings-wrapper .store-settings .config-section .custom-domain-margin .top-adjust {
  padding-top: 0;
}
#own-st .store-settings-wrapper .store-settings .config-section .custom-domain {
  display: grid;
  grid-template-columns: 100px 250px;
}
#own-st .store-settings-wrapper .store-settings .config-section .custom-domain input {
  margin-top: 0;
}
#own-st .store-settings-wrapper .store-settings .config-section .holiday-mode.disabled {
  opacity: 0.5;
}
#own-st .store-settings-wrapper .store-settings .config-section #term-collapse-business-products .selectize-input {
  width: 200px;
}
#own-st .store-settings-wrapper .store-settings .config-section #term-collapse-business-products .selectize-control {
  display: inline-block;
  margin-left: 12px;
}
#own-st .store-settings-wrapper .store-settings .config-section #term-collapse-business-products .selectize-control.single .selectize-input:after {
  right: 12px;
}
#own-st .store-settings-wrapper .store-settings .label-wrap {
  padding-top: 0;
}
#own-st .store-settings-wrapper .store-settings .selectize-input {
  width: 95px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px;
  font-size: 1.4rem;
}

.form-grid .standalone .mdc-text-field.mdc-text-field--outlined {
  width: 100%;
}

.free-shipping-settings .headline-2 {
  margin-top: 12px;
}
.free-shipping-settings p {
  margin-bottom: 4px;
}
.free-shipping-settings .mdc-text-field {
  margin-left: 4px;
}

#shipping-settings-st .section-disclaimer, #own-st .section-disclaimer {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 24px;
}
#shipping-settings-st .widget .helpertxt, #own-st .widget .helpertxt {
  margin-bottom: 18px;
}
#shipping-settings-st .widget .store-alerts, #own-st .widget .store-alerts {
  margin-top: 0;
}
#shipping-settings-st .widget .store-alerts span, #own-st .widget .store-alerts span {
  font-size: 14px;
}
#shipping-settings-st .widget p + ul, #own-st .widget p + ul {
  margin-top: -15px;
}
#shipping-settings-st .widget .provider-account-status, #own-st .widget .provider-account-status {
  font-weight: bold;
  font-size: 16px;
}
#shipping-settings-st .widget .zippin-wallet .call-to-action, #own-st .widget .zippin-wallet .call-to-action {
  margin-top: 0px;
}
#shipping-settings-st .widget .wallet-amount, #own-st .widget .wallet-amount {
  font-size: 16px;
  margin-top: 12px;
}
#shipping-settings-st .widget .wallet-amount .amount, #own-st .widget .wallet-amount .amount {
  font-weight: bold;
  font-size: 16px;
}
#shipping-settings-st .widget + .widget, #own-st .widget + .widget {
  margin-top: 24px;
}
#shipping-settings-st .widget h3.title, #own-st .widget h3.title {
  font-size: 18px;
  color: #717171;
  margin-top: 0;
  padding: 0;
}
#shipping-settings-st .widget .call-to-action, #own-st .widget .call-to-action {
  margin-top: 24px;
}
#shipping-settings-st .widget .wrapper-item + .wrapper-item, #own-st .widget .wrapper-item + .wrapper-item {
  margin-top: 24px;
  border-top: 1px solid #D8D8D8;
  padding-top: 24px;
}
#shipping-settings-st .widget .wrapper-item .details .name, #own-st .widget .wrapper-item .details .name {
  font-weight: bold;
}
#shipping-settings-st .widget .account-linked-status, #own-st .widget .account-linked-status {
  margin-bottom: 12px;
}
#shipping-settings-st .widget .custom-stock-discount .visual-margin, #own-st .widget .custom-stock-discount .visual-margin {
  margin-left: -12px;
}
#shipping-settings-st .widget .custom-stock-discount .visual-margin + .visual-margin, #own-st .widget .custom-stock-discount .visual-margin + .visual-margin {
  margin-left: 0px;
}
#shipping-settings-st .form-grid, #own-st .form-grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 300px 100px 100px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}
@media (max-width: 620px) {
  #shipping-settings-st .form-grid, #own-st .form-grid {
    grid-template-columns: 1fr;
  }
}
#shipping-settings-st .form-grid .standalone, #own-st .form-grid .standalone {
  grid-column-start: 1;
  grid-column-end: 4;
}
#shipping-settings-st .form-grid .standalone h4, #own-st .form-grid .standalone h4 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: bold;
}
#shipping-settings-st .form-grid .standalone .has-placeholder, #own-st .form-grid .standalone .has-placeholder {
  margin-top: 12px;
}
#shipping-settings-st .form-grid .double-col, #own-st .form-grid .double-col {
  grid-template-columns: 300px 212px;
  grid-column-gap: 12px;
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
}
@media (max-width: 620px) {
  #shipping-settings-st .form-grid .double-col, #own-st .form-grid .double-col {
    display: block;
  }
}
#shipping-settings-st .form-grid .triple-col, #own-st .form-grid .triple-col {
  grid-template-columns: 300px 100px 100px;
  grid-column-gap: 12px;
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
}
@media (max-width: 620px) {
  #shipping-settings-st .form-grid .triple-col, #own-st .form-grid .triple-col {
    display: block;
  }
}
#shipping-settings-st .form-grid .helper-title, #own-st .form-grid .helper-title {
  margin-bottom: 10px;
  font-size: 12px;
}
#shipping-settings-st .call-to-action, #own-st .call-to-action {
  width: fit-content;
}
#shipping-settings-st .call-to-action .below-btn, #own-st .call-to-action .below-btn {
  margin: 5px 0 12px;
  font-size: 12px;
  text-align: center;
}
#shipping-settings-st .call-to-action .below-btn a, #own-st .call-to-action .below-btn a {
  color: #4194D8;
  cursor: pointer;
}
#shipping-settings-st .call-to-action .below-btn a:hover, #own-st .call-to-action .below-btn a:hover {
  text-decoration: none;
}
#shipping-settings-st .call-to-action.floatedinwdg, #own-st .call-to-action.floatedinwdg {
  float: right;
  margin-top: 0;
}
#shipping-settings-st .call-to-action .mdl-button.mdl-button--colored, #own-st .call-to-action .mdl-button.mdl-button--colored {
  padding: 8px 12px;
  font-size: 12px;
  color: #FFF;
}
#shipping-settings-st form .call-to-action, #own-st form .call-to-action {
  margin-top: 36px;
}
#shipping-settings-st .root-location, #own-st .root-location {
  margin-top: 30px;
  border-top: 1px solid #D8D8D8;
  padding-top: 12px;
}

.btns-settings {
  text-align: right;
  margin-bottom: 21px;
}
.btns-settings button + button {
  margin-left: 18px;
}
.btns-settings .save-changes-btn .mdc-circular-progress {
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px;
}
.btns-settings .save-changes-btn .mdc-circular-progress__path {
  stroke: #FFF;
}

@media (max-width: 768px) {
  .widget {
    padding: 16px;
    grid-gap: 0px;
    grid-row-gap: 25px;
  }
}
.widget .notifications-how-to {
  position: relative;
  top: -10px;
}
.widget .tooltip--white {
  margin-left: 6px;
  top: 1px;
  position: relative;
}
.widget .tooltip--white .info-emails__tooltip {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-top: 0px;
  position: absolute;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 50%;
  cursor: pointer;
}
.widget .tooltip--white .info-emails__tooltip + .tooltip .tooltip-inner {
  border-radius: 0;
  font-size: 14px;
  min-width: 146px;
  margin-left: -44px;
  border: 1px solid #dbdbdb;
  width: 274px;
  opacity: 1;
}
.widget .tooltip--white .info-emails__tooltip + .tooltip.in {
  opacity: 1;
}
.widget .tooltip--white .info-emails__tooltip:hover {
  background: #eeeeee;
}
@media (max-width: 600px) {
  .widget .tooltip--white .info-emails__tooltip + .tooltip .tooltip-inner {
    margin-left: -100px;
  }
}
.widget .tooltip--white svg {
  position: relative;
  top: -4px;
}
.widget .form-wrapper.realigned {
  margin-left: -10px;
}
.widget .form-wrapper.realigned + .notif-preferences-detail {
  margin-top: 12px;
}
.widget .form-wrapper .wrapper-current-pass .custom-placeholder-error, .widget .form-wrapper .wrapper-new-pass .custom-placeholder-error {
  margin-bottom: 0;
}
.widget.email-details {
  margin: 21px 0;
}
.widget.account-details, .widget.email-details, .widget.account-settings-details {
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
}
.widget.account-details + .account-settings-details, .widget.email-details + .account-settings-details, .widget.account-settings-details + .account-settings-details {
  margin-top: 20px;
}
.widget.account-details + .account-settings-details.labels-settings, .widget.email-details + .account-settings-details.labels-settings, .widget.account-settings-details + .account-settings-details.labels-settings {
  margin-bottom: 20px;
}
.widget.account-details + .account-settings-details.AI-answers-suggestion-widget, .widget.email-details + .account-settings-details.AI-answers-suggestion-widget, .widget.account-settings-details + .account-settings-details.AI-answers-suggestion-widget {
  margin-bottom: 20px;
}
.widget.account-details + .account-settings-details.AI-answers-suggestion-widget .acccount-details-header, .widget.email-details + .account-settings-details.AI-answers-suggestion-widget .acccount-details-header, .widget.account-settings-details + .account-settings-details.AI-answers-suggestion-widget .acccount-details-header {
  display: flex;
  align-items: center;
}
.widget.account-details + .account-settings-details.AI-answers-suggestion-widget p, .widget.email-details + .account-settings-details.AI-answers-suggestion-widget p, .widget.account-settings-details + .account-settings-details.AI-answers-suggestion-widget p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #292828;
}
.widget.account-details + .account-settings-details.AI-answers-suggestion-widget .form-wrapper, .widget.email-details + .account-settings-details.AI-answers-suggestion-widget .form-wrapper, .widget.account-settings-details + .account-settings-details.AI-answers-suggestion-widget .form-wrapper {
  display: inline-flex;
  column-gap: 4px;
}
.widget.account-details label.mdc-text-field, .widget.email-details label.mdc-text-field, .widget.account-settings-details label.mdc-text-field {
  margin-top: 26px;
}
.widget.account-details .labels-disclaimer, .widget.email-details .labels-disclaimer, .widget.account-settings-details .labels-disclaimer {
  color: #292828;
  margin: -8px 0 15px;
}
.widget.account-details .acccount-details-header + .labels-disclaimer, .widget.email-details .acccount-details-header + .labels-disclaimer, .widget.account-settings-details .acccount-details-header + .labels-disclaimer {
  margin-top: 0;
}
.widget.account-details .sett-divider, .widget.email-details .sett-divider, .widget.account-settings-details .sett-divider {
  background-color: #eeeeee;
  height: 1px;
  margin: 0 auto;
  width: 99%;
}
.widget.account-details .notif-preferences-detail, .widget.email-details .notif-preferences-detail, .widget.account-settings-details .notif-preferences-detail {
  font-weight: 700;
  font-size: 16px;
  color: #292828;
  margin-bottom: 15px;
}
.widget.account-details .acccount-details-header, .widget.account-details .email-config-header, .widget.email-details .acccount-details-header, .widget.email-details .email-config-header, .widget.account-settings-details .acccount-details-header, .widget.account-settings-details .email-config-header {
  color: #292828;
  display: grid;
  grid-template-columns: 25px auto;
  grid-column-gap: 12px;
}
.widget.account-details .acccount-details-header .title, .widget.account-details .email-config-header .title, .widget.email-details .acccount-details-header .title, .widget.email-details .email-config-header .title, .widget.account-settings-details .acccount-details-header .title, .widget.account-settings-details .email-config-header .title {
  font-size: 1.8rem;
  font-weight: 700;
}
.widget.account-details .acccount-details-header.notification-menu, .widget.email-details .acccount-details-header.notification-menu, .widget.account-settings-details .acccount-details-header.notification-menu {
  margin-bottom: 9px;
}
.widget.account-details .acccount-details-header.print-title, .widget.email-details .acccount-details-header.print-title, .widget.account-settings-details .acccount-details-header.print-title {
  margin-bottom: 12px;
}
.widget.account-details .labels-disclaimer.print-title-label, .widget.email-details .labels-disclaimer.print-title-label, .widget.account-settings-details .labels-disclaimer.print-title-label {
  font-size: 14px;
}
.widget.account-details .form-wrapper.info-title, .widget.email-details .form-wrapper.info-title, .widget.account-settings-details .form-wrapper.info-title {
  margin-top: -12px;
}
.widget.account-details .subtitle-category, .widget.email-details .subtitle-category, .widget.account-settings-details .subtitle-category {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #292828;
  margin: 12px 0 0;
}
.widget.account-details .mdc-text-field--outlined, .widget.email-details .mdc-text-field--outlined, .widget.account-settings-details .mdc-text-field--outlined {
  width: 100%;
}
.widget.account-details .custom-placeholder-error, .widget.email-details .custom-placeholder-error, .widget.account-settings-details .custom-placeholder-error {
  color: #f04e54;
  font-size: 12px;
  padding: 4px 0 0 2px;
  margin-bottom: -21px;
}
.widget.account-details .custom-placeholder-error#newPassError, .widget.email-details .custom-placeholder-error#newPassError, .widget.account-settings-details .custom-placeholder-error#newPassError {
  margin-top: -14px;
}
.widget.account-details h2.subtitle, .widget.email-details h2.subtitle, .widget.account-settings-details h2.subtitle {
  font-weight: 700;
  font-size: 14px;
  color: #292828;
  padding: 47px 0 24px;
}
.widget.account-details div.input-block, .widget.email-details div.input-block, .widget.account-settings-details div.input-block {
  position: relative;
}
.widget.account-details div.input-block .pstrength-bar, .widget.email-details div.input-block .pstrength-bar, .widget.account-settings-details div.input-block .pstrength-bar {
  margin-top: 4px;
}
.widget.account-details div.input-block#passwordLogin .pstrength-info, .widget.email-details div.input-block#passwordLogin .pstrength-info, .widget.account-settings-details div.input-block#passwordLogin .pstrength-info {
  margin-bottom: 4px;
}
.widget.account-details div.input-block.wrapper-new-pass, .widget.email-details div.input-block.wrapper-new-pass, .widget.account-settings-details div.input-block.wrapper-new-pass {
  margin-top: 38px;
}
.widget.account-details div.input-block.wrapper-new-pass .pstrength-info, .widget.email-details div.input-block.wrapper-new-pass .pstrength-info, .widget.account-settings-details div.input-block.wrapper-new-pass .pstrength-info {
  margin-bottom: 4px;
}
.widget.account-details div.input-block.wrapper-new-pass .pstrength-info span, .widget.email-details div.input-block.wrapper-new-pass .pstrength-info span, .widget.account-settings-details div.input-block.wrapper-new-pass .pstrength-info span {
  margin-bottom: 7px;
  display: inline-block;
}
.widget.account-details div.input-block input, .widget.email-details div.input-block input, .widget.account-settings-details div.input-block input {
  font-size: 1.4rem;
  color: #292828;
  padding: 12.5px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  outline: none;
  width: 340px;
  margin: 0;
}
.widget.account-details div.input-block input:focus, .widget.email-details div.input-block input:focus, .widget.account-settings-details div.input-block input:focus {
  outline: none;
}
.widget.account-details div.input-block input.error, .widget.email-details div.input-block input.error, .widget.account-settings-details div.input-block input.error {
  border: 1px solid #f04e54;
  box-shadow: none;
}
.widget.account-details div.input-block input::placeholder, .widget.email-details div.input-block input::placeholder, .widget.account-settings-details div.input-block input::placeholder {
  color: #727272;
}
.widget.account-details div.input-block span.placeholder, .widget.email-details div.input-block span.placeholder, .widget.account-settings-details div.input-block span.placeholder {
  position: absolute;
  margin: 12px 0;
  padding: 0 4px;
  color: #6c757d;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  top: 0;
  left: 9px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
}
.widget.account-details div.input-block span.placeholder.new-pass-placeholder.error, .widget.account-details div.input-block span.placeholder.pass-placeholder.error, .widget.email-details div.input-block span.placeholder.new-pass-placeholder.error, .widget.email-details div.input-block span.placeholder.pass-placeholder.error, .widget.account-settings-details div.input-block span.placeholder.new-pass-placeholder.error, .widget.account-settings-details div.input-block span.placeholder.pass-placeholder.error {
  color: #f04e54;
}
.widget.account-details div.input-block input:valid + span.placeholder,
.widget.account-details div.input-block input:focus + span.placeholder,
.widget.account-details div.input-block input:-webkit-autofill + span.placeholder,
.widget.account-details div.input-block input:read-only + span.placeholder,
.widget.account-details div.input-block input:valid ~ span.placeholder,
.widget.account-details div.input-block input:focus ~ span.placeholder,
.widget.account-details div.input-block input:-webkit-autofill ~ span.placeholder,
.widget.account-details div.input-block input[type=password]:read-only ~ span.placeholder, .widget.email-details div.input-block input:valid + span.placeholder,
.widget.email-details div.input-block input:focus + span.placeholder,
.widget.email-details div.input-block input:-webkit-autofill + span.placeholder,
.widget.email-details div.input-block input:read-only + span.placeholder,
.widget.email-details div.input-block input:valid ~ span.placeholder,
.widget.email-details div.input-block input:focus ~ span.placeholder,
.widget.email-details div.input-block input:-webkit-autofill ~ span.placeholder,
.widget.email-details div.input-block input[type=password]:read-only ~ span.placeholder, .widget.account-settings-details div.input-block input:valid + span.placeholder,
.widget.account-settings-details div.input-block input:focus + span.placeholder,
.widget.account-settings-details div.input-block input:-webkit-autofill + span.placeholder,
.widget.account-settings-details div.input-block input:read-only + span.placeholder,
.widget.account-settings-details div.input-block input:valid ~ span.placeholder,
.widget.account-settings-details div.input-block input:focus ~ span.placeholder,
.widget.account-settings-details div.input-block input:-webkit-autofill ~ span.placeholder,
.widget.account-settings-details div.input-block input[type=password]:read-only ~ span.placeholder {
  transform: scale(0.8) translateY(-25px);
  background: #fff;
  font-weight: 600;
}
.widget.account-details div.input-block input:focus, .widget.email-details div.input-block input:focus, .widget.account-settings-details div.input-block input:focus {
  color: #292828;
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
.widget.account-details div.input-block input:focus + span.placeholder, .widget.email-details div.input-block input:focus + span.placeholder, .widget.account-settings-details div.input-block input:focus + span.placeholder {
  color: #4194d8;
}
.widget.account-details div.input-block input:focus ~ span.placeholder, .widget.email-details div.input-block input:focus ~ span.placeholder, .widget.account-settings-details div.input-block input:focus ~ span.placeholder {
  color: #4194d8;
}

#settings-menu, #account-settings-menu {
  padding-top: 20px;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
#settings-menu .notif-config.toggleDisabled label, #account-settings-menu .notif-config.toggleDisabled label {
  color: #b7b7b7;
  cursor: default;
}
#settings-menu .settings-grid, #account-settings-menu .settings-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 40px;
}
#settings-menu .settings-grid .user-actions, #account-settings-menu .settings-grid .user-actions {
  text-align: right;
}
#settings-menu .settings-grid .title.config, #account-settings-menu .settings-grid .title.config {
  margin-bottom: 10px;
  margin-top: 25px;
}
#settings-menu .settings-grid .helper, #account-settings-menu .settings-grid .helper {
  margin-top: 5px;
  font-size: 1.2rem;
}
#settings-menu .settings-grid .input-group, #account-settings-menu .settings-grid .input-group {
  position: relative;
}
#settings-menu .settings-grid .input-group label, #account-settings-menu .settings-grid .input-group label {
  font-size: 1.3rem;
}
#settings-menu .settings-grid .input-group input, #account-settings-menu .settings-grid .input-group input {
  width: 280px;
  margin-top: 3px;
}
#settings-menu .settings-grid .input-group input#newPass, #account-settings-menu .settings-grid .input-group input#newPass {
  margin-bottom: 5px;
}
#settings-menu .settings-grid .input-group:last-child, #account-settings-menu .settings-grid .input-group:last-child {
  margin-top: 20px;
}
#settings-menu .settings-grid .email-config .input-group, #account-settings-menu .settings-grid .email-config .input-group {
  position: relative;
}
#settings-menu .settings-grid .email-config p, #account-settings-menu .settings-grid .email-config p {
  font-size: 12px;
}
#settings-menu .settings-grid .email-config .toggler-text, #account-settings-menu .settings-grid .email-config .toggler-text {
  display: inline-block;
  left: 0;
  width: 290px;
  text-align: left;
}
#settings-menu .settings-grid .email-config .toggler-check, #account-settings-menu .settings-grid .email-config .toggler-check {
  display: inline-block;
  position: relative;
  top: 11px;
  width: 40px;
}
#settings-menu .settings-grid .email-config .toggler-text.text-sup, #account-settings-menu .settings-grid .email-config .toggler-text.text-sup {
  margin-bottom: 20px;
}
#settings-menu .settings-grid .email-config .emails-group, #account-settings-menu .settings-grid .email-config .emails-group {
  margin-top: 20px;
}
#settings-menu .settings-grid .email-config #info-notification-permissions, #account-settings-menu .settings-grid .email-config #info-notification-permissions {
  margin-top: 0;
}
#settings-menu .settings-grid .account-config .input-group, #account-settings-menu .settings-grid .account-config .input-group {
  margin-top: 20px;
  width: 280px;
}
#settings-menu #input_config, #account-settings-menu #input_config {
  margin-top: 0;
}
#settings-menu .togglers-grid, #account-settings-menu .togglers-grid {
  display: grid;
  grid-template-columns: 1fr 80px;
  grid-template-rows: repeat(4, auto);
  grid-row-gap: 20px;
}
#settings-menu .togglers-grid .toggler-check, #account-settings-menu .togglers-grid .toggler-check {
  justify-self: end;
}
#settings-menu .selectize-input, #account-settings-menu .selectize-input {
  width: 300px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px;
  font-size: 1.4rem;
}
#settings-menu .selectize-input .item, #account-settings-menu .selectize-input .item {
  font-size: 16px;
}
#settings-menu .switch, #account-settings-menu .switch {
  transform: scale(0.7);
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
#settings-menu .switch input, #account-settings-menu .switch input {
  display: none;
}
#settings-menu .slider, #account-settings-menu .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#settings-menu .slider:before, #account-settings-menu .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#settings-menu input:checked + .slider, #account-settings-menu input:checked + .slider {
  background-color: #71d8bf;
}
#settings-menu input:focus + .slider, #account-settings-menu input:focus + .slider {
  box-shadow: 0 0 1px #71d8bf;
}
#settings-menu input:checked + .slider:before, #account-settings-menu input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#settings-menu .slider.round, #account-settings-menu .slider.round {
  border-radius: 34px;
}
#settings-menu .slider.round:before, #account-settings-menu .slider.round:before {
  border-radius: 50%;
}
#settings-menu .label-wrap, #account-settings-menu .label-wrap {
  padding-top: 20px;
}
#settings-menu .view-current-pswd, #settings-menu .viewed-current-pswd, #settings-menu .view-new-pswd, #settings-menu .viewed-new-pswd, #account-settings-menu .view-current-pswd, #account-settings-menu .viewed-current-pswd, #account-settings-menu .view-new-pswd, #account-settings-menu .viewed-new-pswd {
  width: 280px;
  text-align: right;
  position: absolute;
  float: right;
  top: 14px;
  width: 30px;
  right: calc(100% - 355px);
}
#settings-menu .view-current-pswd svg, #settings-menu .viewed-current-pswd svg, #settings-menu .view-new-pswd svg, #settings-menu .viewed-new-pswd svg, #account-settings-menu .view-current-pswd svg, #account-settings-menu .viewed-current-pswd svg, #account-settings-menu .view-new-pswd svg, #account-settings-menu .viewed-new-pswd svg {
  width: 20px;
  cursor: pointer;
  text-align: right;
  fill: #818181;
}
#settings-menu input:focus, #account-settings-menu input:focus {
  border-color: #4194d8;
}
#settings-menu input:hover:not(:focus), #account-settings-menu input:hover:not(:focus) {
  cursor: pointer;
  border: 1px solid #727272;
}
#settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #727272;
}
#settings-menu .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched .mdc-text-field--outlined.mdc-notched-outline--upgraded:hover ~ .mdc-floating-label--float-above, #settings-menu #account-settings-menu .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, #account-settings-menu .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched .mdc-text-field--outlined.mdc-notched-outline--upgraded:hover ~ .mdc-floating-label--float-above, #account-settings-menu #account-settings-menu .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  color: #727272;
}
#settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, #account-settings-menu .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  color: #727272;
}

@media all and (max-width: 1279px) {
  #settings-menu .settings-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
  .toggler-text {
    display: inline-block;
    left: 0;
    width: auto;
    text-align: left;
  }
  .toggler-check {
    margin-right: 20px;
  }
}
.on-save-error-alert p {
  margin: 0;
}

.widget.invoices-configuration-section {
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-shadow: none;
  margin-bottom: 20px;
}
.widget.invoices-configuration-section a {
  color: #236da9;
  text-decoration: none;
}
.widget.invoices-configuration-section a:hover, .widget.invoices-configuration-section a:focus {
  color: #17507f;
}
.widget.invoices-configuration-section a:active, .widget.invoices-configuration-section a:visited {
  color: #236da9;
}
.widget.invoices-configuration-section .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap;
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #dbdbdb;
}
.widget.invoices-configuration-section .header-section.without-border {
  border-bottom: none;
  padding-bottom: 0;
}
.widget.invoices-configuration-section .header-section .connection-status-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 18px;
}
.widget.invoices-configuration-section .header-section .connection-status-section .presentation-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.widget.invoices-configuration-section .header-section .connection-status-section .presentation-section img {
  width: 28px;
  height: 28px;
}
.widget.invoices-configuration-section .header-section .connection-status-section .presentation-section .title {
  font-size: 18px;
  font-weight: 600;
  color: #292828;
  margin: 0;
}
.widget.invoices-configuration-section .header-section .connection-status-section .presentation-section .status-tag {
  width: fit-content;
  padding: 4px 8px;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}
.widget.invoices-configuration-section .header-section .connection-status-section .presentation-section .status-tag.connected {
  color: #328547;
  background-color: #e4f6e9;
}
.widget.invoices-configuration-section .header-section .connection-status-section .presentation-section .status-tag.pendient-payment {
  color: #f36c00;
  background-color: #fffbdd;
}
.widget.invoices-configuration-section .header-section .connection-status-section .description {
  font-size: 14px;
  color: #292828;
  margin: 0;
}
.widget.invoices-configuration-section .header-section .connection-status-section .description p {
  margin: 0;
}
.widget.invoices-configuration-section .header-section .connection-status-section .description p b {
  font-weight: 600;
}
.widget.invoices-configuration-section .header-section .connection-status-section .description .link-button-retry-connection {
  color: #236da9;
  outline: none;
  padding: 0;
  border: none;
  background: none;
  margin: 0;
}
.widget.invoices-configuration-section .header-section .connection-status-section .description .link-button-retry-connection:hover, .widget.invoices-configuration-section .header-section .connection-status-section .description .link-button-retry-connection:focus {
  color: #17507f;
}
.widget.invoices-configuration-section .header-section .connection-status-section .description .link-button-retry-connection:active, .widget.invoices-configuration-section .header-section .connection-status-section .description .link-button-retry-connection:visited {
  color: #236da9;
}
.widget.invoices-configuration-section .header-section .connection-buttons-section {
  display: flex;
  gap: 16px;
}
.widget.invoices-configuration-section .body-section {
  padding-top: 18px;
  display: flex;
  flex-flow: column nowrap;
  gap: 18px;
}
.widget.invoices-configuration-section .body-section .body-title {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
  margin: 0;
}
.widget.invoices-configuration-section .body-section .user-data-section {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
.widget.invoices-configuration-section .body-section .user-data-section .connected-user-data {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}
.widget.invoices-configuration-section .body-section .user-data-section .connected-user-data .user-data {
  font-size: 14px;
  color: #292828;
  display: flex;
  gap: 4px;
  font-weight: 400;
}
.widget.invoices-configuration-section .body-section .user-data-section .connected-user-data .user-data .data-description {
  font-weight: 600;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section {
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .configuration-title {
  font-weight: 600;
  margin: 0;
  color: #292828;
  font-size: 14px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .configuration-description {
  font-weight: 400;
  margin: 0;
  color: #292828;
  font-size: 14px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown {
  width: fit-content;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown .selectize-control.single .selectize-input {
  background-color: #FFFFFF;
  color: #292828;
  max-width: 132px;
  padding: 12px !important;
  border-color: #b7b7b7;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown .selectize-control.single .selectize-input .item {
  height: 20px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown .selectize-dropdown.single::-webkit-scrollbar, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-dropdown.single::-webkit-scrollbar, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown .selectize-dropdown.single::-webkit-scrollbar-thumb, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-dropdown.single::-webkit-scrollbar-thumb, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown .selectize-dropdown.single .selectize-dropdown-content, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-dropdown.single .selectize-dropdown-content, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown .selectize-dropdown.single .selectize-dropdown-content {
  max-height: 190px;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown .selectize-dropdown.single .selectize-dropdown-content .option, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-dropdown.single .selectize-dropdown-content .option, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown .selectize-dropdown.single .selectize-dropdown-content .option {
  color: #292828;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown:hover .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown:focus .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns:hover .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns:focus .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown:hover .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown:focus .selectize-control.single .selectize-input {
  border-color: #727272 !important;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown:hover .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown:focus .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns:hover .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns:focus .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown:hover .selectize-control.single .selectize-input .item, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown:focus .selectize-control.single .selectize-input .item {
  color: #292828 !important;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .point-of-view-options-dropdown:has(.dropdown-active) .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns:has(.dropdown-active) .selectize-control.single .selectize-input, .widget.invoices-configuration-section .body-section .user-data-section .configuration-section .iva-options-dropdown:has(.dropdown-active) .selectize-control.single .selectize-input {
  border-color: #4194d8 !important;
}
.widget.invoices-configuration-section .body-section .user-data-section .configuration-section .deposit-options-dropdowns .selectize-control.single .selectize-input {
  max-width: 220px;
}

.payment-text {
  margin-top: 32px;
}
.payment-text.single-line a {
  color: #236da9;
}
.payment-text.single-line a:hover {
  text-decoration: none;
  color: #17507f;
}

.session-fixie {
  position: fixed;
  background-color: #f5f5f5;
  width: 100%;
  bottom: 0px;
  height: 57px;
  text-align: center;
  color: #292828;
}
.session-fixie.verify-footer {
  position: relative;
  top: -9px;
}
.session-fixie .close-session {
  margin-top: 20px;
}
.session-fixie .close-session a {
  margin-left: 8px;
  color: #236da9;
}
.session-fixie .close-session a:hover {
  text-decoration: none;
  color: #17507f;
}

.main-retrial {
  background-color: white;
  background: #FFFFFF;
  border-radius: 4px;
  color: #292828;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-weight: normal;
  margin: 32px auto;
  padding: 32px;
  text-align: center;
  width: 563px;
}
.main-retrial .cta-rtr {
  width: 292px;
  background-color: #4194d8;
  color: #FFF;
  font-weight: 300;
  font-size: 14px;
  border: 0;
  outline: 0;
  padding: 10px 0;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  text-decoration: none;
}
.main-retrial .cta-rtr:hover {
  background-color: #236da9;
}

.log-out-session {
  color: #292828;
}
.log-out-session.close-session {
  margin-top: 28px;
}
.log-out-session.close-session a {
  margin-left: 8px;
  color: #236da9;
}
.log-out-session.close-session a:hover {
  text-decoration: none;
  color: #17507f;
}

.payment-successful__title {
  font-weight: 600;
  font-size: 21px;
  color: #292828;
  margin: 0 0 12px 0;
  line-height: 1;
}
.payment-successful__text {
  margin: 0;
}
.payment-successful__text + .payment-successful__text {
  margin-top: 20px;
}
.payment-successful__button {
  margin-top: 32px;
  min-width: 178px;
}
.payment-successful__image {
  width: 100%;
}
.payment-successful__logo a {
  display: inline-block;
  max-width: 137px;
  margin-bottom: 52px;
  width: 100%;
}
@media (min-width: 1024px) {
  .payment-successful__wrapper {
    padding: 0 86px;
    box-sizing: border-box;
    display: grid;
    grid-column-gap: 122px;
    grid-template-columns: auto auto;
  }
  .payment-successful__side--right {
    width: 420px;
  }
  .payment-successful__side--left {
    width: 450px;
    padding-top: 34px;
  }
}
@media (max-width: 1023px) {
  .payment-successful__logo {
    text-align: center;
  }
  .payment-successful__logo a {
    margin-bottom: 32px;
  }
  .payment-successful__text {
    font-size: 14px;
  }
  .payment-successful__side--right {
    padding: 0 12px 30px;
    margin-top: 24px;
  }
  .payment-successful__button {
    width: 100%;
    max-width: 400px;
    margin-top: 24px;
  }
}

.main-container__special-retrail {
  background: #f5f5f5;
}
.main-container__special-retrail #section-paymentdue .login-logo {
  margin-top: 80px;
}
.main-container__special-retrail #section-paymentdue .trial-ended__text .issue-title.rtr + p {
  margin: 12px auto 0;
}
.main-container__special-retrail #section-paymentdue .trial-ended__text > p:nth-child(4) {
  margin: 20px auto 36px;
}

@media (max-width: 780px) {
  .container-pay.trial-ended {
    display: block;
    margin-left: 200px;
    padding: 10px;
    margin: 0 auto;
    margin-top: -20px;
    text-align: -webkit-center;
  }
  .line-pay-now {
    display: none;
  }
  #section-paymentdue.payment-section {
    padding: 40px 12px;
  }
  .payment-notif-wrapper.trial {
    text-align: -webkit-center;
  }
  .payment-text.title.trial {
    margin-top: -30px;
    margin-left: 0;
  }
  .deb_pay.trial-ended {
    margin-left: 0px;
  }
  .contact.trial-ended {
    margin-top: 0;
  }
  .main-total {
    padding-left: 50px;
  }
}
@media (max-height: 850px) {
  #section-paymentdue {
    padding-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .hide--mobile {
    display: none;
  }
}
@media (max-width: 1023px) {
  .hide--desktop {
    display: none;
  }
}
#modalExtraPricesInfo .grid-table-wrapper {
  color: #292828;
  font-size: 14px;
  min-width: 550px;
}
#modalExtraPricesInfo .grid-table-wrapper.no-variation-available .variation-title, #modalExtraPricesInfo .grid-table-wrapper.no-variation-available .variation {
  display: none;
}
#modalExtraPricesInfo .grid-table-wrapper.no-variation-available .grid-table-full-ops {
  grid-template-columns: 2fr 2fr 2fr;
}
#modalExtraPricesInfo .grid-table-wrapper.no-variation-available .grid-table-full-ops .stock-amt, #modalExtraPricesInfo .grid-table-wrapper.no-variation-available .grid-table-full-ops .stock-amt-title {
  justify-self: right;
}
#modalExtraPricesInfo .grid-table-wrapper .container-first-for-append:nth-child(even) {
  background-color: #fbfbfb;
}
#modalExtraPricesInfo .grid-table-wrapper .container-first-for-append:nth-child(odd) {
  background-color: #f5f5f5;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 12px 28px 12px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .stock-amt, #modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .stock-amt-title {
  justify-self: right;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops:nth-child(even) {
  background-color: #f5f5f5;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops:nth-child(odd) {
  background-color: #fbfbfb;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers {
  background-color: #dbdbdb;
  padding: 3px 28px;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full svg {
  left: 7px;
  cursor: pointer;
  position: relative;
  top: 2px;
  transform: rotate(90deg);
  width: 14px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.acquiring-items .spinner-loading i {
  animation: none;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .timestamp-title {
  line-height: 30px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .reordering-full {
  background-color: #dbdbdb;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  left: 4px;
  position: relative;
  top: 1px;
  width: 28px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .reordering-full:hover {
  background-color: #eeeeee;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .reordering-full i {
  display: inline-block;
  height: 28px;
  width: 28px;
}
#modalExtraPricesInfo .grid-table-full-ops {
  grid-template-columns: 2fr 2fr 2fr;
  display: grid;
  padding: 5px 16px;
}
#modalExtraPricesInfo .grid-table-full-ops .stock-amt, #modalExtraPricesInfo .grid-table-full-ops .stock-amt-title {
  justify-self: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 16px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .my-dates, #modalExtraPricesInfo .grid-table-competition-catalog .my-listing-title {
  justify-self: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers {
  background-color: #dbdbdb;
  padding: 12px 0px 12px 28px;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers .reordering-full svg {
  left: 8px;
  cursor: pointer;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 14px;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#modalExtraPricesInfo .grid-table-competition-catalog.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog.acquiring-items .spinner-loading i {
  animation: none;
}
#modalExtraPricesInfo .grid-table-competition-catalog .rule-space {
  margin-left: 11px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .cross-lost-catalog svg {
  width: 12px;
  height: 12px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .check-win-catalog svg {
  width: 12px;
  height: 12px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .check-win-catalog svg path {
  fill: #75c367;
}
#modalExtraPricesInfo .grid-table-competition-catalog .cross-lost-catalog.red-cross svg path {
  fill: #f04e54;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner-title {
  justify-self: left;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner {
  justify-self: left;
  align-self: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner .update-arrow .tooltip-info {
  top: 0;
  left: -7px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner .update-arrow .tooltip-info .link-icon {
  width: 10px;
  margin-left: 12px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner .update-arrow .tooltip-info .tiptext-new-design {
  top: 29px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .icon-win-catalog {
  margin-right: 10px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .icon-win-catalog svg {
  width: 35px;
  height: 38px;
  margin-right: 10px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .description-detail.how-to-win-catalog {
  display: flex;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog .description-detail.how-to-win-catalog span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-top: 4px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-title-table {
  display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table {
  display: grid;
  grid-template-rows: auto 1fr;
  margin-right: auto;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table a {
  cursor: default;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table a span {
  display: unset;
  cursor: pointer;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 5px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title:hover {
  text-decoration: none;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title-id {
  color: #236da9;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  cursor: pointer;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title-id:hover {
  color: #17507f;
  text-decoration: none;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table span.this-title-id {
  cursor: default;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule .price-listing .sup-style-decimals {
  margin-left: 1%;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule span {
  margin-bottom: 5px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule span a {
  color: #444;
  text-decoration: underline;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule span.price-listing {
  margin-bottom: 0px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule.include-text {
  color: #328547;
  font-size: 14px;
  display: contents;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule.include-text i svg {
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule.include-text i svg path {
  fill: #328547;
}
#modalExtraPricesInfo #leyendForPrices {
  margin-top: 12px;
}
#modalExtraPricesInfo #leyendForPrices .text-info-prices {
  font-size: 12px;
  color: #727272;
}
#modalExtraPricesInfo #buttonCloseModalPrices {
  width: 130px;
  margin-right: -1px;
}

.backdrop-modal-prices {
  z-index: 9998;
}

#linkInfoPrices a.link-to-table-extra-prices {
  color: #236da9;
  text-decoration: none;
  font-size: 12px;
}
#linkInfoPrices a.link-to-table-extra-prices:hover {
  color: #17507f;
  cursor: pointer;
}

#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box {
  border: solid 1px #b7b7b7;
  border-radius: 2px;
  margin: 24px 0px 24px 0px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable {
  display: flex;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .promo-question {
  font-size: 14px;
  color: #292828;
  font-weight: 600;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-btn-collapsable {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 10px;
  border-radius: 50px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-btn-collapsable:hover {
  background-color: #eeeeee;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable button.toggle-widget.ds {
  position: static;
  width: 22px;
  height: 22px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-title-and-alerts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-title-and-alerts .widget-alert.danger, #section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-title-and-alerts .widget-alert.error {
  border-left: 1px solid #f04e54;
  width: 618px;
  margin-left: 3px;
  display: flex;
  padding: 6px 0;
  margin-bottom: 0px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-title-and-alerts .widget-alert.success {
  border-left: 1px solid #75c367;
  width: 618px;
  margin-left: 3px;
  display: flex;
  padding: 6px 0;
  margin-bottom: 0px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsable-ds .container-box-collapsable .container-title-and-alerts .widget-alert.info {
  border-left: 1px solid #4194d8;
  width: 618px;
  margin-left: 3px;
  display: flex;
  padding: 6px 0;
  margin-bottom: 0px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input {
  margin: 24px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input .ds-secondary-content.four-columns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input label.mdc-text-field--outlined input#promoCodeInput.mdc-text-field__input {
  width: 499px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input label.mdc-text-field--outlined input#promoCodeInput.mdc-text-field__input:hover:not(:focus) {
  border: solid 1px #727272 !important;
  border-radius: 4px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input label.mdc-text-field--outlined input#promoCodeInput.mdc-text-field__input:focus-within {
  border: solid 1px #4194d8 !important;
  border-radius: 4px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input #leyend-error-container {
  color: #f04e54;
  font-size: 12px;
  margin-top: 3px;
  margin-left: 2px;
}
#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input button.mdc-button {
  width: 108px;
}

.style-alert {
  display: flex;
}

#section-paymentdue .payment-notif-wrapper #creatingCouponContainer .ds-content.promo-code-box .collapsed .container-box-input label.mdc-text-field--outlined input#promoCodeInput.mdc-text-field__input.error-input {
  border: solid 1px #f04e54 !important;
  border-radius: 4px;
}

.error-btn {
  margin-top: -20px;
}

#nameDiscoubt {
  display: flex;
}

#section-paymentdue.payment-state {
  background: white;
  min-height: 100vh;
  padding-top: 30px;
  color: #292828;
}
#section-paymentdue.payment-state .payment-notif-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#section-paymentdue.payment-state .payment-notif-wrapper p {
  margin: 25px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
#section-paymentdue.payment-state .card-payment-state {
  border: 1px solid #dbdbdb;
  border-radius: 2px 2px 4px 4px;
  max-width: 380px;
  padding: 20px;
}
#section-paymentdue.payment-state .card-payment-state .detail-state {
  border-bottom: 1px solid #dbdbdb;
  width: 352px;
  padding: 16px 0;
}
#section-paymentdue.payment-state .card-payment-state .detail-state a {
  margin-bottom: 20px;
}
#section-paymentdue.payment-state .card-payment-state .detail-state a:hover, #section-paymentdue.payment-state .card-payment-state .detail-state a:focus {
  text-decoration: none;
}
#section-paymentdue.payment-state .card-payment-state .footer-card-payment-state {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  padding-top: 14px;
}
#section-paymentdue.payment-state .card-payment-state .footer-card-payment-state p {
  margin: 0 10px;
}
#section-paymentdue.payment-state .card-payment-state .footer-card-payment-state svg {
  width: 20px;
  margin-top: 4px;
}
#section-paymentdue.payment-state .card-payment-state .footer-card-payment-state a {
  color: #236da9;
}
#section-paymentdue.payment-state .card-payment-state .footer-card-payment-state a:hover, #section-paymentdue.payment-state .card-payment-state .footer-card-payment-state a:focus {
  color: #17507f;
  text-decoration: none;
}
#section-paymentdue.payment-state .card-payment-state.warning {
  border-top: 4px solid #ffcc59;
}
#section-paymentdue.payment-state .card-payment-state.failed {
  border-top: 4px solid #f04e54;
}
#section-paymentdue.payment-state .card-payment-state.successful {
  border-top: 4px solid #75c367;
}
#section-paymentdue.payment-state h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
#section-paymentdue.no-footer {
  min-height: auto;
}

.container-pending-payments {
  padding: 72px 28px 32px 104px;
  display: flex;
  flex-direction: column;
}
.container-pending-payments #section-paymentdue {
  padding: 15px 30px 0px 0px;
}
.container-pending-payments.screen-without-sidebar {
  padding: 28px 42px;
}
.container-pending-payments .login-logo {
  margin: 0px auto 36px !important;
}
.container-pending-payments .widget {
  box-shadow: none;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  text-align: center;
  color: #292828;
  font-weight: 400;
}
.container-pending-payments .widget .pending-payment-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
.container-pending-payments .widget .pending-payment-subtitle {
  margin: 12px 0 36px 0;
  font-size: 14px;
  line-height: 17px;
}
.container-pending-payments .widget #tagFirstAnnual {
  margin-bottom: 24px;
}
.container-pending-payments .widget #tagFirstAnnual .tag-icon.info {
  background-color: #ebf8fa;
  color: #4194d8;
  font-size: 14px;
  padding: 8px;
}
.container-pending-payments .log-out-session {
  color: #292828;
  text-align: center;
}
.container-pending-payments .log-out-session.close-session {
  margin-top: 28px;
}
.container-pending-payments .log-out-session.close-session a {
  margin-left: 8px;
  color: #236da9;
}
.container-pending-payments .log-out-session.close-session a:hover {
  text-decoration: none;
  color: #17507f;
}

.container-payment-type-boxes {
  display: flex;
  justify-content: center;
  grid-column-gap: 20px;
}
.container-payment-type-boxes .payment-type-box {
  text-align: center;
}
.container-payment-type-boxes .payment-type-box .header {
  color: white;
  font-weight: 700;
  height: 27px;
  padding-top: 8px;
  text-align: center;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 1.6rem;
}
.container-payment-type-boxes .payment-type-box .boxed-content {
  border: 3px solid #71d8bf;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #292828;
  padding: 0 25px 0;
  width: 308px;
  height: calc(100% - 32px);
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly {
  border: 3px solid white;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-top: 4px solid #f5f5f5;
  height: calc(100% - 36px);
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .btn-wrapper {
  margin-bottom: 27px;
  margin-top: 35px;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .btn-wrapper .other-payment {
  height: 18px;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount {
  font-weight: 250;
  padding-left: 30px;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span {
  margin-left: -4px;
  height: 28px;
  width: 28px;
  display: inline-block;
  position: relative;
  top: 10px;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span i {
  width: 28px;
  height: 28px;
  position: relative;
  top: 0px;
  left: 4px;
  border-radius: 20px;
  background-color: white;
  display: inline-block;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span i:hover {
  background-color: #eeeeee;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span i .tooltip-payment {
  visibility: hidden;
  min-width: 164px;
  width: 260px;
  height: auto;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  padding: 6px 12px 8px;
  position: absolute;
  z-index: 1;
  opacity: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #292828;
  margin-left: -180px;
  margin-top: -10px;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span i:hover .tooltip-payment {
  visibility: visible;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span svg {
  cursor: pointer;
  width: 14px;
  position: relative;
  top: -15px;
  fill: #727272;
}
.container-payment-type-boxes .payment-type-box .boxed-content.monthly .title-discount span svg path {
  fill: #727272;
}
.container-payment-type-boxes .payment-type-box .boxed-content .title {
  font-size: 18px;
  margin-top: 24px;
  font-weight: 600;
}
.container-payment-type-boxes .payment-type-box .boxed-content .title-discount {
  font-size: 36px;
  font-weight: 600;
  margin: 28px 0 24px;
}
.container-payment-type-boxes .payment-type-box .boxed-content .btn-wrapper {
  margin-top: 56px;
  margin-bottom: 62px;
}
.container-payment-type-boxes .payment-type-box .boxed-content .btn-wrapper.btn-mx {
  margin-bottom: 30px;
}
.container-payment-type-boxes .payment-type-box .boxed-content .description {
  width: 100%;
  justify-self: center;
  font-size: 14px;
  line-height: 20px;
}
.container-payment-type-boxes .payment-type-box:first-child {
  justify-self: end;
}
.container-payment-type-boxes .payment-type-box:last-child .header {
  background-color: #71d8bf;
}
.container-payment-type-boxes .payment-type-box .btn-wrapper .cta-annual-payment {
  width: 100%;
  background-color: #4194d8;
  color: #FFF;
  font-weight: 300;
  font-size: 14px;
  border: 0;
  outline: 0;
  padding: 10px 0;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  text-decoration: none;
}
.container-payment-type-boxes .payment-type-box .btn-wrapper .cta-annual-payment:hover {
  background-color: #236da9;
}

.container-retrial {
  height: 180px;
  width: 580px;
  margin: 18px auto;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.container-retrial .mdc-button {
  width: 100%;
  max-width: 486px;
  margin: 28px;
  text-decoration: none;
}

.fut-user-wrapper {
  text-align: center;
  height: 100vh;
}
.fut-user-wrapper div.section-container-one {
  height: 40%;
  background-color: white;
}
.fut-user-wrapper div.section-container-one .login-logo {
  margin: auto;
  width: 134px;
  padding: 21px;
}
.fut-user-wrapper .rectangle-filler {
  height: 4px;
  background-color: #4194d8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 auto;
  width: 576px;
}
.fut-user-wrapper .widget-wrapper {
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  color: #292828;
  margin: 0 auto;
  padding-top: 52px;
  width: 576px;
}
.fut-user-wrapper .widget-wrapper .login-logo {
  margin: 0 auto;
  width: 134px;
}
.fut-user-wrapper .widget-wrapper .user-nickname {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  width: 464px;
  margin: 0 auto;
  text-align: center;
}
.fut-user-wrapper .widget-wrapper .security-disclaimer {
  margin: 8px auto;
  max-width: 80%;
  font-size: 16px;
  color: #292828;
  font-weight: 400;
}
.fut-user-wrapper .widget-wrapper .container-bnt-security {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fut-user-wrapper .widget-wrapper .container-bnt-security button.fut-reconnect {
  margin: 24px 0 10px;
}
.fut-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292828;
  font-weight: 400;
}
.fut-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link p {
  font-size: 12px;
  color: #292828;
}
.fut-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link i svg {
  width: 9px;
  position: relative;
  top: 2px;
  right: 7px;
}
.fut-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link i svg path {
  fill: #292828;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper {
  padding-bottom: 8px;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper button.fut-reconnect i {
  margin-right: 12px;
  position: relative;
  top: 1px;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper button#partnerBtn {
  margin: 24px 0 96px;
  border-radius: 50px;
  background-color: transparent;
  border-color: #dbdbdb;
  padding: 20px 19px 19px;
  color: #292828;
  width: 268px;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper button#partnerBtn:hover {
  background-color: #f5f5f5;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper button#partnerBtn i {
  margin-right: 31px;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper button#meliConect {
  background-color: #FFE600;
  border-color: #FFE600;
  color: #292828;
  width: 270px;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper button#meliConect:hover {
  background-color: #FFD600;
  border-color: #FFD600;
}
.fut-user-wrapper .widget-wrapper .user-actions-wrapper .container-btn-partner {
  position: relative;
  top: -42px;
  height: 48px;
}
.fut-user-wrapper .widget-wrapper h3 {
  font-size: 24px;
  font-weight: 600;
}
.fut-user-wrapper .widget-wrapper .line-div-login {
  border-top: solid 1px #dbdbdb;
  width: 520px;
}
.fut-user-wrapper .widget-wrapper .fut-reconnect {
  margin: 24px 0 96px;
}
.fut-user-wrapper .widget-wrapper .support-request {
  margin-top: 30px;
}
.fut-user-wrapper .widget-wrapper .support-request p {
  font-size: 14px;
  color: #292828;
  font-weight: 400;
}
.fut-user-wrapper .widget-wrapper .support-request a {
  color: #236da9;
}
.fut-user-wrapper .widget-wrapper .support-request a:hover {
  color: #17507f;
  text-decoration: none;
}
.fut-user-wrapper .container-help-link {
  margin-top: 23px;
  margin-bottom: 12px;
}
.fut-user-wrapper .container-help-link p {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  margin-bottom: 40px;
}
.fut-user-wrapper .container-help-link p a {
  color: #236da9;
}
.fut-user-wrapper .container-help-link p a:hover {
  color: #17507f;
  text-decoration: none;
}
.fut-user-wrapper .container-help-link .text-brands {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
}

@media (max-width: 720px) {
  .fut-user-wrapper div.section-container-one {
    width: fit-content;
    margin-left: -20px;
  }
  .fut-user-wrapper div.section-container-one .login-logo {
    padding: 40px;
  }
  .fut-user-wrapper .rectangle-filler {
    width: 328px;
  }
  .fut-user-wrapper .widget-wrapper {
    width: 328px;
    max-height: fit-content;
  }
  .fut-user-wrapper .widget-wrapper .user-nickname {
    font-size: 18px;
    width: 80%;
  }
  .fut-user-wrapper .widget-wrapper .line-div-login {
    width: 90%;
  }
  .fut-user-wrapper .widget-wrapper .security-disclaimer {
    max-width: 90%;
    font-size: 14px;
  }
  .fut-user-wrapper .widget-wrapper .support-request p {
    width: 89%;
    margin-left: 12px;
  }
  .fut-user-wrapper .container-icons-brands {
    width: 80%;
    margin: 21px auto;
  }
}
@media (min-width: 1800px) {
  .fut-user-wrapper div.section-container-one .login-logo {
    margin: 0px auto;
    width: 134px;
    padding: 100px;
  }
}
#associated-accounts-menu .pay-linked {
  margin-left: 10px;
}
#associated-accounts-menu .intro-associated {
  margin-bottom: 50px;
}
#associated-accounts-menu .widget .header {
  font-size: 16px;
  color: #717171;
}
#associated-accounts-menu .widget .invitation-acceptance__alert {
  display: none;
}
#associated-accounts-menu .widget .invitation-acceptance__alert.active {
  display: block;
}
#associated-accounts-menu .associated-accounts .associated-wrapper {
  margin-top: 20px;
}
#associated-accounts-menu .associated-accounts .associated-wrapper .bt-primary {
  background-color: #4194d8;
  padding: 5px 16px;
  border-radius: 4px;
  font-size: 14px;
}
#associated-accounts-menu .associated-accounts .associated-wrapper .bt-primary:hover {
  background-color: #236da9;
}
#associated-accounts-menu .associated-accounts .associated-wrapper .bt-primary:disabled {
  background-color: #b7b7b7;
  color: white;
  opacity: 1;
}
#associated-accounts-menu .associated-accounts .associated-wrapper .bt-outline-secondary {
  padding: 4px 16px;
  border-radius: 4px;
  font-size: 14px;
}
#associated-accounts-menu .associated-accounts .associated-wrapper .bt-outline-secondary:hover {
  color: #236da9;
  border-color: #236da9;
  background-color: #ebf8fa;
}
#associated-accounts-menu .associated-accounts .associated-list-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  padding: 20px;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 20px;
}
#associated-accounts-menu .associated-accounts .associated-list-grid:last-child {
  border: 0;
  margin: 0;
}
#associated-accounts-menu .associated-accounts .associated-list-grid * {
  align-self: center;
}
#associated-accounts-menu .associated-accounts .username {
  color: #808080;
  font-size: 14px;
}
#associated-accounts-menu .associated-accounts .date-associated {
  font-size: 12px;
  color: #afafaf;
}
#associated-accounts-menu .pending-payment {
  background-color: #c95a5a;
}
#associated-accounts-menu .banned {
  background-color: #CCC;
}
#associated-accounts-menu .accounts-to-associate,
#associated-accounts-menu .associated-accounts {
  margin-top: 50px;
}
#associated-accounts-menu .accounts-to-associate .account-search,
#associated-accounts-menu .associated-accounts .account-search {
  margin-top: 10px;
}
#associated-accounts-menu .accounts-to-associate .account-search input,
#associated-accounts-menu .associated-accounts .account-search input {
  width: 400px;
  margin-right: 10px;
}
#associated-accounts-menu .accounts-to-associate .account-search button,
#associated-accounts-menu .associated-accounts .account-search button {
  padding: 3px 25px;
}
#associated-accounts-menu .accounts-to-associate .results-found,
#associated-accounts-menu .associated-accounts .results-found {
  margin-top: 20px;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid:first-child,
#associated-accounts-menu .associated-accounts .results-found-grid:first-child {
  border: 0;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid,
#associated-accounts-menu .associated-accounts .results-found-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  padding: 20px 0 20px;
  border-top: 1px solid #d5d5d5;
  margin-bottom: 20px;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .username,
#associated-accounts-menu .associated-accounts .results-found-grid .username {
  position: relative;
  top: 13px;
  color: #808080;
  font-size: 1.4rem;
  font-weight: normal;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .username .widget-competition-compare-my-data-termometer,
#associated-accounts-menu .associated-accounts .results-found-grid .username .widget-competition-compare-my-data-termometer {
  margin: 14px 10px 30px 0;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .location,
#associated-accounts-menu .associated-accounts .results-found-grid .location {
  font-size: 1.2rem;
  color: #b7b7b7;
  margin-top: -7px;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .op-number, #associated-accounts-menu .accounts-to-associate .results-found-grid .list-number,
#associated-accounts-menu .associated-accounts .results-found-grid .op-number,
#associated-accounts-menu .associated-accounts .results-found-grid .list-number {
  font-size: 14px;
  font-weight: 200;
  color: #808080;
  justify-self: end;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .actions,
#associated-accounts-menu .associated-accounts .results-found-grid .actions {
  align-self: center;
  justify-self: end;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid *,
#associated-accounts-menu .associated-accounts .results-found-grid * {
  align-self: center;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .bt-primary,
#associated-accounts-menu .associated-accounts .results-found-grid .bt-primary {
  background-color: #4194d8;
  padding: 5px 16px;
  border-radius: 4px;
  font-size: 14px;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .bt-primary:hover,
#associated-accounts-menu .associated-accounts .results-found-grid .bt-primary:hover {
  background-color: #236da9;
}
#associated-accounts-menu .accounts-to-associate .results-found-grid .bt-primary:disabled,
#associated-accounts-menu .associated-accounts .results-found-grid .bt-primary:disabled {
  background-color: #b7b7b7;
  color: #fff;
}

/* Multiaccount */
#associated-accounts-menu .widget.associated-accounts .associated-wrapper .bt-outline-secondary:disabled {
  border-color: #b7b7b7;
  color: #b7b7b7;
  opacity: 1;
}
#associated-accounts-menu .widget.associated-accounts .associated-wrapper .bt-outline-secondary:disabled:hover {
  background-color: #fff;
  border-color: #b7b7b7;
  color: #b7b7b7;
}

#multiaccount-copy-config fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 1px;
  display: block;
  min-height: 1px;
}
#multiaccount-copy-config .mdc-checkbox {
  padding: 8px;
}
#multiaccount-copy-config .mdc-checkbox .mdc-checkbox__background {
  top: 8px;
  left: 6px;
}
#multiaccount-copy-config .widget-alert.info {
  margin: 0 0 20px;
}
#multiaccount-copy-config form {
  margin: 8px 0 36px;
}
#multiaccount-copy-config p {
  margin: 0;
  font-weight: normal;
}
#multiaccount-copy-config a {
  color: #236da9;
}
#multiaccount-copy-config .modal-footer {
  padding: 52px 24px 24px;
}
#multiaccount-copy-config .modal-content.loading label, #multiaccount-copy-config .modal-content.loading a {
  color: #b7b7b7;
}
#multiaccount-copy-config .modal-content.loading .mdc-checkbox .mdc-checkbox__background {
  border-color: #b7b7b7;
}
#multiaccount-copy-config .modal-content.loading .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
#multiaccount-copy-config .modal-content.loading .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: #b7b7b7;
}
#multiaccount-copy-config button:not(.close) {
  overflow: hidden;
  position: relative;
}
#multiaccount-copy-config button:not(.close) span.spinner {
  display: none;
}
#multiaccount-copy-config button:not(.close):focus .mdc-button__ripple::before, #multiaccount-copy-config button:not(.close).mdc-ripple-upgraded--background-focused .mdc-button__ripple::before {
  opacity: 0;
}
#multiaccount-copy-config button:not(.close):not(:disabled) svg {
  width: 20px;
  height: 20px;
}
#multiaccount-copy-config button:not(.close):not(:disabled).loadingButton span.spinner {
  display: block;
}
#multiaccount-copy-config button:not(.close):not(:disabled)[class*=tertiary-] span.spinner {
  background: white;
  position: absolute;
  width: 100%;
}
#multiaccount-copy-config button:not(.close):not(:disabled)[class*=primary-] span.spinner {
  background: #4194d8;
  position: absolute;
  width: 100%;
}
#multiaccount-copy-config button:not(.close):not(:disabled)[class*=primary-] .mdc-circular-progress__path {
  stroke: white;
}

@media (max-width: 768px) {
  #associated-accounts-menu .associated-accounts .associated-list-grid {
    grid-template-columns: 1fr;
    padding: 0;
    text-align: center;
  }
  #associated-accounts-menu .associated-accounts .associated-list-grid .associated-actions {
    padding: 20px 0;
  }
  #associated-accounts-menu .associated-accounts .date-associated {
    padding: 10px 0;
  }
  #associated-accounts-menu .accounts-to-associate .account-search input {
    width: calc(100% - 10px);
    margin-bottom: 15px;
  }
  #associated-accounts-menu .accounts-to-associate .results-found-grid {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
  #associated-accounts-menu .accounts-to-associate .results-found-grid .location {
    margin-bottom: 10px;
  }
  #associated-accounts-menu .accounts-to-associate .results-found-grid .location .location-small-icon {
    background-position: -4px 0;
    width: 13px;
  }
  #associated-accounts-menu .accounts-to-associate .results-found-grid .op-number, #associated-accounts-menu .accounts-to-associate .results-found-grid .list-number {
    justify-self: left;
    margin-top: 10px;
  }
  #associated-accounts-menu .accounts-to-associate .results-found-grid .actions {
    justify-self: center;
    padding-top: 30px;
  }
}
@media (max-width: 600px) {
  #multiaccount-copy-config {
    padding: 16px;
  }
  #multiaccount-copy-config .mdc-form-field > label {
    line-height: 1.4;
  }
}
#descriptions-menu .emphasis-descriptions {
  font-weight: 500;
  margin-bottom: 20px;
}
#descriptions-menu .intro-associated {
  font-size: 16px;
}
#descriptions-menu .widget .header {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
#descriptions-menu .widget .email-download input {
  width: 350px;
  margin-right: 10px;
}
#descriptions-menu .widget .email-download input#uploadFileInput {
  display: none;
}
#descriptions-menu .widget .label-desc {
  margin-bottom: 5px;
}
#descriptions-menu .widget + .widget {
  margin-top: 40px;
}

#blocking-menu {
  font-weight: 400;
}
#blocking-menu .spinner-loading {
  margin-top: 30px;
}
#blocking-menu .blocking-questions-no-rows,
#blocking-menu .blocking-permanent-no-rows {
  display: none;
  margin: 7px 0;
  padding: 12px 0;
}
#blocking-menu .blocking-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  margin-top: 36px;
}
#blocking-menu .blocking-grid .header {
  color: #818281;
  font-size: 2rem;
  margin-bottom: 20px;
}
#blocking-menu .blocking-grid .widget {
  padding: 0 32px 0;
}
#blocking-menu .blocking-grid .widget li {
  border-bottom: 1px solid #d7d7d7;
  display: grid;
  grid-template-columns: auto 120px;
  padding: 20px 0 15px;
}
#blocking-menu .blocking-grid .widget li:last-child {
  border: 0;
}
#blocking-menu .blocking-grid .widget li span {
  align-self: center;
}
#blocking-menu .blocking-grid .widget .username {
  font-weight: 300;
}
#blocking-menu .blocking-grid .atlas-loading {
  height: inherit;
  padding: 32px 0 32px;
}
#blocking-menu #redirectUnblockMeli:hover {
  text-decoration: none;
}

#operators-menu .intro-operators {
  margin: 30px 0;
}
#operators-menu .no-more-operators {
  display: grid;
  margin-bottom: 30px;
}
#operators-menu .input {
  width: 312px;
}
#operators-menu .operators__subsection--title {
  margin: 24px 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #727272;
}
#operators-menu .access {
  font-size: 16px;
  color: #717171;
  margin-top: 0;
}
#operators-menu .access + #new-operators-checks .operators__subsection--title:first-child {
  margin-top: 16px;
}
#operators-menu .widget.operators h4 {
  font-size: 16px;
  color: #717171;
  margin-top: 0;
}
#operators-menu .widget.operators h4 + .operators__subsection--title {
  margin-top: 16px;
}
#operators-menu .widget.operators .access-grid {
  margin-left: -11px;
}
#operators-menu .widget.operators .operators-created-data-row {
  margin-bottom: 30px;
}
#operators-menu .widget.operators .operator .collapse-wrapper {
  margin-bottom: 30px;
}
#operators-menu .widget.operators .operator .name {
  font-size: 16px;
  color: #717171;
  font-weight: 500;
  cursor: pointer;
}
#operators-menu .widget.operators .operator .last-connected {
  font-size: 12px;
  color: #b5b5b5;
  font-weight: 200;
  margin-bottom: 10px;
}
#operators-menu .widget.operators .operator .nick-toggler {
  padding-left: 20px;
  position: relative;
}
#operators-menu .widget.operators .operator .nick-toggler.collapsed:after {
  transform: rotate(-88deg);
}
#operators-menu .widget.operators .operator .nick-toggler:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -5px;
  width: 25px;
  height: 22px;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  -webkit-transition: transform 200ms;
  -moz-transition: transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
}
#operators-menu .widget.operators .operator .access-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
#operators-menu .widget.operators .operator .access-grid .first-col {
  grid-template-columns: 1fr;
}
#operators-menu .widget.operators .operator .access-grid .second-col {
  grid-template-columns: 1fr;
}
#operators-menu .widget.operators .operator .access-grid .third-col {
  grid-template-columns: 1fr;
}
#operators-menu .widget.operators .operator .access-grid .fourth-col {
  grid-template-columns: 1fr;
}
#operators-menu .widget.operators .operator .access-grid .container {
  display: block;
  position: relative;
  padding-left: 31px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 26px;
}
#operators-menu .widget.operators .operator .access-grid .container input.custom-check {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#operators-menu .widget.operators .operator .access-grid .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  border-radius: 5px;
  transform: scale(0.8);
}
#operators-menu .widget.operators .operator .access-grid .container:hover input.custom-check ~ .checkmark {
  background-color: #ccc;
}
#operators-menu .widget.operators .operator .access-grid .container input.custom-check:checked ~ .checkmark {
  background-color: #71d8bf;
  transition: all 0.5s ease;
}
#operators-menu .widget.operators .operator .access-grid .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#operators-menu .widget.operators .operator .access-grid .container input.custom-check:checked ~ .checkmark:after {
  display: block;
}
#operators-menu .widget.operators .operator .access-grid .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.5s ease;
}
#operators-menu .widget.operators .operator .password-change {
  margin-top: 25px;
}
#operators-menu .widget.operators .operator .password-change .unlock-icon {
  width: 25px;
  display: inline-block;
  position: relative;
  top: 4px;
}
#operators-menu .widget.operators .operator .password-change .header-text {
  display: inline-block;
}
#operators-menu .widget.operators .operator .password-change input {
  margin: 5px 0 5px;
}
#operators-menu .widget.new-operator {
  margin-top: 40px;
}
#operators-menu .widget.new-operator h4 {
  font-size: 16px;
  color: #717171;
  margin-top: 0;
}
#operators-menu .widget.new-operator .access-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  margin-left: -11px;
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
#operators-menu .widget.new-operator .access-grid .container {
  display: block;
  position: relative;
  padding-left: 31px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 26px;
}
#operators-menu .widget.new-operator .access-grid .container .RT-tooltip {
  line-height: 1.4;
  top: 0;
  left: -5px;
  cursor: default;
}
#operators-menu .widget.new-operator .access-grid .container input.custom-check {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#operators-menu .widget.new-operator .access-grid .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  border-radius: 5px;
  transform: scale(0.8);
}
#operators-menu .widget.new-operator .access-grid .container:hover input.custom-check ~ .checkmark {
  background-color: #ccc;
}
#operators-menu .widget.new-operator .access-grid .container input.custom-check:checked ~ .checkmark {
  background-color: #71d8bf;
  transition: all 0.5s ease;
}
#operators-menu .widget.new-operator .access-grid .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#operators-menu .widget.new-operator .access-grid .container input.custom-check:checked ~ .checkmark:after {
  display: block;
}
#operators-menu .widget.new-operator .access-grid .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.5s ease;
}
#operators-menu .widget.new-operator .create-operator-fields {
  margin-bottom: 20px;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op {
  max-width: 500px;
  display: grid;
  grid-template-columns: none;
  grid-template-rows: auto;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  margin-bottom: 0px;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op .op-name {
  line-height: 33px;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op #passwordField {
  width: 100%;
  margin-bottom: 5px;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op .operator-creator {
  max-width: 500px;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op .operator-creator input {
  width: 100%;
  display: table-cell;
  position: relative;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op .input-block {
  margin: 10px 0;
}
#operators-menu .widget.new-operator .create-operator-fields .new-op .input-block input {
  margin: 5px 0;
}
#operators-menu .widget .input-block.error input {
  border: solid 1px #f04e54;
}
#operators-menu .widget .input-block.error .placeholder {
  color: #f04e54;
  transform: scale(0.8) translateY(-25px);
  background-color: #FFF;
}
#operators-menu .widget .input-block .error-line {
  font-size: 12px;
  line-height: 18px;
  color: #f04e54;
  font-weight: 400;
  display: none;
}
#operators-menu .widget .input-block .password-validations {
  font-size: 12px;
  line-height: 18px;
  color: #727272;
  font-weight: 400;
}
#operators-menu .widget .input-block .password-validations .password-subtitle, #operators-menu .widget .input-block .password-validations li {
  height: 18px;
  display: flex;
  align-items: center;
}
#operators-menu .widget .input-block .password-validations .password-subtitle svg, #operators-menu .widget .input-block .password-validations li svg {
  height: 12px;
  width: 12px;
  padding: 4px 4px 0 0;
}
#operators-menu .widget .input-block .password-validations ul {
  padding-top: 4px;
}
#operators-menu .widget .input-block .password-validations .successful {
  color: #328547;
}
#operators-menu .widget .input-block .password-validations .failed {
  color: #f04e54;
}
#operators-menu .widget div.input-block {
  position: relative;
  width: fit-content;
  margin-bottom: 30px;
  width: 100%;
  max-width: 340px;
}
#operators-menu .widget div.input-block input {
  font-size: 1.4rem;
  color: #292828;
  padding: 12.5px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  outline: none;
  height: 40px;
  box-sizing: border-box;
  width: 100%;
}
#operators-menu .widget div.input-block input:focus {
  outline: none;
}
#operators-menu .widget div.input-block:first-child {
  margin-bottom: 35px;
}
#operators-menu .widget div.input-block span.placeholder {
  position: absolute;
  margin: 16px 0 0;
  padding: 0 4px;
  color: #6c757d;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  top: 0;
  left: 9px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
}
#operators-menu .widget div.input-block input:focus {
  color: #292828;
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
#operators-menu .widget div.input-block input:focus + span.placeholder,
#operators-menu .widget div.input-block input:focus ~ span.placeholder {
  color: #4194d8;
  transform: translateY(-100%);
  background: white;
}
#operators-menu .widget div.input-block.input__fill {
  box-shadow: 0 0 0 30px white inset !important;
}
#operators-menu .widget div.input-block.input__fill span.placeholder {
  transform: translateY(-100%);
  background: white;
}
#operators-menu .widget div.input-block input[required]:valid,
#operators-menu .widget div.input-block input[required]:-webkit-autofill {
  box-shadow: 0 0 0 30px white inset !important;
}
#operators-menu .widget div.input-block input[required]:valid + span.placeholder, #operators-menu .widget div.input-block input[required]:valid ~ span.placeholder,
#operators-menu .widget div.input-block input[required]:-webkit-autofill + span.placeholder,
#operators-menu .widget div.input-block input[required]:-webkit-autofill ~ span.placeholder {
  transform: translateY(-100%);
  background: white;
}
#operators-menu .widget div.input-block input::placeholder {
  opacity: 0;
}
#operators-menu .widget div.input-block input:not(:placeholder-shown) {
  box-shadow: 0 0 0 30px white inset !important;
}
#operators-menu .widget div.input-block input:not(:placeholder-shown) + span.placeholder, #operators-menu .widget div.input-block input:not(:placeholder-shown) ~ span.placeholder {
  transform: translateY(-100%);
  background: white;
}
#operators-menu .widget i.pass-hide, #operators-menu .widget i.pass-show {
  right: 5px;
  position: absolute;
  width: 26px;
  top: 5px;
  height: 40px;
  box-sizing: border-box;
  padding: 5px;
  line-height: 2.4;
  cursor: pointer;
}
#operators-menu .widget i.pass-hide svg, #operators-menu .widget i.pass-show svg {
  fill: #727272;
}
#operators-menu .user-actions {
  margin: 22px 0 50px 0;
}
#operators-menu .user-actions .bt-cancel-delete {
  background-color: #FFF;
  color: #818181;
  font-size: 12px;
  margin: 30px;
}
#operators-menu .user-actions .bt-cancel-delete:hover {
  text-decoration: none;
}
#operators-menu .user-actions button {
  margin-right: 15px;
}
@media (max-width: 768px) {
  #operators-menu .widget.new-operator .access-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
  #operators-menu .widget.operators .operator .access-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
  }
  #operators-menu .user-actions button {
    padding: 6px 10px;
  }
}

/* Sales */
#sales-list .widget-filters .filter-search input.search {
  width: 182px;
}

.payment-info-modal-wrapper .payment-detail-payment-status .widget-alert {
  padding: 8px;
}

#sales-list .widget-filters .filter-search {
  width: 215px;
  position: relative;
  padding-bottom: 20px;
}

#sales-list .new-widget-filters ul:last-child li:first-child {
  margin-right: 5px;
}

#sales-list .new-widget-filters ul:last-child li:first-child label.container {
  top: -4px;
}

.cart-order i {
  display: inline-block;
  width: 17px;
  margin-right: 5px;
}

.new-widget-filters {
  margin-bottom: 5px;
}
.new-widget-filters ul:first-child {
  margin-bottom: 15px;
}
.new-widget-filters li {
  padding-bottom: 15px;
}
.new-widget-filters li .wrap-filter-date {
  float: none;
}
.new-widget-filters .filter-search {
  padding: 0;
}
.new-widget-filters .secondary-row li {
  padding-bottom: 0;
}
.new-widget-filters .secondary-row .wrap-filter-date {
  position: relative;
  top: 3px;
}
.new-widget-filters #check-all-closed-input, .new-widget-filters #check-all-active-input {
  position: relative;
  top: 15px;
}
.new-widget-filters .wrap-filter-date input {
  padding-bottom: 8px;
}
.new-widget-filters .wrap-filter-date .open-calendar {
  background: transparent;
}
.new-widget-filters .wrap-filter-date .open-calendar:before {
  border-top-color: #727272;
}

#exportSent p {
  font-size: 1.6rem;
}

.new-modal.data-export-modal label.export-email {
  width: 100%;
}
.new-modal.data-export-modal .has-error {
  color: #f04e54;
}
.new-modal.data-export-modal .has-error span.error-label {
  display: block;
  font-size: 1.2rem;
  margin-top: 4px;
}
.new-modal.data-export-modal p {
  font-size: 1.6rem;
  margin-bottom: 24px;
}
.new-modal.data-export-modal .mdc-button {
  width: 130px;
}
.new-modal.data-export-modal .modal-footer {
  padding: 25px;
  text-align: right;
  margin-top: 20px;
}

.label_type.classic.sales.catalog {
  background-color: #4194d8;
  margin-left: 4px;
  padding: 2px 9px;
}

.modal-content.modal-sales {
  max-height: 80vh;
  width: 500px;
  border-radius: 5px;
}

.modal-title.sales {
  font-size: 21px;
  font-weight: 600;
  position: relative;
  color: #292828;
}

.modal-title.sales-publi {
  top: 35px;
  position: absolute;
  font-weight: 200;
  font-size: 1.6rem;
  color: #727272;
}

.modal-body.sales-modal {
  padding: 0;
  margin-top: 34px;
  margin-top: 8px;
}

.modal-footer.sales {
  padding: 12px;
}

.modal-titulo {
  padding-bottom: 0;
}

.modal-header.sales-modal {
  padding: 10px 20px;
}

.modal-dialog.operators-modal-delete.sales {
  width: 350px;
}

.widget-sales-item.modal-sales {
  font-size: 14px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 300;
}

.payment-info-modal-wrapper.modal-content {
  width: 275px;
  box-shadow: none;
}

#modal-contenedor {
  width: 380px;
  margin-top: 150px;
  margin-left: 70px;
}

.item-price.sales-modal .text-x2-dark.sales-modal {
  line-height: 1.6;
  display: flex;
  justify-content: space-between !important;
}

.thumb.modal-sales {
  max-height: 30vh;
  max-width: 30vh;
}

#amountToCashModal {
  margin-left: 30%;
}

.listing-data.modal-sales {
  padding-bottom: 15px;
  margin-right: -46px;
  color: #292828;
}

.detalle {
  margin-left: 10px;
  text-decoration: underline;
  font-size: 13px;
  font-weight: 400;
}

label.detalle:hover {
  cursor: pointer;
}

.text-x2-dark.total {
  font-style: unset;
  display: flex;
  justify-content: space-between;
}

#active-sales .new-widget-filters li, #closed-sales .new-widget-filters li {
  margin-right: 15px;
}

.new-widget-filters li:nth-child(3) .selectize-input.items.full.has-options.has-items {
  width: 210px;
}

.widget-sales-item-alerts {
  display: grid;
  grid-template-columns: 0.3fr 0.5fr 2fr 1fr 4.5fr 1.8fr 2fr 0.3fr;
}

.widget-sales-item-alerts.mediations-alert-sales .widget-sales-item-warning .widget-alert span {
  font-weight: 400;
}
.widget-sales-item-alerts.mediations-alert-sales .widget-sales-item-warning .widget-alert span a {
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #dbdbdb;
}

.widget-sales-item-warning {
  grid-column-start: 3;
  grid-column-end: 8;
  margin-left: 15px;
  margin-right: 25px;
}

.widget-sales-container {
  padding: 0;
}
.widget-sales-container .widget-sales-item-alerts {
  margin: 24px 0 0;
}
.widget-sales-container .widget-sales-item-alerts .widget-alert {
  margin: 0;
}
.widget-sales-container .widget-sales-item:last-child {
  border-bottom: 0;
}
.widget-sales-container .widget-sales-item.selected {
  background-color: #f7f7f7;
}
.widget-sales-container .widget-sales-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.widget-sales-container .widget-sales-item:last-child .empty-cell {
  border-bottom: 0;
}
.widget-sales-container .widget-sales-item {
  display: grid;
  grid-template-columns: 0.3fr 0.5fr 2fr 1fr 4.5fr 1.8fr 2fr 0.3fr;
  grid-gap: 15px;
  padding: 30px 0;
  border-bottom: 1px solid #d7d7d7;
}
.widget-sales-container .widget-sales-item .container {
  padding-left: 8px;
}
.widget-sales-container .widget-sales-item .labels {
  padding-top: 4px;
  text-align: right;
}
.widget-sales-container .widget-sales-item .empty-cell {
  border-bottom: 1px solid white;
  position: relative;
  bottom: -31px;
}
.widget-sales-container .widget-sales-item .checkbox {
  justify-self: center;
  align-self: center;
}
.widget-sales-container .widget-sales-item .checkbox .container {
  top: -5px;
}
.widget-sales-container .widget-sales-item .contact-container {
  display: inline;
}
.widget-sales-container .widget-sales-item .user-data {
  align-self: center;
}
.widget-sales-container .widget-sales-item .user-data div {
  padding: 4px 0;
  width: 250px;
}
.widget-sales-container .widget-sales-item .user-data div:first-child {
  padding-top: 0;
}
.widget-sales-container .widget-sales-item .user-data div:last-child {
  padding-botom: 0;
}
.widget-sales-container .widget-sales-item .user-data i {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.widget-sales-container .widget-sales-item .thumb {
  align-self: center;
  justify-self: center;
  margin-bottom: 10px;
}
.widget-sales-container .widget-sales-item .thumb img {
  width: 60px;
  border-radius: 3px;
}
.widget-sales-container .widget-sales-item .listing-data a.order-details-trigger {
  cursor: pointer;
  color: #292828;
  font-weight: 500;
}
.widget-sales-container .widget-sales-item .listing-data a.order-details-trigger:hover {
  text-decoration: none;
}
.widget-sales-container .widget-sales-item .listing-data .sales-official-store {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  column-gap: 6px;
  padding: 0;
}
.widget-sales-container .widget-sales-item .listing-data .sales-official-store .official-store-username {
  display: inline-block;
  color: #727272;
  font-size: 14px;
}
.widget-sales-container .widget-sales-item .listing-data .sales-official-store .medal-official-store {
  display: inline-block;
  height: 22px;
}
.widget-sales-container .widget-sales-item .listing-data .sales-official-store .medal-official-store + .tooltip.right {
  padding-left: 3px;
}
.widget-sales-container .widget-sales-item .listing-data .sales-official-store .medal-official-store + .tooltip.right .tooltip-arrow {
  padding: 0;
}
.widget-sales-container .widget-sales-item .listing-data .sales-official-store .medal-official-store + .tooltip.right .tooltip-inner {
  padding: 0 4px;
}
.widget-sales-container .widget-sales-item .listing-data div {
  padding: 4px 0;
}
.widget-sales-container .widget-sales-item .listing-data div:first-child {
  line-height: 25px;
  padding-top: 0;
}
.widget-sales-container .widget-sales-item .listing-data div:last-child {
  padding: 0;
}
.widget-sales-container .widget-sales-item .listing-data .delivery {
  width: 200px;
  height: 20px;
  font-size: 1.4rem;
  padding: 2px 0;
}
.widget-sales-container .widget-sales-item .listing-data .delivery .free-shipping {
  display: inline-block;
  width: 17px;
  height: 15px;
  position: relative;
  top: 2px;
  left: 3px;
}
.widget-sales-container .widget-sales-item .listing-data .multiorigin-stock-container {
  padding: 0;
}
.widget-sales-container .widget-sales-item .listing-data .multiorigin-stock-container p {
  display: flex;
  margin: 0;
  padding: 4px 0;
}
.widget-sales-container .widget-sales-item .listing-data .multiorigin-stock-container p .stock-origin-span {
  display: inline-block;
  padding-left: 4px;
  max-width: 312px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.widget-sales-container .widget-sales-item .labels {
  max-width: 145px;
}
.widget-sales-container .widget-sales-item .labels .label_type {
  display: table;
  margin-bottom: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.widget-sales-container .widget-sales-item .labels .label_type.no-link {
  cursor: default;
}
.widget-sales-container .widget-sales-item .labels .label_type.no-link:hover {
  cursor: default;
}
.widget-sales-container .widget-sales-item .labels .label_type.no-link a {
  text-decoration: none;
}
.widget-sales-container .widget-sales-item .labels .label_type.schedule-flex-info {
  display: table;
  margin-bottom: 4px;
  cursor: default;
  white-space: initial;
  text-align: initial;
  padding: 4px 16px;
  background: #fbfbfb;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 12px;
}
.widget-sales-container .widget-sales-item .labels .label_type.schedule-flex-info p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  color: #292828;
  margin-top: 8px;
  max-width: 173px;
  width: auto;
  min-width: 146px;
}
.widget-sales-container .widget-sales-item .labels .label_type.schedule-flex-info .title-warning {
  display: flex;
  font-size: 12px;
  margin-top: 6px;
  color: #292828;
  font-weight: 600;
}
.widget-sales-container .widget-sales-item .labels .label_type.schedule-flex-info .title-warning i svg {
  width: 16px;
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.widget-sales-container .widget-sales-item .labels .label_type.schedule-flex-info .title-warning i svg g g path {
  fill: #f36c00;
}
.widget-sales-container .widget-sales-item .labels .label_type.schedule-flex-info.warning-border-color {
  border: 1px solid #f36c00;
}
.widget-sales-container .widget-sales-item .labels .contextual-label-menu {
  cursor: pointer;
}
.widget-sales-container .widget-sales-item .labels .contextual-label-menu:hover .context-menu {
  display: inherit !important;
  margin-top: 20px;
  margin-left: -100px;
  position: absolute;
  float: right;
}
.widget-sales-container .widget-sales-item .labels .context-menu {
  background: #FFF;
  border-radius: 2px;
  -webkit-box-shadow: -3px 7px 12px -6px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: -3px 7px 12px -6px rgba(0, 0, 0, 0.62);
  box-shadow: -3px 7px 12px -6px rgba(0, 0, 0, 0.62);
}
.widget-sales-container .widget-sales-item .labels .context-menu ul li {
  font-size: 13px;
  padding: 8px 12px;
}
.widget-sales-container .widget-sales-item .labels .context-menu ul li:hover {
  background-color: #f5f5f5;
}
.widget-sales-container .widget-sales-item .labels .context-menu ul a {
  color: #727272;
}
.widget-sales-container .widget-sales-item .labels .context-menu ul a:hover {
  text-decoration: none;
}
.widget-sales-container .widget-sales-item .actions {
  align-self: right;
  justify-self: right;
  position: relative;
  /*.info-modal.large-actions-modal{
      top: -71px;
      width: 180px;
  }*/
}
.widget-sales-container .widget-sales-item .actions .link-warning {
  color: #f04e54;
}
.widget-sales-container .widget-sales-item .actions .link-warning:hover, .widget-sales-container .widget-sales-item .actions .link-warning:active {
  text-decoration: none;
  color: #be252b;
}
.widget-sales-container .widget-sales-item .actions button {
  width: 25px;
  height: 25px;
  border: 0;
  background: none;
  padding: 0;
}
.widget-sales-container .widget-sales-item .actions button circle {
  fill: #B7B7B7;
  -webkit-transition: fill 200ms;
  -moz-transition: fill 200ms;
  -o-transition: fill 200ms;
  transition: fill 200ms;
}
.widget-sales-container .widget-sales-item .actions button:hover circle {
  fill: rgb(144.75, 144.75, 144.75);
}
.widget-sales-container .widget-sales-item .actions .link-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  border: none;
  width: 100%;
  height: auto;
  padding: 12px 10px;
}
.widget-sales-container .widget-sales-item .actions .link-button.with-icon {
  gap: 8px;
  flex-flow: row nowrap;
  align-items: baseline;
}
.widget-sales-container .widget-sales-item .actions .link-button.with-icon:has(.RT-tooltip) .RT-tooltip .RT-tooltip__title::after {
  background-color: #fffbdd;
}
.widget-sales-container .widget-sales-item .actions .link-button.with-icon:has(.RT-tooltip) .RT-tooltip .RT-tooltip__content {
  max-width: 254px;
}
.widget-sales-container .widget-sales-item .actions .info-modal {
  top: -93px;
  right: 30px;
  left: inherit;
  padding: 10px 0;
  width: 201px;
}
.widget-sales-container .widget-sales-item .actions .info-modal ul {
  display: inline-block;
}
.widget-sales-container .widget-sales-item .actions .info-modal ul li {
  padding: 0;
}
.widget-sales-container .widget-sales-item .actions .info-modal a {
  padding: 10px 25px;
  display: block;
  width: calc(100% - 3px);
}
.widget-sales-container .widget-sales-item .actions .info-modal a:hover {
  background-color: #f7f7f7;
  text-decoration: none;
}

/* Modals */
.notes-new-note {
  padding-bottom: 20px;
}

.notes-create-btn,
.notes-save-btn {
  padding: 3px 25px;
  margin: 0 10px;
}

.notes-note-create-input,
.notes-note-edit-input {
  width: 300px;
}

.notes-note-text-wrapper {
  margin-top: 30px;
}

.notes-note-edit-wrapper {
  display: none;
  padding-top: 20px;
}

.notes-modal-wrapper .question-time-ago {
  padding-right: 0px;
  position: relative;
  top: 3px;
  margin: 0;
}

.notes-wrap-buttons a {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.notes-wrap-buttons a.edit-btn {
  position: relative;
  margin-right: 7px;
}

.note-confirm-delete-btn {
  display: none;
  position: relative;
  top: -10px;
}

.notes-no-notes {
  padding-bottom: 20px;
}

.note-timestamp div {
  font-size: 11px;
  padding-top: 3px;
}

.notes-wrap-buttons {
  width: 140px;
  display: inline-block;
  text-align: right;
  float: right;
  position: relative;
  right: 1px;
}

.notes-note-text-wrapper {
  margin-top: 20px;
  width: auto;
  display: inline-block;
}

.notes-note {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

#editShippingInfoLnk {
  font-weight: 400;
  padding: 10px 0;
  display: block;
  font-size: 16px;
}

#shippingInfoWrapper div {
  padding-bottom: 8px;
  font-size: 14px;
}

.shipped-date {
  font-size: 16px;
}

#editShippingInfoWrapper label,
.shipping-info-shipped label {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.shipped-data div {
  margin-bottom: 10px;
}

.shipped-data input {
  width: 300px;
  margin: 3px 0 10px 0;
  display: block;
}

#editShippingInfoWrapper input {
  width: 300px;
  margin: 3px 0 10px 0;
}

#editShippingInfoWrapper select {
  width: 310px;
  height: 30px;
  margin: 10px 0;
}

#editShippingInfoWrapper button,
#saveNewShippingStatusBtn {
  margin-top: 10px;
}

.shipping-address-info {
  padding-top: 30px;
  font-size: 16px;
}

.shipping-address-info .location-small-icon {
  background-position: -3px -1px;
  width: 12px;
}

.shipping-address-info div {
  padding: 3px 0;
}

.status-shipment .widget-alert.danger, .status-shipment .widget-alert.error, .status-shipment .widget-alert.info, .status-shipment .widget-alert.warning {
  margin: 0 0 12px;
}

.status-shipment div {
  padding: 5px 0;
  font-size: 16px;
}

.status-shipment div:first-child {
  margin-bottom: 15px;
}

#shippingInfoWithoutMEShippedHtml .status-shipment div:first-child,
#shippingInfoWithoutMEToBeAgreedHtml .status-shipment div:first-child,
#shippingInfoWithoutMEPendingHtml .status-shipment div:first-child {
  margin-bottom: 0;
}

.status-shipment button {
  margin-top: 10px;
}

.shipped-date {
  font-size: 16px;
}

.notes-excerpt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 240px;
}

/* Sale receipt_upload modal */
#spinnerReceipt {
  margin-top: 30%;
  margin-left: 40%;
}
#spinnerReceipt svg {
  width: 200px;
}

.modal-dialog.feedback-modal-rate.receipt {
  height: 95%;
  margin: auto !important;
  bottom: 1%;
  top: 3%;
}

.modal-content.receipt {
  width: 960px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
  margin-left: 3%;
}

.modal-header.receipt {
  padding: 30px 49px;
}

.modal-title.receipt {
  width: 312px;
  height: 44px;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}

.modal-body.receipt {
  margin-left: 1px;
  height: 63%;
}

.container-description-prod.receipt {
  margin-top: 1px;
}

.sales-product-descrption.receipt {
  display: inline-flex;
  margin-top: -18px;
}
.sales-product-descrption.receipt .container-img-product {
  padding-right: 20px;
}
.sales-product-descrption.receipt .container-img-product .img-wrapper img {
  border-radius: 0;
  width: 42px;
  height: 42px;
}
.sales-product-descrption.receipt #salesTitleReceipt {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #292828;
  padding-bottom: 7px;
}
.sales-product-descrption.receipt .text-desc-medium {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  padding-bottom: 9px;
}

.line-separator-to-receipt {
  width: 862px;
  height: 1px;
  background-color: #b7b7b7;
  margin-top: 24px;
}

.explain-to-upload {
  margin-left: 25px;
  margin-bottom: 20px;
}
.explain-to-upload p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

.box-icon-to-upload {
  width: 862px;
  height: 200px;
  border-radius: 4px;
  background-color: #eeeeee;
  margin-left: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: dotted 2px transparent;
}

.box-icon-to-upload:hover {
  border: dotted 2px #4194d8;
}

.containaer-img-pdf .img-pdf {
  display: flex;
  justify-content: center;
  align-items: center;
}
.containaer-img-pdf .img-pdf i svg {
  width: 32px;
  height: 38px;
}
.containaer-img-pdf .text-to-upload {
  font-size: 16.8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #b7b7b7;
}

.box-container-pdf {
  width: 862px;
  height: 262px;
  border-radius: 4px;
  border: solid 1px #eeeeee;
  background-color: #eeeeee;
  margin-left: 21px;
  display: block;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.box-container-pdf::-webkit-scrollbar {
  width: 4px;
  height: 5px;
}

.box-container-pdf::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}

.box-container-pdf::-webkit-scrollbar-thumb:hover {
  background: #b7b7b7;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.box-container-pdf::-webkit-scrollbar-thumb:active {
  background-color: #b7b7b7;
}

.box-container-pdf::-webkit-scrollbar-track {
  background: #dbdbdb;
  border-radius: 4px;
}

.box-container-pdf::-webkit-scrollbar-track:hover,
.box-container-pdf::-webkit-scrollbar-track:active {
  background: #dbdbdb;
}

.modal-footer.receipt {
  margin-right: 25px;
  margin-top: 5px;
}

.bt-secondary.receipt-remove {
  color: #f04e54;
  width: 130px;
  width: 130px;
  height: 44px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 19px;
}

.bt-secondary.receipt-remove:hover {
  border-radius: 8px;
  background-color: #fce9e9;
  color: #f04e54;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.bt-secondary.receipt {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4194d8;
  border: solid 1px #4194d8;
  background-color: #fff;
}

#btnConfirmDeletePdf {
  box-shadow: none;
}

#btnCancelDeletePdf {
  text-transform: none;
}

#btnCancelDeletePdf:hover {
  border: solid 1px #236da9;
  background-color: #fff;
}

.bt-secondary.receipt-save {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  background-color: #4194d8;
  margin-left: 10px;
}

.bt-secondary.receipt-save:hover {
  background-color: #236da9;
}

.bt-secondary.receipt-save.modals-2 {
  color: #fff;
  background-color: #4194d8;
}

.bt-secondary.receipt-save.modals-2:hover {
  color: #fff;
  background-color: #236da9;
}

#containerWithPdf canvas {
  width: 860px;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.link-icon.receipt {
  position: fixed;
  right: 90px;
  top: 260px;
  text-decoration: none;
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 105px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.link-icon.receipt i {
  margin-right: 8px;
}

.link-icon.receipt:hover {
  color: Grey-Dark;
}
.link-icon.receipt:hover i {
  fill: Grey-Dark;
}

.widget-alert.danger.receipt, .widget-alert.receipt.error {
  width: 862px;
  margin-left: 20px;
}

.container-modal.cancel-or-delete {
  margin: auto;
  margin-top: 15%;
  width: 444px;
  height: 231px;
  border-radius: 4px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
}

.container-modal.cancel-or-delete.cancel {
  height: 210px;
}

.md-content.cancel-or-delete {
  padding-top: 24px;
  padding-left: 24px;
  color: #292828;
}
.md-content.cancel-or-delete .modal-delete-pdf {
  font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}

.md-actions.cancel-or-delete {
  float: right;
  padding-right: 24px;
  padding-top: 30px;
}

#alertSuccessUploadFormat {
  margin-top: -14px;
  width: 857px;
  margin-left: 22px;
}

/*SALE DETAIL Printing page*/
.container-for-printing {
  font-weight: 600;
  border: 1px solid transparent;
  margin: 0 auto;
  padding: 0;
  background: none;
  color: #000;
  width: 1170px;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.container-for-printing .print-btn-container {
  text-align: right;
}

.container-for-printing .print-btn-container .bt-default {
  display: inline-block;
}

.container-for-printing .img-wrapper {
  height: 60px;
  width: 60px;
  display: inline-block;
  vertical-align: top;
}

.container-for-printing .img-wrapper .img-thumbnail {
  height: 60px;
  width: 60px;
  max-width: 60px;
}

.container-for-printing .item-information {
  display: inline-block;
  margin-left: 10px;
}

.container-for-printing .question-set {
  margin-bottom: 8px;
}

.container-for-printing .buyer-detail {
  margin-bottom: 3px;
  color: #595959;
}

.container-for-printing .item-information .item-price {
  margin-bottom: 5px;
}

.container-for-printing .item-information .item-detail {
  margin-bottom: 5px;
  font-size: 20px;
  color: #71d8bf;
  font-weight: bold;
}

.container-for-printing .item-information h3 {
  color: #595959;
}

.container-for-printing h3 {
  font-size: 22px;
}

.container-for-printing h3 img {
  position: relative;
  top: 7px;
}

.container-for-printing h3 i {
  margin-right: 3px;
}

.container-for-printing h3 i.fa-check-square-o, .container-for-printing h3 i.fa-pencil-square-o {
  position: relative;
  top: 2px;
}

.container-for-printing .no-padding {
  padding: 0 !important;
  margin-top: 10px;
  margin-bottom: 15px;
}

.sale-detail-section {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
}

.sale-detail-section .feedback-sent {
  border-right: 2px solid #CCC;
}

.sales-print {
  background-color: #FFF;
  margin-top: 20px;
  padding: 25px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.45);
  -moz-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.45);
  box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.45);
  border: 1px solid #CCC;
  border-radius: 5px;
  margin-bottom: 20px;
}

.sales-print.first {
  margin-top: 0;
}

.sale-detail-section + .sale-detail-section {
  padding: 20px 0 20px;
  border-bottom: 1px solid #CCC;
}

.sale-detail-title {
  color: #595959;
  margin-top: 0;
}

.detail-header {
  padding: 10px 0px 10px;
  font-size: 17px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 15px;
  font-weight: bold;
}

.container-for-printing .timestamp {
  font-size: 10px;
  color: #000;
  margin-top: 5px;
}

.container-for-printing .seller .timestamp {
  color: #000;
}

.speech-bubble {
  position: relative;
  background: #FFF;
  border-radius: 0.4em;
  min-height: 30px;
  color: #595959;
  padding: 10px 20px 10px;
  margin-bottom: 10px;
  color: #000;
  border: 1px solid #000;
}

.speech-bubble.buyer:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-right-color: #595959;
  border-left: 0;
  border-top: 0;
  margin-top: -8.5px;
  margin-left: -17px;
}

.speech-bubble.seller {
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
}

.speech-bubble.seller:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-left-color: #595959;
  border-right: 0;
  border-top: 0;
  margin-top: -8.5px;
  margin-right: -17px;
}

.messenger-sales-wrapper {
  padding: 20px;
}

.sale-item-title.text-left {
  text-align: left;
}

#order-notes p {
  margin-bottom: 0;
  margin-top: 5px;
}

.competition-listing-type {
  width: 83px;
  margin-left: 5px;
}

.calif-values {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url("../img/sprite-rt.f7e5b2cd2be3.svg");
  position: relative;
  top: 3px;
  background-size: inherit;
}

.calif-values.positive {
  background-position: -11px 421px;
}

.calif-values.negative {
  background-position: -75px 421px;
}

.calif-values.neutral {
  background-position: -44px 421px;
}

@media (min-width: 768px) {
  .feedback-modal-rate {
    width: 550px;
  }
}
@media (max-width: 768px) {
  .feedback-modal-rate {
    width: 350px;
  }
  .conflicting-modal-received-feedback {
    margin-top: 10px;
  }
}
.feedback-rate-unfulfilled-reason {
  margin-top: 15px;
  display: none;
}

.feedback-rate-recommend-title,
.feedback-rate-opinion-title {
  margin-top: 20px;
}

button#refundMoneyButton {
  height: auto;
  padding: 0;
  align-items: center;
  color: #727272;
}
button#refundMoneyButton i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
button#refundMoneyButton i svg {
  width: 100%;
  height: 100%;
}
button#refundMoneyButton span {
  line-height: 1;
  margin-left: 8px;
}
button#refundMoneyButton:hover {
  background: none;
  color: #292828;
  border-color: rgba(0, 0, 0, 0);
}
button#refundMoneyButton:hover span {
  text-decoration: underline;
}

#refundMoneyModal [data-type=payment-amount] {
  font-weight: 800;
}
#refundMoneyModal .modal-footer button {
  width: 130px;
}

@media (min-width: 768px) {
  .feedback-automatic-fulfilled-input-text,
  .feedback-automatic-unfulfilled-input-text {
    width: 400px;
  }
}
@media (max-width: 768px) {
  .feedback-automatic-fulfilled-input-text,
  .feedback-automatic-unfulfilled-input-text {
    width: 300px;
  }
}
.feedback-rate-text-error,
.feedback-rate-error {
  margin-top: 8px;
  display: none;
}

.feedback-rate-modal-cancel-link {
  padding-right: 10px;
}

@media print {
  .speech-bubble.seller, .speech-bubble {
    border: 0;
  }
  .sale-detail-section + .sale-detail-section {
    padding: 10px 0 5px;
  }
  .container-for-printing .buyer-detail {
    color: #000;
  }
  .container-for-printing .no-padding {
    margin: 0;
  }
  html, body {
    height: auto;
    page-break-after: avoid;
  }
  div.container-for-printing, div.container-for-printing div {
    float: none !important;
  }
  .sale-detail-section .feedback-sent.text-right,
  .feedback-received.text-left {
    display: table-cell;
  }
  #button-print-container,
  .print-btn-container {
    display: none;
  }
  .speech-bubble:after,
  .speech-bubble.seller:after {
    display: none;
  }
  .speech-bubble {
    padding: 0;
  }
  .sales-print {
    margin-top: 0;
    border: 0;
    padding-bottom: 0;
    box-shadow: none;
    page-break-after: always;
  }
  .sales-print:last-child {
    page-break-after: avoid;
  }
  .sale-detail-section {
    page-break-after: auto;
  }
  .sale-detail-section:last-child {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  .messenger-sales-wrapper {
    padding: 0;
  }
  #order-notes, #order_questions {
    page-break-after: avoid;
  }
  p {
    margin: 4px 0 0;
  }
}
.shipping-info-print-label .btn-print-label {
  margin-bottom: 2rem;
}
.shipping-info-print-label .shipping-info-shipped.shipped-data label {
  font-size: 1.5rem;
  font-weight: 600;
}
.shipping-info-print-label .shipping-info-shipped.shipped-data .shipping-method {
  margin-bottom: 0px;
}
.shipping-info-print-label .receiver-text {
  font-size: 1.5rem;
  font-weight: 600;
}
.shipping-info-print-label .receiver-info {
  margin-top: 2rem;
}

.widget-sales-container .widget-sales-item .actions .info-modal.info-modal-sales {
  position: relative;
  display: block;
  box-shadow: none;
  top: inherit;
  left: inherit;
  right: inherit;
  margin: 0;
  padding: 0;
  width: inherit;
}
.widget-sales-container .widget-sales-item .actions .info-modal.info-modal-sales li:first-child a {
  padding-top: 0;
}

.widget-sales-container .widget-sales-item .actions .info-modal.info-modal-sales a {
  padding: 12px 10px;
  width: inherit;
  text-align: right;
}

.widget-sales-container .widget-sales-item .actions .info-modal.info-modal-sales a:hover,
.widget-sales-container .widget-sales-item .actions .info-modal.info-modal-sales a:focus {
  background-color: inherit;
  color: #4e4e4e;
}

.logistic_type_tag {
  background-color: transparent !important;
  border: 1px solid #71D8BF;
  color: #71D8BF;
  padding: 2px 9px;
}

.new-widget-filters {
  clear: both;
  display: block;
}
.new-widget-filters .open-calendar {
  float: right;
  position: relative;
  top: -31px;
  right: 0;
  left: auto;
}
.new-widget-filters .wrap-filter-date {
  width: 100%;
}
.new-widget-filters .wrap-filter-date input {
  width: calc(100% - 37px);
  height: 20px;
  border-radius: 4px;
}
.new-widget-filters .filters-grid {
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: repeat(7, auto);
}
@media (max-width: 900px) {
  .new-widget-filters .filters-grid {
    grid-row-gap: 10px;
    grid-template-columns: repeat(5, auto);
  }
}
.new-widget-filters .newsearchicon {
  width: auto;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 7px 25px 6px 8px;
  margin: 0;
}
.new-widget-filters .newsearchiconbutton {
  width: 40px;
  border: 0;
  background: none;
  padding: 7px 12px 8px 12px;
  position: relative;
  top: 0;
  left: 20px;
  height: 31px;
}

.nav.shop-nav-styles.nav-tabs {
  margin-bottom: 15px;
}
.nav.shop-nav-styles.nav-tabs li.active a {
  color: #71D8BF;
  border-bottom: 2px solid #80d1b3;
}

.st-wdg {
  background-color: #FFF;
  padding: 16px 12px;
}
.st-wdg .scrollable-sales-wrapper {
  overflow-x: auto;
}
.st-wdg .new-widget-filters {
  margin-top: 0;
}
.st-wdg .new-widget-filters .selectize-input.items.full.has-options.has-items {
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  box-shadow: none;
  background: none;
  font-size: 13px;
  margin: 0;
  /* padding: 0; */
  /* width: 190px; */
  /* font-size: 2.2rem; */
  color: #818181;
  overflow: inherit;
  padding: 8px 8px;
}
.st-wdg .new-widget-filters .selectize-input.items.full.has-options.has-items:after {
  right: 12px;
}
.st-wdg .new-widget-filters .selectize-input.items.full.has-options.has-items {
  padding-right: 30px;
  width: 100%;
}
.st-wdg .newsearchicon {
  float: left;
  width: calc(100% - 33px);
}
.st-wdg .newsearchiconbutton {
  float: right;
  left: 7px;
  top: -33px;
}
.st-wdg h3 {
  color: #2e2d2d;
  font-size: 22px;
  margin-bottom: 12px;
  padding: 0;
}
.st-wdg .flex-container {
  align-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.st-wdg .flex-container button {
  border: 0;
  padding: 5px 10px;
}
.st-wdg .flex-container button:first-child {
  margin-left: 16px;
}
.st-wdg .flex-container button .export, .st-wdg .flex-container button .clearfilters {
  display: block;
  height: auto;
  float: left;
  margin-right: 4px;
  position: relative;
  top: 3px;
  width: 15px;
}
.st-wdg .flex-container button:not([disabled]):hover {
  border: 0;
}
.st-wdg .flex-item:nth-child(1) {
  align-self: auto;
  flex: 0 1 auto;
  order: 0;
}
.st-wdg .flex-item:nth-child(2) {
  align-self: auto;
  flex: 0 1 auto;
  order: 0;
}
.st-wdg .flex-item:nth-child(3) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.st-wdg .selected-listings-row {
  background-color: #f5f5f5;
  color: #292828;
  height: 20px;
  margin-bottom: 4px;
  padding: 12px;
}
.st-wdg .selected-listings-row .simple-double-grid {
  display: grid;
  grid-template-columns: max-content auto;
  float: left;
  height: 30px;
}
.st-wdg .selected-listings-row .print-wrapper {
  margin-left: 30px;
  position: relative;
  top: -10px;
}
.st-wdg .selected-listings-row .print-wrapper .dropdown-active {
  border-radius: 4px;
}
.st-wdg .selected-listings-row .print-wrapper .dropdown-pre-icon {
  width: 16px;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  left: 35px;
  z-index: 9999;
}
.st-wdg .selected-listings-row .print-wrapper .selectize-control.single {
  display: inline-block;
}
.st-wdg .selected-listings-row .print-wrapper .selectize-control.single .selectize-input.has-items {
  font-size: 14px;
  width: 127px;
  padding: 13px 13px 13px 39px;
}
.st-wdg .selected-listings-row .print-wrapper .selectize-control.single .selectize-input.has-items.dropdown-active {
  background-color: #dbdbdb;
}
.st-wdg .selected-listings-row .print-wrapper .selectize-dropdown.single {
  padding: 15px;
  width: 175px !important;
}
.st-wdg .selected-listings-row .sorting-table {
  float: right;
  position: relative;
  top: 0px;
  right: -15px;
}
.st-wdg .selected-listings-row .sorting-table .selectize-input.items.full.has-options.has-items {
  font-size: 14px;
  width: auto;
  padding-right: 40px;
}
.st-wdg .selected-listings-row .sorting-table .selectize-input.items.full.has-options.has-items .selectize-dropdown.single {
  min-width: 140px;
}
.st-wdg .selected-listings-row .sorting-table .sorter {
  float: right;
}
.st-wdg .selected-listings-row .sorting-table .sort-by {
  float: left;
  margin-right: 6px;
}
.st-wdg .table-head-masscheck {
  background-color: #dbdbdb;
  padding: 4px 0px 4px 0px;
  margin-bottom: 3px;
}
.st-wdg .table-head-masscheck .masscheck-grid {
  display: grid;
  grid-template-columns: 40px 230px 600px 1fr 1fr;
}
.st-wdg .table-head-masscheck .masscheck-grid > * {
  align-content: center;
  align-self: center;
  font-weight: 600;
  font-size: 13px;
  color: #292828;
}
.st-wdg .table-sales .table-sales-grid {
  display: grid;
  grid-template-columns: 30px 200px 400px 100px 48px;
}

.sales-thumb-wrapper {
  max-height: 140px;
  max-width: 140px;
}
.sales-thumb-wrapper img {
  max-height: 140px;
  max-width: 140px;
  margin: 0 auto;
}
.sales-thumb-wrapper button {
  background: #FFF url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-position: center center;
  background-size: 13px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
.sales-thumb-wrapper button.previous {
  float: left;
  left: 8px;
  position: absolute;
  top: 43%;
  transform: rotate(90deg);
  z-index: 199;
}
.sales-thumb-wrapper button.next {
  float: right;
  position: absolute;
  right: 8px;
  top: 43%;
  transform: rotate(-90deg);
  z-index: 199;
}

.sales-thumb-wrapper {
  max-height: 140px;
  max-width: 140px;
}
.sales-thumb-wrapper img {
  max-height: 140px;
  max-width: 140px;
  margin: 0 auto;
}
.sales-thumb-wrapper button {
  background: #FFF url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-position: center center;
  background-size: 13px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
.sales-thumb-wrapper button.previous {
  float: left;
  left: 8px;
  position: absolute;
  top: 43%;
  transform: rotate(90deg);
  z-index: 199;
}
.sales-thumb-wrapper button.next {
  float: right;
  position: absolute;
  right: 8px;
  top: 43%;
  transform: rotate(-90deg);
  z-index: 199;
}

.st-wdg-prev {
  background-color: white;
  padding: 16px;
  margin-bottom: 16px;
}
.st-wdg-prev .wrap-filter-date .open-calendar {
  right: -10px;
}
.st-wdg-prev button.toggle-widget {
  width: 25px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(-180deg);
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  float: right;
}
.st-wdg-prev button.toggle-widget.toggle-widget.collapsed {
  transform: rotate(0deg);
  top: 16px;
}
.st-wdg-prev .subdomain-text {
  font-size: 10px;
}
.st-wdg-prev h3.st-wdg-title {
  color: #2e2d2d;
  padding: 0;
  font-size: 22px;
  margin-top: -4px;
}
.st-wdg-prev .sales-detail-gridder {
  display: grid;
  grid-template-columns: 480px auto;
  grid-column-gap: 16px;
  margin-top: 16px;
}
.st-wdg-prev .sales-detail-gridder .rangedate-selector-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper {
  border-radius: 4px;
  border: 1px solid #eeeeee;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper .sales-detail-cal-heatmap {
  padding-top: 11px;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper .graph-label {
  display: none;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper .month-name {
  color: #292828;
  font-weight: 400;
  font-size: 16px;
  justify-self: center;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper button.open-calendar {
  background: transparent;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper button.open-calendar::before {
  border-top-color: #727272;
  top: 23px;
  right: 29px;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper .filter-date.chartDatepicker {
  border: 1px solid transparent;
  margin-top: 10px;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper .bt-outline-secondary {
  padding: 4px;
  border-radius: 50%;
  height: 23px;
}
.st-wdg-prev .sales-detail-gridder .calendar-wrapper .cal-heatmap-container {
  position: relative;
  left: 20px;
  top: -13px;
}
.st-wdg-prev .sales-detail-gridder .thread-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 16px;
}
.st-wdg-prev .sales-detail-gridder .thread-grid > div:not(.double-vert-grid) {
  border-radius: 4px;
  border: 1px solid #eeeeee;
}
.st-wdg-prev .sales-detail-gridder .thread-grid > div:not(.double-vert-grid) .widget-data-number {
  margin-top: 52px;
  padding: 16px;
}
.st-wdg-prev .sales-detail-gridder .thread-grid .double-vert-grid {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: auto;
}
.st-wdg-prev .sales-detail-gridder .thread-grid .double-vert-grid > div {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 11px 16px 17px;
  height: 62px;
}
.st-wdg-prev .sales-detail-gridder .thread-grid .double-vert-grid > div:first-child {
  margin-bottom: 22px;
}
.st-wdg-prev .sales-detail-gridder .thread-grid .widget-data-number .widget-data-label {
  color: #292828;
  font-size: 15px;
  font-weight: 600;
}
.st-wdg-prev .sales-detail-gridder .thread-grid .widget-data-number .widget-data-number-primary {
  font-size: 42px;
  color: #292828;
  font-weight: 200;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons {
  display: grid;
  grid-template-columns: 25px 128px 25px;
  align-items: center;
  align-self: self-end;
  justify-self: center;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #previous.bt-outline-secondary, .st-wdg-prev .sales-detail-cal-heatmap-buttons #storePrevious.bt-outline-secondary {
  padding: 4px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border-color: #b7b7b7;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #previous.bt-outline-secondary i, .st-wdg-prev .sales-detail-cal-heatmap-buttons #storePrevious.bt-outline-secondary i {
  padding: 4px;
  border-radius: 50%;
  height: 23px;
  top: -12px;
  position: relative;
  right: 2px;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #previous.bt-outline-secondary i path, .st-wdg-prev .sales-detail-cal-heatmap-buttons #storePrevious.bt-outline-secondary i path {
  fill: #b7b7b7;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons {
  justify-self: center;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #next.bt-outline-secondary, .st-wdg-prev .sales-detail-cal-heatmap-buttons #storeNext.bt-outline-secondary {
  padding: 4px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border-color: #b7b7b7;
  margin: 0;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #next.bt-outline-secondary i, .st-wdg-prev .sales-detail-cal-heatmap-buttons #storeNext.bt-outline-secondary i {
  padding: 4px;
  border-radius: 50%;
  height: 23px;
  top: -12px;
  position: relative;
  right: 9px;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #next.bt-outline-secondary i path, .st-wdg-prev .sales-detail-cal-heatmap-buttons #storeNext.bt-outline-secondary i path {
  fill: #b7b7b7;
}
.st-wdg-prev .sales-detail-cal-heatmap-buttons #storeNext.bt-outline-secondary i {
  right: 0;
}
.st-wdg-prev .sumup-btn-wrapper {
  text-align: right;
}
.st-wdg-prev .sumup-btn-wrapper .sales-sumup-drawer-btn {
  margin-top: 17px;
  padding: 8px 24px;
}
.st-wdg-prev .sales-sumup-drawer .drawer-header {
  text-align: left;
}
.st-wdg-prev .sales-sumup-drawer .drawer-header h4 {
  display: inline-block;
  margin-bottom: 0px;
}
.st-wdg-prev .sales-sumup-drawer .drawer-header .bt-default {
  display: inline-block;
  position: relative;
  bottom: 2px;
  border: 1px solid transparent;
}
.st-wdg-prev .sales-sumup-drawer .drawer-header > div {
  position: relative;
  bottom: 10px;
}
.st-wdg-prev .sales-sumup-drawer .drawer-header .context-menu-wrapper {
  width: 36px;
}
.st-wdg-prev .sales-sumup-drawer .drawer-header .context-menu-wrapper svg {
  width: 30px;
}
.st-wdg-prev .sales-sumup-drawer .widget-heatmap-sales-datails-heatmap-results-list-items.simple-values {
  color: #292828;
  font-size: 12px;
  grid-template-columns: 2fr 6fr 1fr 1fr;
  padding: 8px 4px;
}
.st-wdg-prev .sales-sumup-drawer .widget-heatmap-sales-datails-heatmap-results-list-titles {
  font-size: 12px;
  color: #292828;
  padding: 0 0 5px 0;
}
.st-wdg-prev .sales-sumup-drawer .widget-heatmap-sales-datails-heatmap-results-list-titles.simple-values {
  grid-template-columns: 2fr 6fr 1fr 1fr;
}
.st-wdg-prev .sales-sumup-drawer .widget-heatmap-sales-datails-heatmap-results-list-titles div {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.st-wdg-prev .sales-sumup-drawer #salesHeatmapTableDetailRows {
  overflow-y: auto;
  max-height: calc(100vh - 206px);
}

#notesDrawerConfig.modal-cancel .bt-secondary.flex-cancel:hover, #modalCancelNote.modal-cancel .bt-secondary.flex-cancel:hover {
  background-color: #ebf8fa;
}
#notesDrawerConfig.modal-cancel .close-this, #modalCancelNote.modal-cancel .close-this {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 16px;
  border: none;
}
#notesDrawerConfig.modal-cancel .close-this i, #notesDrawerConfig.modal-cancel .close-this svg, #modalCancelNote.modal-cancel .close-this i, #modalCancelNote.modal-cancel .close-this svg {
  height: 18px;
  width: 17px;
  top: 0px;
  right: 0px;
}
#notesDrawerConfig .close-this, #modalCancelNote .close-this {
  border-radius: 14px;
  height: 28px;
  width: 28px;
  padding: 5px;
  margin-top: 4px;
}
#notesDrawerConfig .close-this svg, #modalCancelNote .close-this svg {
  width: 18px;
  height: 18px;
}
#notesDrawerConfig .close-this g, #modalCancelNote .close-this g {
  fill: #727272;
}
#notesDrawerConfig .close-this:hover, #modalCancelNote .close-this:hover {
  background-color: #dbdbdb;
}
#notesDrawerConfig .close-this:hover g, #modalCancelNote .close-this:hover g {
  fill: #292828;
}

.arrow-back-first-step {
  display: none;
}

#notesDrawerConfig .drawer-header {
  padding: 17px 24px;
  height: 37px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#notesDrawerConfig .drawer-header .title-drawer-note {
  display: none;
}
#notesDrawerConfig .drawer-header.arrowed-grid-header {
  grid-template-columns: 30px 400px 30px;
}
#notesDrawerConfig .drawer-header.arrowed-grid-header .arrow-back-first-step {
  display: inline-block;
  background: white;
  border: 0;
  height: fit-content;
}
#notesDrawerConfig .drawer-header.arrowed-grid-header .arrow-back-first-step i svg {
  width: 20px;
  height: 14px;
  position: absolute;
  left: 25px;
  top: 29px;
}
#notesDrawerConfig .drawer-body .body-drawer-note {
  display: none;
}
#notesDrawerConfig .drawer-body .widget-alert {
  display: none;
  grid-template-columns: 36px auto;
  border-width: 1px;
  padding: 7px 0;
  margin-top: 10px;
  width: auto;
}
#notesDrawerConfig .drawer-body .widget-alert i {
  height: 20px;
  width: 20px;
}
#notesDrawerConfig .drawer-body .widget-alert span {
  font-weight: 400;
}
#notesDrawerConfig .drawer-body .text-field-container {
  width: auto;
  margin-top: 33px;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field {
  width: 100%;
  height: 92px;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field textarea {
  resize: none;
  padding: 5px 10px;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline {
  border: 1px solid #b7b7b7;
  border-radius: 4px;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline.error {
  border-color: #f04e54;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline.error .mdc-notched-outline__notch .mdc-floating-label {
  color: #f04e54;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline.focused {
  border-color: #4194d8;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline.focused .mdc-notched-outline__notch .mdc-floating-label {
  color: #4194d8;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline span {
  border-color: transparent;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch {
  position: absolute;
  top: -10px;
  left: 7px;
  height: 17px;
  padding: 0 4px;
  background: white;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label {
  top: unset;
  left: unset;
  color: #b7b7b7;
  font-size: 12px;
}
#notesDrawerConfig .drawer-body .text-field-container #textarea-error-empty {
  display: none;
  position: absolute;
  color: #f04e54;
  font-size: 12px;
  margin: 2px 4px;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field-helper-line {
  padding-right: 3px;
}
#notesDrawerConfig .drawer-body .text-field-container .mdc-text-field-helper-line .mdc-text-field-character-counter {
  font-size: 12px;
}
#notesDrawerConfig .drawer-notification-auxiliar {
  position: relative;
  z-index: 0;
  margin: 0 -12px 0 -4px;
}
#notesDrawerConfig .drawer-footer .btn-panel {
  display: none;
  padding: 0 4px;
}
#notesDrawerConfig .drawer-footer #footer-newnote .mdc-button {
  width: 114px;
  margin-left: 8px;
}
#notesDrawerConfig .drawer-footer #footer-notes .mdc-button {
  width: 100%;
}
#notesDrawerConfig .drawer-footer #footer-edit .mdc-button {
  width: 114px;
  margin-left: 8px;
}
#notesDrawerConfig .notes-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#notesDrawerConfig .notes-loader .spinner-loading {
  display: block;
  content: "";
  position: relative;
  box-sizing: border-box;
  border: 3px solid #4194d8;
  border-radius: 50%;
  width: 27px;
  height: 27px;
}

.notes-modal-wrapper .notes-note {
  border: 1px solid #b7b7b7;
  padding: 15px;
  margin-top: 15px;
  border-radius: 4px;
}
.notes-modal-wrapper .notes-note .content-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notes-modal-wrapper .notes-note .content-info .notes-note-text-wrapper {
  margin: 0;
  font-size: 14px;
  color: #444;
}
.notes-modal-wrapper .notes-note .content-info .notes-note-text-wrapper .note-text {
  max-width: 550px;
  overflow-wrap: anywhere;
  color: #292828;
}
.notes-modal-wrapper .notes-note .content-info .notes-note-text-wrapper .note-text .morecontent span {
  display: none;
}
.notes-modal-wrapper .notes-note .content-info .notes-note-text-wrapper .note-text .morelink {
  display: inline;
  margin-left: 4px;
  text-decoration: none;
  color: #236da9;
}
.notes-modal-wrapper .notes-note .content-info .notes-note-text-wrapper .note-text .morelink:hover {
  color: #17507f;
}
.notes-modal-wrapper .notes-note .content-info .notes-note-text-wrapper .note-timestamp {
  color: #727272;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons {
  top: unset;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .edit-btn .note-tooltip {
  right: -15px;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn .note-tooltip {
  right: -20px;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .edit-btn, .notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn {
  background-color: white;
  padding: 7px;
  border-radius: 20px;
  text-align: center;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .edit-btn:hover .note-tooltip, .notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn:hover .note-tooltip {
  display: block;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .edit-btn:hover {
  background-color: #eeeeee;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .edit-btn:hover path {
  fill: #292828;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn:hover, .notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn.selected {
  background-color: #fce9e9;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn:hover path, .notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .delete-btn.selected path {
  fill: #f04e54;
}
.notes-modal-wrapper .notes-note .content-info .notes-wrap-buttons .note-tooltip {
  display: none;
  position: absolute;
  top: 35px;
  padding: 10px 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  color: #292828;
  background: white;
}

#modalCancelNote .container-modal {
  margin: 0 auto;
  position: relative;
  top: 50%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#modalCancelNote .container-modal .md-content {
  display: none;
  padding: 24px 24px 0 24px;
}
#modalCancelNote .container-modal .md-content.active {
  display: block;
}
#modalCancelNote .container-modal .md-content .widget-alert {
  display: none;
  grid-template-columns: 36px auto;
  border-width: 1px;
  padding: 7px 0;
  margin-top: 10px;
  width: auto;
}
#modalCancelNote .container-modal .md-content .widget-alert i {
  height: 20px;
  width: 20px;
}
#modalCancelNote .container-modal .md-content .widget-alert span {
  font-weight: 400;
}
#modalCancelNote .container-modal .md-actions {
  display: flex;
  float: unset;
  padding-top: 43px;
  justify-content: right;
  padding-bottom: 22px;
}
#modalCancelNote .container-modal .md-actions .flex-cancel-confirm {
  display: none;
}
#modalCancelNote .container-modal .md-actions .flex-cancel-confirm.active {
  display: inline;
}

.drawer-header .context-menu-wrapper {
  width: 36px;
}
.drawer-header .context-menu-wrapper svg {
  width: 15px;
}
.drawer-header h4 {
  display: inline-block;
  margin-bottom: 0px;
  display: grid;
  grid-column-gap: 16px;
}

.drawer-body .list-items-rows > div:nth-child(odd) {
  background: #f7f7f7;
}
.drawer-body .list-items-rows > div:nth-child(odd) .simple-values {
  background: #f7f7f7;
}
.drawer-body .list-items-rows > div:nth-child(even) {
  background: white;
}
.drawer-body .list-items-rows > div:nth-child(even) .simple-values {
  background: white;
}
.drawer-body .heatmap-item-thumb img {
  border-radius: 0px;
}
.drawer-body .widget-heatmap-sales-datails-heatmap-item-title {
  justify-self: left;
}
.drawer-body .widget-heatmap-sales-datails-heatmap-item-number {
  justify-self: center;
}
.drawer-body .items-in-sale-wrapper .item-row {
  display: grid;
  grid-template-columns: 50px 200px 125px 125px;
  border-bottom: 1px solid #b7b7b7;
  padding: 18px 0 18px;
  grid-column-gap: 12px;
}
.drawer-body .items-in-sale-wrapper .item-row:last-child {
  border: 0;
}
.drawer-body .sale-subtotal-values .shipping-value {
  padding: 16px 0px;
}
.drawer-body .sale-subtotal-values .shipping-value .value-number {
  float: right;
}
.drawer-body .sale-subtotal-values .subtotal-value {
  text-align: right;
  border-bottom: 1px solid #dfdfdf;
  border-top: 2px solid #dfdfdf;
  padding: 16px 0px;
}
.drawer-body .sale-subtotal-values .total {
  font-weight: 700;
  text-align: right;
  border-top: 2px solid #dfdfdf;
  padding: 16px 0px;
}

.widget-sales-container {
  box-sizing: border-box;
  min-width: 100%;
  width: fit-content;
}
.widget-sales-container .st-labels .st-labels-wrapper .label_type {
  display: inline-block;
}
.widget-sales-container .st-labels .st-labels-wrapper .contextual-label-menu {
  width: 13px;
}
.widget-sales-container .st-labels .st-labels-wrapper .contextual-label-menu svg {
  width: 13px;
}
.widget-sales-container .sales-closed-no-rows {
  padding: 8px;
  background-color: #FFF;
}

.drawer-header .mdc-fab {
  background-color: #f5f5f5;
  color: #292828;
  box-shadow: none;
  border: none;
  position: relative;
  margin-left: 8px;
}
.drawer-header .context-menu {
  background-color: #FFF;
  border: solid 1px #b7b7b7;
  border-radius: 4px;
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 3;
  font-size: 1.4rem;
  width: 180px;
  z-index: 9999;
  color: #292828;
}
.drawer-header .context-menu a:first-child li {
  padding-top: 8px;
}
.drawer-header .context-menu a:last-child li {
  padding-bottom: 8px;
}
.drawer-header .context-menu a ul, .drawer-header .context-menu a li {
  list-style-type: none;
  padding: 8px;
  margin: 0;
}
.drawer-header .context-menu a:hover {
  text-decoration: none;
}
.drawer-header .context-menu a:hover li {
  background-color: #eeeeee;
}
.drawer-header .context-menu a.cancel-order-trigger {
  background-color: #fce9e9;
  color: #f04e54;
}
.drawer-header .context-menu a.cancel-order-trigger:hover li {
  background-color: #fce9e9;
}

#exportModal .input__wrapper .mdc-floating-label {
  text-transform: capitalize;
}

@media (max-width: 1000px) {
  .modal-dialog.feedback-modal-rate.receipt {
    width: 90%;
  }
  #receiptModal {
    width: 100%;
    height: auto;
  }
  #boxContainerEmpty {
    width: 95%;
    height: 260px;
  }
  #containerWithPdf {
    width: 95%;
    height: 440px;
  }
  .line-separator-to-receipt {
    width: 95%;
  }
  .link-icon.receipt {
    right: 5%;
  }
  #containerWithPdf canvas {
    width: 100%;
  }
  #alertSuccessUploadFormat {
    margin-top: -14px;
    width: 95%;
    margin-left: 22px;
  }
  .modal-footer.receipt {
    margin-right: 25px;
    margin-top: -5px;
  }
}
@media (min-width: 1365px) {
  .modal-dialog.feedback-modal-rate.receipt {
    width: 90%;
  }
  #receiptModal {
    width: 100%;
    height: 100%;
    margin-left: 1%;
  }
  #boxContainerEmpty {
    width: 95%;
  }
  #containerWithPdf {
    width: 95%;
    height: 59%;
  }
  .line-separator-to-receipt {
    width: 95%;
  }
  .link-icon.receipt {
    right: 5%;
    top: 45%;
  }
  #containerWithPdf canvas {
    width: 100%;
  }
  .modal-body.receipt {
    height: 65%;
  }
  .heightWithPdf {
    height: 59%;
  }
}
@media (min-width: 1399px) {
  .modal-dialog.feedback-modal-rate.receipt {
    width: 90%;
  }
  #receiptModal {
    width: 100%;
    height: auto;
    margin-left: 1%;
  }
  #boxContainerEmpty {
    width: 95%;
    height: 220px;
  }
  #containerWithPdf {
    width: 95%;
    height: 420px;
  }
  .line-separator-to-receipt {
    width: 95%;
  }
  .link-icon.receipt {
    right: 7%;
    top: 27%;
  }
  #containerWithPdf canvas {
    width: 100%;
  }
  .modal-body.receipt {
    height: 75%;
  }
}
@media (min-width: 1599px) {
  .modal-dialog.feedback-modal-rate.receipt {
    width: 90%;
  }
  #receiptModal {
    width: 100%;
    height: auto;
    margin-left: 1%;
  }
  #boxContainerEmpty {
    width: 96%;
    height: 220px;
  }
  #containerWithPdf {
    width: 96%;
    height: 440px;
  }
  .line-separator-to-receipt {
    width: 95%;
  }
  .link-icon.receipt {
    right: 7%;
    top: 30% !important;
  }
  #containerWithPdf canvas {
    width: 100%;
  }
  .modal-body.receipt {
    height: 80%;
  }
  #alertSuccessUploadFormat {
    width: 96%;
  }
  .widget-alert.danger.receipt, .widget-alert.receipt.error {
    width: 96%;
  }
  .modal-footer.receipt {
    margin-right: 36px;
    margin-top: 5px;
  }
}
.sales__selector {
  margin-top: 30px;
}
.sales__selector-meli {
  display: block;
  box-sizing: border-box;
  height: 36px;
  text-align: center;
  padding: 4px 12px;
  border-radius: 4px 0 0 4px;
  padding-top: 5px;
  border-left-width: 1px;
  border-left-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #b7b7b7;
  background: white;
}
.sales__selector-meli i {
  height: 24px;
}
.sales__selector-shop {
  display: block;
  box-sizing: border-box;
  height: 36px;
  text-align: center;
  border-radius: 0 4px 4px 0;
  padding-top: 8px;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #b7b7b7;
  background: white;
  padding: 7px 12px;
}
.sales__selector-shop i {
  height: 18px;
  width: 20px;
  position: relative;
  top: -1px;
}
.sales__selector i {
  display: inline-block;
  vertical-align: middle;
  color: #727272;
}
.sales__selector span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  margin-left: 10px;
  color: #727272;
}
.sales__selector a.active {
  background: #4194d8;
  border-color: #4194d8;
  pointer-events: none;
}
.sales__selector a.active i, .sales__selector a.active span {
  color: white;
}
.sales__selector a.active i svg path, .sales__selector a.active span svg path {
  fill: white;
}
.sales__selector a:hover:not(.active) {
  text-decoration: none;
  background: #ebf8fa;
  border-color: #4194d8;
  cursor: pointer;
}
.sales__selector a:hover:not(.active) i, .sales__selector a:hover:not(.active) span {
  color: #236da9;
}
.sales__selector a:hover:not(.active) i svg path, .sales__selector a:hover:not(.active) span svg path {
  fill: #236da9;
}
.sales__selector ul {
  font-size: 0;
}
.sales__selector ul li {
  display: inline-block;
  vertical-align: top;
}

.print-tag-number__element {
  margin-left: 5px;
}

.export--blue-main:disabled svg path, .export--blue-main[disabled] svg path {
  fill: #b7b7b7;
}
.export--blue-main svg path {
  fill: #4194d8;
}

#sales-detail .custom-date-picker {
  min-width: 180px;
}

#chartTabs #accessModalHours {
  float: right;
  padding: 5px 0;
  box-shadow: none;
}
#chartTabs #accessModalHours a {
  border-bottom: none;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #727272;
}
#chartTabs #accessModalHours a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #292828;
}
#chartTabs #accessModalHours a:hover i svg path {
  fill: #292828;
}
#chartTabs #accessModalHours a i {
  color: #727272;
}
#chartTabs #accessModalHours a i svg {
  width: 100%;
  height: auto;
}
#chartTabs #accessModalHours a i svg path {
  fill: #727272;
}
#chartTabs #accessModalHours a i svg path:hover {
  fill: #292828;
}
#chartTabs #accessModalHours a i:hover {
  color: #292828;
}
#chartTabs #accessDrawerNonworkingDays {
  margin-left: 430px;
  box-shadow: none;
}
@media (max-width: 1370px) {
  #chartTabs #accessDrawerNonworkingDays {
    margin-left: 366px;
  }
}
@media (max-width: 1299px) {
  #chartTabs #accessDrawerNonworkingDays {
    margin-left: 235px;
  }
}
@media (min-width: 1600px) {
  #chartTabs #accessDrawerNonworkingDays {
    margin-left: 595px;
  }
}
#chartTabs #accessDrawerNonworkingDays a {
  border-bottom: none;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #727272;
}
#chartTabs #accessDrawerNonworkingDays a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #292828;
}
#chartTabs #accessDrawerNonworkingDays a:hover i svg path {
  fill: #292828;
}
#chartTabs #accessDrawerNonworkingDays a i svg {
  width: inherit;
}
#chartTabs #accessDrawerNonworkingDays a i svg path {
  fill: #727272;
}
#chartTabs #accessDrawerNonworkingDays a i svg path:hover {
  fill: #292828;
}

#shippingSchedulesModal {
  width: 960px;
  max-height: fit-content;
  height: auto;
  margin: 30px auto;
  overflow-y: hidden;
  overflow-x: hidden;
}
#shippingSchedulesModal .modal-body.schedule-body {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 460px;
  height: auto;
  padding: 0 23px 2px 25px;
}
#shippingSchedulesModal .modal-body.schedule-body::-webkit-scrollbar {
  width: 8px;
  height: 28px;
  margin-right: 4px;
}
#shippingSchedulesModal .modal-body.schedule-body::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#shippingSchedulesModal .modal-dialog {
  margin: 0;
}
#shippingSchedulesModal #iconCloseModalShipping {
  border: 0;
  opacity: 1;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 14px;
  background: transparent;
  border-radius: 50%;
}
#shippingSchedulesModal #iconCloseModalShipping:hover {
  background-color: #dbdbdb;
}
#shippingSchedulesModal #iconCloseModalShipping:hover i svg g {
  fill: #292828;
}
#shippingSchedulesModal #iconCloseModalShipping i {
  position: relative;
  top: -10px;
  right: 10px;
}
#shippingSchedulesModal #iconCloseModalShipping i svg g {
  fill: #727272;
}
#shippingSchedulesModal .modal-content.schedule-modal {
  position: relative;
}
#shippingSchedulesModal .container-loader {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  position: absolute;
  top: -2px;
  background-color: #fff;
  opacity: 0.85;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9998;
}
#shippingSchedulesModal .container-loader .mdc-button.mdc-button--unelevated.primary-md.loading {
  background-color: transparent;
}
#shippingSchedulesModal .container-loader .mdc-button.mdc-button--unelevated.primary-md.loading .mdc-button__label .mdc-circular-progress__path {
  stroke: #4194d8;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box {
  height: auto;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 5px;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box:hover {
  cursor: pointer;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .toggle-widget.ds button {
  border: 0;
  opacity: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  padding: 14px;
  box-sizing: border-box;
  transform: scaleY(-1);
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .toggle-widget.ds button:hover {
  background-color: rgba(41, 40, 40, 0.1);
  color: #292828;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .toggle-widget.ds button i, #shippingSchedulesModal .modal-body div .shipping-schedule-box .toggle-widget.ds button svg {
  width: 14px;
  height: auto;
  line-height: 1;
  display: block;
  color: #727272;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .collapsed .content-card-schedules .table-title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 28px;
  margin-top: 0;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .collapsed .content-card-schedules #titleColecta {
  margin-bottom: 0;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .toogle-widget__header {
  padding: 2%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto 20px;
  grid-gap: 12px;
  align-items: center;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .toogle-widget__header + .collapsed.in {
  padding: 0 2% 2%;
  margin-top: -8px;
  cursor: default;
}
#shippingSchedulesModal .modal-body div .shipping-schedule-box .toogle-widget__header.collapsed button {
  transform: scaleY(1);
}
#shippingSchedulesModal #closeModalConfirm {
  background-color: #4194d8;
  color: white;
  width: 130px;
  height: 44px;
}
#shippingSchedulesModal #closeModalConfirm:hover {
  background-color: #236da9;
}
#shippingSchedulesModal #editShippingScheduleModalDisabled {
  background-color: #b7b7b7;
  border: none;
  width: 130px;
  height: 44px;
  color: white;
}
#shippingSchedulesModal #editShippingScheduleModal {
  background-color: #4194d8;
  color: white;
  width: 130px;
  height: 44px;
}
#shippingSchedulesModal #editShippingScheduleModal:hover {
  background-color: #236da9;
}
#shippingSchedulesModal #closeShippingScheduleModal {
  width: 130px;
  height: 44px;
}
#shippingSchedulesModal #closeShippingScheduleModal:hover {
  border-color: #236da9;
  color: #236da9;
  background-color: #ebf8fa;
}
#shippingSchedulesModal .table-cross.schedule-card-table {
  margin-bottom: 28px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .second-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-modal-novar-wrapper .full-no-var-headers {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 8px 0 8px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-modal-novar-wrapper .full-no-var-headers .stock-title {
  justify-self: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-modal-novar-wrapper .full-no-var-headers.flex-table {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 8px 0;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-modal-novar-wrapper .full-no-var-headers.flex-table .stock-title {
  justify-self: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-modal-novar-wrapper .full-no-var-headers.max-table {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-modal-novar-wrapper .full-no-var-headers.max-table .stock-title {
  justify-self: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.flex-table {
  grid-template-columns: auto auto auto auto auto auto auto;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.flex-table .individual-day-grid {
  width: 99px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.flex-table .individual-day-grid .text-and-input-hour .text-info-hour .title-info-hour {
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.flex-table .individual-day-grid .text-and-input-hour .text-info-hour .text-hour {
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.max-table {
  grid-template-columns: auto auto auto auto auto;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.max-table .individual-day-grid {
  width: 165px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.max-table .individual-day-grid .text-and-input-hour .text-info-hour {
  width: 120px;
  margin: 0 auto;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar.max-table .individual-day-grid .text-and-input-hour .text-info-hour .title-info-hour {
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  padding: 0px;
  background-color: #fbfbfb;
  margin: 0;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar:hover {
  cursor: default;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid:last-child {
  border-right: none;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid.empty-card {
  background-color: #eeeeee;
  justify-self: center;
  width: 120px;
  padding: 20px 10px;
  list-style: none;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid.empty-card .empty-state-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 110px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #727272;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid.max-table {
  padding: 20px 0px 20px 0px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid {
  justify-self: center;
  width: 120px;
  padding: 20px 12px;
  border-right: solid 1px #dbdbdb;
  list-style: none;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-info {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid hr {
  border-top: solid 1px #dbdbdb;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .text-info-hour {
  display: grid;
  grid-template-rows: auto auto;
  grid-row-gap: 8px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .text-info-hour .title-info-hour {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .text-info-hour .text-hour {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .select .selectize-input.items.required.full.has-options.has-items.focus.input-active.dropdown-active {
  border: 1px solid #4194d8;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .select .selectize-input:hover {
  border: 1px solid #727272;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .select .selectize-input {
  border: 1px solid #b7b7b7;
  background: white;
  padding: 8px;
  display: inline-block;
  width: 120px;
  height: 42px;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .select .selectize-input:focus {
  border: 1px solid #4194d8;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .select .selectize-input .item {
  color: #292828;
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .selectize-dropdown {
  top: 45px !important;
  overflow: hidden;
  height: auto;
  padding: 0px 12px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .selectize-dropdown .selectize-dropdown-content {
  width: inherit;
  margin-left: -12px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .selectize-dropdown .selectize-dropdown-content .option:hover {
  background-color: #eeeeee;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .container-tooltip-info {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .container-tooltip-info .tooltip-info .tiptext-new-design.obfuscate-data {
  max-width: 129px;
  padding: 7px;
  display: flex;
  justify-content: center;
  font-size: 12px;
  min-width: 89px;
  left: 55px;
  flex-direction: column;
  align-items: center;
  line-height: 15px;
  text-transform: none;
  text-align: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .container-tooltip-info .link-icon.new-design {
  font-style: normal;
  font-size: 12px;
  color: #236da9;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour .container-tooltip-info .link-icon.new-design:hover {
  cursor: pointer;
  color: #17507f;
  text-decoration: none;
}

#modalConfirmClose #closeModalAnyway:hover {
  background-color: #236da9;
}
#modalConfirmClose #revertCloseModal:hover {
  background-color: #ebf8fa;
  color: #236da9;
}

.color-title-class {
  font-weight: 600;
  font-size: 18px;
}

.color-change-hour {
  background-color: #fffbdd;
}

.color-change-capacity {
  background-color: #ebf8fa;
}

#nonWorkingdrawer .sliding-drawer.drawer-wrapper .drawer-header {
  box-shadow: 0 2px 9px rgba(12, 13, 14, 0.3), 0 1px 6px rgba(60, 64, 69, 0.01);
}
#nonWorkingdrawer .drawer-body .container-box-select {
  padding: 16px 20px 20px 20px;
  margin: 22px 0 20px 0;
  border: solid 1px #dbdbdb;
  background-color: white;
  min-height: 100px;
}
#nonWorkingdrawer .drawer-body .container-box-select .title-list {
  width: 275px;
}
#nonWorkingdrawer .drawer-body .container-box-select .title-list span {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li {
  margin-top: 16px;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li .month-info {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li .checkbox-container .RT-tooltip[data-position=center] .RT-tooltip__content {
  left: 0;
  width: 240px;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li .name-of-celebration {
  font-size: 12px;
  font-weight: 300;
  color: #727272;
  margin-left: 40px;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li .name-of-celebration.empty-state-name {
  font-size: 15px;
  font-weight: 300;
  color: #292828;
  width: 434px;
  margin-left: 4px;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li .name-of-celebration.empty-state-name .span-strong {
  font-weight: 600;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul li hr {
  border-top: 1px solid #dbdbdb;
}

#nonWorkingdrawer .drawer-body .container-box-select .container-list ul .li-item-option-second.disabled-option .mdc-checkbox {
  pointer-events: none;
  cursor: default;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul .li-item-option-second.disabled-option .mdc-form-field > label {
  pointer-events: none;
}
#nonWorkingdrawer .drawer-body .container-box-select .container-list ul .li-item-option-second.disabled-option .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #nonWorkingdrawer .drawer-body .container-box-select .container-list ul .li-item-option-second.disabled-option .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: #b7b7b7;
  border-color: #b7b7b7;
}

#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour #containerMeliSetHour {
  margin: 20px 40px;
  font-size: 14px;
  font-weight: 600;
  color: #292828;
  display: flex;
  justify-content: center;
  align-items: center;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour #containerMeliSetHour i svg {
  fill: #f36c00;
  margin-left: 12px;
}
#shippingSchedulesModal .table-cross.schedule-card-table .grid-table-stock-novar .individual-day-grid .text-and-input-hour #containerMeliSetHour i svg path {
  fill: #f36c00;
}

#shippingSchedulesModal #closeModalConfirmMeliBlock {
  background-color: #4194d8;
  color: white;
  width: 130px;
  height: 44px;
}
#shippingSchedulesModal #closeModalConfirmMeliBlock:hover {
  background-color: #236da9 !important;
  color: white;
  border-color: transparent;
}

.competition-heatmap-sales-datails .widget-filters__container-filters-detail--each-one:first-child {
  width: fit-content;
}
.competition-heatmap-sales-datails #heatmap-date {
  padding: 11px 12px;
}
.competition-heatmap-sales-datails button#hmExportButton {
  height: 42px;
}

.widget-filters--each-filter.widget-filters--btn-close {
  min-width: 85px;
}
.widget-filters--each-filter #dateOpenPickerFilter, .widget-filters--each-filter #dateClosedPickerFilter {
  padding: 11px 12px;
}

#shippingSchedulesModal #tableScheduleCrossCapacity .grid-table-stock-novar .individual-day-grid .text-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .grid-table-stock-novar .individual-day-grid .text-info .mdc-form-field.radio-no-max {
  text-align: start;
  margin-left: -6px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .grid-table-stock-novar .individual-day-grid.empty-card {
  background-color: #eeeeee;
  justify-self: center;
  width: 120px;
  padding: 20px 10px;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .grid-table-stock-novar .individual-day-grid.empty-card .empty-state-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #727272;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box label.mdc-text-field--outlined {
  overflow: hidden;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .container-input-grid {
  display: flex;
  justify-content: center;
  margin-left: 20px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .container-input-grid input {
  width: 95px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .container-input-grid .text-and-input-hour .container-tooltip-info .link-icon.new-design {
  width: 24px;
  border-radius: 50px;
  height: 24px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .container-input-grid .text-and-input-hour .container-tooltip-info .link-icon.new-design:hover {
  background-color: #eeeeee;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .container-input-grid .text-and-input-hour .container-tooltip-info .link-icon.new-design i svg {
  position: relative;
  top: 4px;
  width: 14px;
  left: 5px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .container-input-grid .text-and-input-hour .container-tooltip-info {
  margin-top: 4px;
  margin-left: -1px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .error-min-capacity {
  color: #f04e54;
  display: flex;
  font-size: 12px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .second-container .error-min-capacity {
  color: #f04e54;
  display: flex;
  font-size: 11px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .error-no-capacity {
  color: #f04e54;
  display: flex;
  font-size: 12px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box .second-container .error-no-capacity {
  color: #f04e54;
  display: flex;
  font-size: 11px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .container-input-box input {
  margin: 8px 0px;
  border: solid 1px #b7b7b7;
  border-radius: 4px;
  width: 119px;
  height: 42px;
  font-size: 14px;
  color: #292828;
  padding-top: 28px;
}
#shippingSchedulesModal #tableScheduleCrossCapacity input[type=number]::-webkit-inner-spin-button,
#shippingSchedulesModal #tableScheduleCrossCapacity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#shippingSchedulesModal #tableScheduleCrossCapacity input[type=number] {
  -moz-appearance: textfield;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #4194d8;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #4194d8;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .mdc-form-field .mdc-radio > label {
  color: #292828;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .mdc-radio input[disabled] {
  opacity: 0;
}
#shippingSchedulesModal #tableScheduleCrossCapacity .mdc-radio input[disabled]:hover .mdc-checkbox__ripple {
  display: none;
}

#scheduleCardCross .widget-alert.info {
  border-left: 1px solid #4194d8;
}
#scheduleCardCross #selectNode .selectize-control .selectize-input.items.full.has-options.has-items {
  width: 863px;
  height: 44px;
  display: flex;
  align-items: center;
}

#scheduleCardMax .widget-alert.info {
  border-left: 1px solid #4194d8;
}
#scheduleCardMax #selectNodeDrop {
  margin-bottom: 28px;
  margin-top: -28px;
}
#scheduleCardMax #selectNodeDrop .selectize-control .selectize-input.items.full.has-options.has-items {
  width: 863px;
  height: 44px;
  display: flex;
  align-items: center;
}

.error-input-data {
  border-radius: 5px;
  border: solid 1px #f04e54;
}

.widget-sales-container .widget-sales-item .labels .label_type.logistic_type_tag.turbo_class {
  width: max-content;
}

.widget.empty-container {
  margin-bottom: 12px;
}
.widget.empty-container .empty-state-new-card .container-empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget.empty-container .empty-state-new-card .container-btn-empty-state {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  color: #292828;
  margin-left: 24px;
}
.widget.empty-container .empty-state-new-card .container-btn-empty-state span.title-content {
  font-weight: 600;
  margin-bottom: 8px;
}
.widget.empty-container .empty-state-new-card .container-btn-empty-state span a {
  color: #236da9;
  text-decoration: none;
}
.widget.empty-container .empty-state-new-card .container-btn-empty-state span a:hover {
  color: #17507f;
}

.widget.empty-container.empty-margin-extra {
  padding: 60px;
}

.cancelled-shipping-modal .modal-content .custom-spinner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  opacity: 0.85;
  margin: 0;
}
.cancelled-shipping-modal .modal-content .modal-header .modal-title {
  margin-bottom: 0;
}
.cancelled-shipping-modal .modal-content .modal-body p {
  margin: 0;
}
.cancelled-shipping-modal .modal-content .modal-footer {
  margin-top: 27px;
}

#newPaymentDetailModal {
  z-index: 9998;
}
#newPaymentDetailModal .modal-header .close-container {
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
#newPaymentDetailModal .modal-header .close-container:hover {
  background-color: #f5f5f5;
}
#newPaymentDetailModal .modal-body a {
  color: #236da9;
  text-decoration: none;
}
#newPaymentDetailModal .modal-body a:hover {
  color: #17507f;
}
#newPaymentDetailModal #confirmBtn {
  margin-right: 0px;
}

#modalConfirmRefund {
  z-index: 9999;
  margin: 100px auto;
}

.show-backdrop {
  z-index: 999 !important;
}

.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .custom-spinner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  opacity: 0.85;
  margin: 0;
}
.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .modal-header .modal-title {
  margin-bottom: 0;
}
.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .modal-body p {
  margin: 0;
}
.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .modal-body .widget-alert {
  margin: 0 0 16px 0;
}
.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .modal-body .new-modal__body-table--row {
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
}
.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .modal-footer {
  margin-top: 27px;
}
.new-shipping-default-modal:not(.new-modal):not(.new-modal__without--fotter) .modal-content .payment-info-modal-wrapper {
  margin-top: 4px;
}

.warning-style {
  margin-bottom: 0px !important;
}

#shippingNewModal button.mdc-button.delivered-btn {
  width: 130px;
}

.generate-invoices-modal .modal-content .custom-spinner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  opacity: 0.85;
  margin: 0;
  z-index: 9999;
  flex-direction: column;
}
.generate-invoices-modal .modal-content .custom-spinner .loading-text {
  margin: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.generate-invoices-modal .modal-content .modal-header .modal-title {
  margin: 0;
}
.generate-invoices-modal .modal-content .modal-title .payment-method-used-span {
  font-weight: 400;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 16px;
  flex-flow: row nowrap;
  margin-bottom: 32px;
  padding-top: 8px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-name-input {
  width: 206px;
  margin: 0;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-name-input__error-message {
  color: #f04e54;
  font-size: 12px;
  position: absolute;
  top: 44px;
  left: 4px;
  margin: 4px 0 0 0;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown {
  width: 96px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-control.single {
  height: 42px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-control.single .selectize-input {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #292828;
  max-width: 96px;
  padding: 12px !important;
  border-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-control.single .selectize-input.disabled {
  color: #b7b7b7;
  background-color: #f5f5f5;
  opacity: 1;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-control.single .selectize-input.disabled:after {
  border-top-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-control.single .selectize-input.disabled .item {
  color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-control.single .selectize-input .item {
  height: 20px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-dropdown.single {
  height: fit-content;
  max-height: 144px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown .selectize-dropdown.single .selectize-dropdown-content .option {
  color: #292828;
  padding: 12px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled), .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown:focus .selectize-control .selectize-input:not(.disabled) {
  border-color: #4194d8;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled) .item, .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown:focus .selectize-control .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-type-dropdown:hover .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-number-input {
  width: 128px;
  margin: 0;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-doc-number-input__error-message {
  color: #f04e54;
  font-size: 12px;
  position: absolute;
  top: 44px;
  left: 4px;
  margin: 4px 0 0 0;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown {
  width: 116px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-control.single {
  height: 42px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-control.single .selectize-input {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #292828;
  max-width: 116px;
  padding: 12px !important;
  border-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-control.single .selectize-input.disabled {
  color: #b7b7b7;
  background-color: #f5f5f5;
  opacity: 1;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-control.single .selectize-input.disabled:after {
  border-top-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-control.single .selectize-input.disabled .item {
  color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-control.single .selectize-input .item {
  height: 20px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-dropdown.single {
  height: fit-content;
  max-height: 138px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown .selectize-dropdown.single .selectize-dropdown-content .option {
  color: #292828;
  padding: 12px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled), .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown:focus .selectize-control .selectize-input:not(.disabled) {
  border-color: #4194d8;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled) .item, .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown:focus .selectize-control .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-type-dropdown:hover .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown {
  width: 140px;
  position: relative;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .custom-placeholder {
  position: absolute;
  top: -8px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-control.single {
  height: 42px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-control.single .selectize-input {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #292828;
  max-width: 140px;
  padding: 12px !important;
  border-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-control.single .selectize-input.disabled {
  color: #b7b7b7;
  background-color: #f5f5f5;
  opacity: 1;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-control.single .selectize-input.disabled:after {
  border-top-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-control.single .selectize-input.disabled .item {
  color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-control.single .selectize-input .item {
  height: 20px;
  margin: 0px;
  max-width: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-dropdown.single {
  height: fit-content;
  max-height: 138px;
  word-break: break-all;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown .selectize-dropdown.single .selectize-dropdown-content .option {
  color: #292828;
  padding: 12px;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:has(.dropdown-active) .custom-placeholder, .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:focus .custom-placeholder {
  color: #4194d8;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled), .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:focus .selectize-control .selectize-input:not(.disabled) {
  border-color: #4194d8;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled) .item, .generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:focus .selectize-control .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-terms-of-sale-dropdown:hover .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-create-date-datepicker {
  max-height: 42px;
  pointer-events: none;
  user-select: none;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-create-date-datepicker[disabled] {
  background-color: #f5f5f5;
  opacity: 1;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-create-date-datepicker[disabled] span {
  color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-create-date-datepicker[disabled] i svg path {
  fill: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .buyer-info-configuration-container .buyer-info-invoices-create-date-datepicker label {
  position: absolute;
  font-size: 12px;
  top: -4px;
  left: 8px;
  color: #727272;
  background: linear-gradient(to bottom, #fff 40%, transparent 60%);
  padding: 0px 4px;
}
.generate-invoices-modal .modal-content .modal-body .invoice-missing-information-alert {
  margin: 32px 0 0 0;
}
.generate-invoices-modal .modal-content .modal-body .invoice-error-alert {
  margin: 0 0 8px 0;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table {
  margin-top: 12px;
  border-bottom: 1px solid #727272;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table thead tr th {
  padding: 12px 16px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table thead tr th:last-child {
  justify-content: flex-end;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody {
  overflow: auto;
  max-height: 228px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody.no-overflow {
  overflow: unset;
  max-height: none;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td {
  padding: 16px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .text-end {
  width: 100%;
  text-align: end;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .mdc-text-field {
  background-color: #fff;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .product-presentation-row {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .product-presentation-row .product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0;
  text-align: start;
  max-width: 100%;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .product-presentation-row .product-link {
  color: #236da9;
  text-decoration: none;
  cursor: pointer;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .product-presentation-row .product-link:hover, .generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .product-presentation-row .product-link:active {
  text-decoration: none;
  color: #17507f;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td > p {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td button {
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td button .RT-tooltip__content {
  top: 20px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td button i {
  width: 14px;
  height: 14px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td button i svg {
  width: 14px;
  height: 14px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td button:hover {
  background: #fce9e9;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td button:hover i {
  color: #f04e54;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-flow: row nowrap;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element p {
  margin: 0;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown {
  width: 100px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-control.single {
  height: 42px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-control.single .selectize-input {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #292828;
  max-width: 96px;
  padding: 12px !important;
  border-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-control.single .selectize-input.disabled {
  color: #b7b7b7;
  background-color: #f5f5f5;
  opacity: 1;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-control.single .selectize-input.disabled:after {
  border-top-color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-control.single .selectize-input.disabled .item {
  color: #b7b7b7;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-control.single .selectize-input .item {
  height: 20px;
  margin: 0px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-dropdown.single {
  max-height: 138px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown .selectize-dropdown.single .selectize-dropdown-content .option {
  color: #292828;
  padding: 12px;
  width: 65px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled), .generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown:focus .selectize-control .selectize-input:not(.disabled) {
  border-color: #4194d8;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown:has(.dropdown-active) .selectize-control .selectize-input:not(.disabled) .item, .generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown:focus .selectize-control .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .invoices-items-detail-table tbody tr td .iva-value-element .iva-value-table-dropdown:hover .selectize-input:not(.disabled) .item {
  color: #292828;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container {
  margin-top: 24px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 16px;
  margin-right: 16px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container.more-than-one-item {
  margin-right: 72px;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container .invoices-total-details-text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  gap: 12px;
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  text-align: end;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container .invoices-total-details-text li {
  font-size: 14px;
  font-weight: 400;
  text-align: end;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container .invoices-total-details-text li:last-child {
  font-weight: 600;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container .invoices-total-details-value {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  gap: 12px;
  list-style: none;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container .invoices-total-details-value li {
  font-size: 14px;
  font-weight: 400;
  text-align: end;
}
.generate-invoices-modal .modal-content .modal-body .invoices-total-details-container .invoices-total-details-value li:last-child {
  font-weight: 600;
}

.invoice-terms-of-sale-misconfigured-alert {
  margin: 16px 0 24px 0;
}
.invoice-terms-of-sale-misconfigured-alert p {
  margin: 0;
  font-weight: 400;
  color: #292828;
  line-height: 20px;
}

.widget-alert.missing-invoice-alert {
  margin-left: 30px;
  margin-right: 30px;
}
.widget-alert.missing-invoice-alert p {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  align-self: center;
  height: fit-content;
}
.widget-alert.missing-invoice-alert .widget-alert__closeable--icon {
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.widget-alert.missing-invoice-alert .widget-alert__closeable--icon:hover {
  background: #eeeeee;
}
.widget-alert.missing-invoice-alert .widget-alert__closeable--icon:hover i svg path {
  fill: #292828;
}

/* Atlas */
.wrapper-atlas {
  padding-top: 20px;
  display: inline-block;
}

.over-follow.my-ranking-current-user {
  background: #F2F2F2;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}

.market-no-info {
  justify-content: center;
  padding: 128px;
}
.market-no-info .no-info-pending {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 40px;
  max-width: 880px;
  margin: 0 auto;
  width: fit-content;
}
.market-no-info .no-info-pending .text {
  font-size: 14px;
  line-height: 16px;
  align-self: center;
  color: #292828;
  max-width: 510px;
}
.market-no-info .no-info-pending .text .tip {
  display: none;
  margin-top: 17px;
}
.market-no-info .no-info-pending .body-text a {
  color: #236da9;
  text-decoration: none;
}
.market-no-info .no-info-pending .body-text a:hover {
  color: #17507f;
}
.market-no-info .no-info-pending svg {
  width: 260px;
  height: 150px;
}

.wrapper-dashboard-atlas {
  position: initial;
}
.wrapper-dashboard-atlas .prev-following-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}
.wrapper-dashboard-atlas .prev-following-grid .no-pointer {
  pointer-events: none;
}
.wrapper-dashboard-atlas .prev-following-grid .over-follow a {
  text-decoration: none;
}
.wrapper-dashboard-atlas .main-widget-other-sellers {
  margin-top: 30px;
}
.wrapper-dashboard-atlas .prev-and-following {
  margin-bottom: 45px;
  margin-top: 60px;
}
.wrapper-dashboard-atlas .prev-and-following .stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  margin-top: 10px;
}
.wrapper-dashboard-atlas .prev-and-following .stats-grid .number {
  color: #4292D6;
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
}
.wrapper-dashboard-atlas .prev-and-following .stats-grid .currency-sml {
  font-size: 2.1rem;
  position: relative;
  top: -8px;
  left: 3px;
  padding-right: 5px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings {
  margin-top: 20px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr {
  height: 65px;
  border-bottom: 1px solid #E4E4E4;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr.my-ranking-current-user {
  background: #F2F2F2;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr.my-ranking-current-user td .ranking-username {
  display: inline-block;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr.my-ranking-current-user td.over-follow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 230px;
  margin-left: -90px;
  height: 38px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr.my-ranking-current-user td.over-follow a.follow-user.rank-items {
  margin-top: 0;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr td.over-follow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: -90px;
  width: 275px;
  height: 38px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr td.over-follow a.follow-user.rank-items {
  margin-top: 0;
  margin-left: 24px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr td.over-follow a.follow-user.rank-items button {
  width: 108px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr th {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #E4E4E4;
  text-align: left;
  padding-left: 10px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr td:nth-child(1) {
  font-size: 1.6rem;
  font-weight: 600;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr:hover a.follow-user.add-hover {
  display: flex !important;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings tr:hover a.follow-user.no-hover {
  display: none !important;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-reputation-medal {
  width: 18px;
  height: 20px;
  margin: 2px 10px 2px 0px;
  display: inline-block;
  position: relative;
  top: 4px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-reputation-medal.platinum {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -29px -27px no-repeat;
  background-size: 660%;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-reputation-medal.gold {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -28px -49px no-repeat;
  background-size: 660%;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-reputation-medal.silver {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -50px -3px no-repeat;
  background-size: 660%;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-reputation-medal.tienda-oficial {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -29px -3px no-repeat;
  background-size: 660%;
  top: 1px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-username {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  text-transform: uppercase;
  line-height: 24px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings .ranking-username a:hover {
  text-decoration: none;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] .ranking-username {
  display: inline-block;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] .wrap-show-follow-user {
  display: inline-block;
  margin-left: 8px;
  width: initial;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] .wrap-show-follow-user a.bt-primary.follow-user {
  padding: 3px 24px;
  width: max-content;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] thead tr th:nth-child(3) {
  padding-left: 0;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] tbody td:nth-child(3) {
  text-align: center;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] tbody tr {
  height: 52px;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings[data-table-type=old] .seller:not(.my-ranking-current-user) .row-container:hover a.follow-user {
  display: block !important;
}
.wrapper-dashboard-atlas .prev-and-following table.mini-rankings [data-has-medal=false] {
  display: none;
}
.wrapper-dashboard-atlas .tops-wrapper .detail-widget-select {
  float: right;
}
.wrapper-dashboard-atlas .tops-wrapper .tops-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin: 0px 0 45px;
  width: 100%;
}
.wrapper-dashboard-atlas .tops-wrapper .tops-grid .top-sellers .title {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 400;
}
.wrapper-dashboard-atlas .tops-wrapper .tops-grid .top-sellers .reference {
  margin-bottom: 10px;
}
.wrapper-dashboard-atlas .tops-wrapper .tops-grid .top-sellers .reference:last-child {
  margin-bottom: 0;
}
.wrapper-dashboard-atlas .tops-wrapper .tops-grid .top-sellers .number {
  color: #4292D6;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
}
.wrapper-dashboard-atlas .tops-wrapper .tops-grid .top-sellers .currency-sml {
  font-size: 2.1rem;
  position: relative;
  top: -8px;
  left: 3px;
  padding-right: 5px;
}
.wrapper-dashboard-atlas .tops-wrapper .widget-select {
  text-align: right;
  float: none;
}

.atlas-loading {
  height: 50px;
  width: 100%;
  text-align: left;
  margin-left: -5px;
}

.metrics-charts #metricsContent {
  height: 55vh;
  width: 100%;
  position: relative;
}

.metrics-charts .title-widget-large {
  margin-bottom: 48px;
}
.metrics-charts .title-widget-large.no-margins {
  margin-bottom: 0;
}
.metrics-charts [data-active-title=new] [data-id=old-title] {
  display: none;
}
.metrics-charts [data-active-title=old] [data-id=new-title] {
  display: none;
}

.widget .chart {
  height: 55vh;
  width: 100%;
  position: relative;
}

.atlas-loading i,
.processing-text-span i {
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#atlas-empty-response {
  font-size: 1.5rem;
  color: #6d6d6d;
  font-style: italic;
  padding-top: 30px;
}

/* VIZ */
/*.wrap-category:nth-child(n+10) .widget.wrap-viz .wrap-rollover {
    background:grey;
}*/
.cat-not-allowed {
  width: 245px;
  height: 199px !important;
  background: #f1f1f1;
  background-position: 80px center;
  background-repeat: no-repeat;
  background-size: 30%;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 15px 0 0 15px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
}
.cat-not-allowed:hover {
  background-color: #FFF;
}

.cat-not-allowed .placeholder-viz {
  width: 245px;
  height: 165px;
  background: url("../img/placeholder-market.23552d3a60fc.svg?v=2") -6px 10px no-repeat;
}

.cat-not-allowed .title-viz {
  width: 220px;
  color: #5A5A5A;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 15px;
  margin-top: -1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bt-category-locked {
  width: 75px;
  height: 75px;
  text-align: center;
  border: 1px solid #71d8bf;
  border-radius: 50%;
  background-color: #f4f4f4;
  -webkit-box-shadow: 3px 4px 4px 1px rgba(113, 216, 191, 0.75);
  -moz-box-shadow: 3px 4px 4px 1px rgba(113, 216, 191, 0.75);
  box-shadow: 3px 4px 4px 1px rgba(113, 216, 191, 0.75);
  padding: 15px 15px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0ms 300ms, opacity 300ms linear;
}
.bt-category-locked svg {
  width: 30px;
}

.cat-not-allowed:hover > .bt-category-locked {
  visibility: visible;
  opacity: 1;
  transition: opacity 300ms linear;
}

.category-extra-viz {
  width: 15px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.cancel-link {
  padding: 0 20px;
}

.wrap-category .wrap-viz.active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  border: 1px solid #71D8BF;
  top: -3px;
}

.wrap-category .wrap-viz.no-subcategory {
  box-shadow: none;
  background: rgba(241, 241, 241, 0.71);
  cursor: default;
}

.wrap-category {
  width: 292px;
  display: inline-block;
  float: left;
  position: relative;
  -webkit-transition: height 300ms ease-in-out;
  -moz-transition: height 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
}

.wrap-category .wrap-viz {
  height: 214px; /* added for new cards */
  width: 260px;
  margin: 0 25px 25px 0;
  position: relative;
  padding: 0 !important;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.wrap-category .wrap-viz .top-viz {
  margin-bottom: 16px;
  display: inline-block;
  margin-top: -1px;
}

.wrap-category .wrap-viz .title-viz {
  width: 220px;
  color: #5A5A5A;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 18px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap-category .wrap-viz .fav-viz {
  width: 25px;
  float: right;
}

.wrap-category .wrap-viz .fav-viz button {
  border: 0;
  padding: 0;
  background: none;
  line-height: 11px;
  font-size: 1.8rem;
  color: #ccc;
}

.wrap-category .wrap-viz .fav-viz button:focus,
.wrap-category .wrap-viz .fav-viz button:link,
.wrap-category .wrap-viz .fav-viz button:active {
  border: 0;
  outline: 0;
}

.wrap-category .wrap-viz .fav-viz button .strokeFav path {
  fill: #ccc;
  -webkit-transition: fill 300ms ease-in-out;
  -moz-transition: fill 300ms ease-in-out;
  -o-transition: fill 300ms ease-in-out;
  transition: fill 300ms ease-in-out;
}

.wrap-category .wrap-viz .fav-viz button:hover .strokeFav path,
.wrap-category .wrap-viz .fav-viz.faved button .strokeFav path {
  fill: #FFCC00;
}

.wrap-category .wrap-viz .fav-viz button .fillFav path {
  fill: #fff;
  -webkit-transition: fill 300ms ease-in-out;
  -moz-transition: fill 300ms ease-in-out;
  -o-transition: fill 300ms ease-in-out;
  transition: fill 300ms ease-in-out;
}

.wrap-category .wrap-viz .fav-viz button:hover .fillFav path,
.wrap-category .wrap-viz .fav-viz.faved button .fillFav path {
  fill: #FFCC00;
}

.wrap-category .wrap-viz .mkt-share-viz {
  font-size: 3.2rem;
  font-weight: 400;
  float: left;
  margin-right: 10px;
  line-height: 29px;
  margin: 0;
}

.wrap-category .wrap-viz .mkt-share-viz span {
  font-size: 2.5rem;
}

.wrap-category .wrap-viz .mkt-share-viz i.icon-mkt-share {
  width: 22px;
  height: 22px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -211px -25px no-repeat;
  background-size: 1075%;
  display: inline-block;
  margin-left: 6px;
}

.wrap-category .wrap-viz .trend-viz {
  width: 130px;
  height: 80px;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
}

.wrap-category .wrap-viz .trend-viz.trend-up {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -43px -21px no-repeat;
  background-size: 622%;
}

.wrap-category .wrap-viz .trend-viz.trend-mid {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -4px -67px no-repeat;
  background-size: 470%;
}

.wrap-category .wrap-viz .trend-viz.trend-down {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -30px -176px no-repeat;
  background-size: 592%;
}

.right-additional-info {
  float: right;
  padding-right: 4px;
}

.wrap-category .wrap-viz .gmv-viz {
  font-size: 13px;
  margin: 0px 0 26px 0;
  line-height: 20px;
  display: table;
}

.wrap-category .wrap-viz .listings-viz {
  font-size: 1.6rem;
  display: inline-block;
  line-height: 17px;
}

.wrap-category .wrap-viz .sold-quant-viz {
  font-size: 1.6rem;
  display: inline-block;
  line-height: 17px;
}

.wrap-category .wrap-viz .gmv-viz {
  font-size: 1.6rem;
  display: inline-block;
  line-height: 17px;
}

.wrap-category .wrap-viz .sold-quant-viz-numb {
  padding-right: 5px;
}

.wrap-category .wrap-viz .sellers-quant-viz .label-viz {
  position: relative;
  top: -10px;
}

.wrap-category .right-additional-info .side-sold-quant-viz .label-viz {
  position: relative;
  top: 0px;
}

.wrap-category .wrap-viz .right-additional-info .side-sold-quant-viz.first {
  margin-bottom: 13px;
}

.wrap-category .wrap-viz .label-viz {
  font-size: 1.2rem;
  color: #B5B5B5;
  line-height: 11px;
}

.wrap-category .wrap-preview .label-viz {
  font-size: 1.2rem;
  line-height: 20px;
  color: #B5B5B5;
}

.wrap-category .wrap-viz .sellers-quant-viz-numb, .wrap-category .wrap-viz .gmv-quant-viz-numb {
  font-size: 1.6rem;
  line-height: 17px;
}

.triple-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5px;
}

.cta-buttons.mp-three-btns {
  display: grid;
  grid-template-columns: auto auto 40px;
  grid-column-gap: 1px;
}

.cta-buttons.mp-three-btns .lock-svg svg {
  height: 17px;
  position: relative;
  top: 2px;
}

.wrap-category .wrap-viz .cta-buttons.mp-three-btns button {
  position: inherit;
}

.wrap-category .wrap-viz .cta-buttons.mp-three-btns button.cta-unlock {
  padding: 0;
  border-bottom-right-radius: 3px;
}

.wrap-category .wrap-viz .cta-buttons.mp-three-btns button {
  width: auto;
  font-size: 13px;
  background: #71D8BF;
  color: white;
  text-align: center;
  border: 0;
  padding: 6px 0;
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  outline: 0;
  position: initial;
}

.wrap-category .wrap-viz .cta-buttons.mp-three-btns .cta-bt-preview {
  border-bottom-left-radius: 3px;
}

.wrap-category .wrap-viz .cta-buttons.mp-three-btns .cta-bt-detail {
  border-bottom-right-radius: 0px;
}

.wrap-category .wrap-viz .sellers-quant-icon {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -14px -74px no-repeat;
  background-size: 1200%;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  display: block;
  margin: 0 auto;
}

.wrap-category .wrap-viz .bt-preview-viz {
  font-size: 1.1rem;
  background: #71D8BF;
  color: white;
  text-align: center;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 0;
  width: 56px;
  padding: 5px 0;
  display: block;
  position: relative;
  bottom: -39px;
  right: 1px;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}

.wrap-category .wrap-viz .bt-preview-viz:focus,
.wrap-category .wrap-viz .bt-preview-viz:hover,
.wrap-category .wrap-viz .wrap-viz.active .bt-preview-viz {
  text-decoration: none;
  color: #C5EAE0;
  outline: 0;
}

.wrap-category .wrap-viz .tooltip {
  line-height: 14px;
  border-radius: 2px;
}

.wrap-category .wrap-viz .cta-buttons {
  height: 24px;
  clear: both;
}

.wrap-category .wrap-viz .cta-buttons button {
  width: 129px;
  font-size: 13px;
  background: #71D8BF;
  color: white;
  text-align: center;
  border: 0;
  padding: 6px 0;
  display: inline-block;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  outline: 0;
}
.wrap-category .wrap-viz .cta-buttons button:last-child {
  border-bottom-right-radius: 3px;
}

.wrap-category .wrap-viz .wrap-rollover .triangled {
  background: transparent url("../img/corner-bg.646f4490745b.svg") no-repeat;
  background-position: right top;
  background-size: 45px;
  width: 45px;
  height: 40px;
  position: absolute;
  float: right;
  right: 0;
  top: 0;
}

.wrap-category .wrap-viz .cta-buttons button:hover {
  background: #6cc7b2;
}

.wrap-category .wrap-viz .cta-buttons .cta-bt-preview {
  border-bottom-left-radius: 3px;
  left: 0;
}

.wrap-category .wrap-viz .cta-buttons .cta-bt-detail {
  border-bottom-right-radius: 0px;
  right: 0;
}

.wrap-category .wrap-viz .wrap-rollover {
  background: #fff;
  background-position: 80px center;
  background-repeat: no-repeat;
  background-size: 30%;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 13px 0 0 11px;
  width: 249px;
  height: 171px;
}
.wrap-category .wrap-viz .wrap-rollover .sale-increase {
  position: absolute;
  top: 10px;
  left: 231px;
  width: 20px;
}

.wrap-category .wrap-viz .wrap-rollover:hover {
  background: #f5f5f5 url("../img/arrow-over-category.c36ab49e492c.svg") center center no-repeat;
  background-size: 30%;
}

.wrap-category .wrap-viz.no-subcategory .wrap-rollover {
  background: rgba(241, 241, 241, 0.71);
  cursor: default;
}

/* Preview */
.wrap-category .wrap-preview {
  width: 1105px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #E3E3E3;
  display: block;
  margin: 0 0 6px 0;
  background: #F1F1F1;
  padding: 15px;
  font-weight: 300;
  color: #6D6D6D;
  position: absolute;
  top: 230px;
  z-index: 1;
}

.wrap-category .preview-arrow {
  top: 214px;
  left: 64px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  z-index: 2;
  display: none;
  pointer-events: none;
  border-color: rgba(211, 211, 211, 0);
  border-bottom-color: #E3E3E3;
  border-width: 8px;
  margin-left: -8px;
}

.wrap-category .preview-arrow:before {
  top: -8px;
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(242, 242, 242, 0);
  border-bottom-color: #F2F2F2;
  border-width: 9px;
  margin-left: -9px;
}

.wrap-category .wrap-preview .preview-left {
  float: left;
}

.wrap-category .wrap-preview .prev-widget {
  width: 205px;
  height: 140px;
  background: #fff;
  margin: 0 15px 15px 0;
  padding: 18px 0 0 18px;
  float: left;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  -moz-box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
  box-shadow: 1px 1px 3px 0px rgba(212, 204, 204, 0.75);
}

.wrap-category .wrap-preview .prev-widget#tendencia {
  padding: 18px 18px 0 18px;
  width: 187px;
}

.wrap-category .wrap-preview .prev-widget-title {
  color: #717171;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 14px;
}

.wrap-category .wrap-preview .prev-widget-large {
  width: 446px;
  height: 95px;
  background: #fff;
  margin-right: 15px;
  padding: 15px 0 15px 15px;
  clear: both;
}

.wrap-category .wrap-preview .prev-widget-date {
  line-height: 16px;
  padding-bottom: 36px;
}

.wrap-category .wrap-preview .prev-widget-date span {
  font-weight: 400;
  font-size: 1.6rem;
  padding: 0 3px;
  padding: 0 2px;
  color: #717171;
}

.wrap-category .wrap-preview .prev-widget-number-label {
  display: inline-block;
  margin-right: 17px;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 16px;
  color: #4194D8;
  width: 31%;
}

.wrap-category.level3 .wrap-preview .prev-widget-number-label {
  width: 30%;
}

.wrap-category.level3 .wrap-preview .prev-widget-number-label .prev-widget-label {
  display: block;
  clear: both;
}

.wrap-category .wrap-preview .prev-widget-number-label div {
  line-height: 26px;
  display: inline-block;
}

.wrap-category .wrap-preview .prev-widget-number-label span {
  display: inline-block;
  font-size: 2.4rem;
  position: relative;
  left: -7px;
}

.wrap-category .wrap-preview .prev-widget-number-label span span {
  font-size: 2.4rem;
  position: relative;
  top: -7px;
  padding: 0 2px;
}

.wrap-category .wrap-preview .prev-widget-number-label:nth-child(3) {
  margin-right: 10px;
  width: 28%;
}

.wrap-category .wrap-preview .prev-widget-number-label:last-child {
  margin-right: 0;
}

.wrap-category .wrap-preview .prev-widget-number-label:last-child span {
  left: 1px;
  top: -3px;
}

.wrap-category .wrap-preview .prev-widget-number-label .prev-widget-label {
  color: #B5B5B5;
  font-size: 1.2rem;
  font-weight: 200;
  line-height: 16px;
}

.wrap-category .wrap-preview .prev-widget-large .prev-widget-number-label .prev-widget-label {
  display: block;
}

.wrap-category .wrap-preview .prev-widget-number-label .prev-widget-number-label-avg-numb {
  position: relative;
  left: -5px;
}

.wrap-category .wrap-preview .prev-widget-number-label-gmv-numb {
  /*font-size: .85em;*/
}

.wrap-category .wrap-preview .prev-widget-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
}

.wrap-category .wrap-preview .preview-right {
  display: inline-block;
  width: 620px;
  margin-left: 8px;
  min-height: 297px;
}

.wrap-category .wrap-preview .prev-widget-title-large {
  font-size: 2.7rem;
  line-height: 16px;
  font-weight: 400;
  padding-top: 5px;
  color: #717171;
  margin-bottom: 15px;
}

.wrap-category .wrap-preview .prev-widget-title-large span:not(.prev-widget-title-large-numb) {
  font-size: 1.9rem;
  line-height: 16px;
}

.wrap-category .wrap-preview .prev-widget-category-info {
  width: 100%;
  height: 30px;
  position: relative;
  margin-bottom: 16px;
}

.wrap-category .wrap-preview .preview-right .prev-widget-category-info:last-child {
  margin-bottom: 0;
}

.wrap-category .wrap-preview .prev-widget-category-info.category-info-shipping {
  height: 60px;
}

.wrap-category .wrap-preview .prev-widget-category-info-bar {
  width: 100%;
  height: 17px;
  border-radius: 3px;
  background: #6aade4;
  margin-bottom: 2px;
  overflow: hidden;
}

.wrap-category .wrap-preview .prev-widget-category-info-bar.bar-shipping {
  height: 40px;
}

.wrap-category .wrap-preview .prev-widget-category-info-bar-divider {
  width: 10px;
  background: #F2F2F2;
  position: absolute;
  left: 0;
  top: 0px;
  height: 20px;
  transform: skew(-40deg, 1deg);
  -webkit-transform: skew(-40deg, 1deg);
  -moz-transform: skew(-40deg, 1deg);
  -o-transform: skew(-40deg, 1deg);
  -ms-transform: skew(-40deg, 1deg);
}

.wrap-category .wrap-preview .bar-shipping .prev-widget-category-info-bar-divider {
  width: 10px;
  background: #F2F2F2;
  position: absolute;
  left: 0;
  top: -5px;
  height: 50px;
  transform: skew(-40deg, 1deg);
  -webkit-transform: skew(-40deg, 1deg);
  -moz-transform: skew(-40deg, 1deg);
  -o-transform: skew(-40deg, 1deg);
  -ms-transform: skew(-40deg, 1deg);
}

.wrap-category .wrap-preview .bar-free-shipping {
  height: 24px;
  border-top-left-radius: 3px;
  background: #98EAD3;
  color: #4F8E7C;
  font-size: 1.2rem;
  padding: 3px 0 0 5px;
  font-weight: 400;
  position: relative;
  left: -10px;
  border-bottom: 1px solid rgba(171, 163, 163, 0.37);
  border-right: 1px solid rgba(171, 163, 163, 0.37);
  transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  -o-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  -ms-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
}

.wrap-category .wrap-preview .bar-free-shipping-text {
  text-shadow: 1px 1px 1px #fff;
  transform: rotate(0deg) scale(1) skew(40deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(1) skew(40deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1) skew(40deg) translate(0px);
  -o-transform: rotate(0deg) scale(1) skew(40deg) translate(0px);
  -ms-transform: rotate(0deg) scale(1) skew(40deg) translate(0px);
  padding-left: 10px;
}

.wrap-category .wrap-preview .prev-widget-category-info-wrap-text {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
}

.wrap-category .wrap-preview .prev-widget-category-info-text {
  float: left;
  width: auto;
  margin-right: 10px;
}

.wrap-category .wrap-preview .prev-widget-category-info-text .widget-category-info-text-values,
.wrap-category .wrap-preview .prev-widget-category-info-text-right .widget-category-info-text-values {
  color: #818181;
}

.wrap-category .wrap-preview .widget-category-info-text-values {
  font-weight: 300;
}

.wrap-category .wrap-preview .prev-widget-category-info-text-right {
  width: 250px;
  float: right;
  text-align: right;
}

.wrap-category .wrap-preview .prev-widget-category-info-text ul,
.wrap-category .wrap-preview .prev-widget-category-info-text-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wrap-category .wrap-preview .prev-widget-category-info-text li,
.wrap-category .wrap-preview .prev-widget-category-info-text-right li {
  display: inline-block;
}

.wrap-category .wrap-preview .prev-widget-category-info-text li:last-child,
.wrap-category .wrap-preview .prev-widget-category-info-text-right li:last-child {
  font-weight: 300;
}

.wrap-category .wrap-preview .prev-widget-category-info-wrap-text span,
.wrap-category .wrap-preview .bar-free-shipping span {
  font-weight: 300;
}

.wrap-category .wrap-preview .prev-bt-detail {
  width: 110px;
  font-size: 1.4rem;
  background-color: #4194D8;
  color: white;
  text-align: center;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 0;
  border-bottom: 2px solid #337FBA;
  border-right: 1px solid #337FBA;
  padding: 6px 0;
  display: block;
  position: absolute;
  bottom: 0;
  float: right;
  right: 0;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.wrap-category .wrap-preview .prev-bt-detail:active,
.wrap-category .wrap-preview .prev-bt-detail:focus,
.wrap-category .wrap-preview .prev-bt-detail:hover {
  text-decoration: none;
  padding-left: 2px;
  outline: 0;
}

.wrap-category .wrap-viz.active .wrap-preview .prev-bt-detail:active,
.wrap-category .wrap-viz.active .wrap-preview .prev-bt-detail:focus,
.wrap-category .wrap-viz.active .wrap-preview .prev-bt-detail:hover {
  text-decoration: none;
  color: #C5EAE0;
  padding-left: 2px;
  outline: 0;
}

.wrap-category .wrap-preview .prev-bt-close {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -10px -78px no-repeat;
  background-size: 920%;
  width: 18px;
  height: 18px;
  border: 0;
  position: absolute;
  top: 13px;
  right: 16px;
  opacity: 1;
  -webkit-transition: opacity 350ms ease-in-out;
  -moz-transition: opacity 350ms ease-in-out;
  -o-transition: opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out;
}

.wrap-category .wrap-preview .prev-bt-close:hover {
  opacity: 0.65;
}

.wrap-category .wrap-preview .prev-bt-close:focus,
.wrap-category .wrap-preview .prev-bt-close:link,
.wrap-category .wrap-preview .prev-bt-close:active {
  border: 0;
  outline: 0;
}

.wrap-category .wrap-preview .prev-widget-trend-up {
  float: left;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -10px 7px no-repeat;
  background-size: 530%;
  width: 50%;
  height: 71px;
}

.wrap-category .wrap-preview .prev-widget-trend-mid {
  float: left;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") 5px -61px no-repeat;
  background-size: 430%;
  width: 50%;
  height: 25px;
  position: relative;
  top: 40px;
}

.wrap-category .wrap-preview .prev-widget-trend-down {
  float: left;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -10px -103px no-repeat;
  background-size: 530%;
  width: 50%;
  height: 65px;
}

.wrap-category .wrap-preview .trend-and-per-wrapper {
  width: 100%;
  text-align: center;
  height: 75px;
}

.wrap-category .wrap-preview .prev-widget-trend-percent {
  float: left;
  font-size: 46px;
  font-weight: 600;
  padding-top: 5px;
  text-align: right;
  color: #4194D8;
}

.wrap-category .wrap-preview .prev-widget-trend-percent span {
  font-size: 2.6rem;
  position: relative;
  top: -12px;
  padding: 0 2px;
  font-weight: 300;
}

.wrap-category .wrap-preview .prev-widget-trend-text {
  font-size: 1.4rem;
  font-weight: 300;
  padding: 0;
  clear: both;
  line-height: 16px;
  color: #AAAAAA;
  margin-top: -5px;
}

.wrap-category .wrap-preview .prev-widget-icon-number {
  width: 100%;
  height: 35px;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 20px;
  margin-top: 25px;
  color: #4194D8;
}

.wrap-category .wrap-preview .prev-widget-icon-number .prev-widget-icon-number-numb {
  font-weight: 400;
}

.wrap-category .wrap-preview .prev-widget-sellers-icon {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -11px -69px no-repeat;
  background-size: 1150%;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 4px;
}

.wrap-category .wrap-preview .prev-widget-competitivity {
  width: 187px;
  padding-top: 20px;
}

.wrap-category .wrap-preview .prev-widget-competitivity-bar {
  width: 90%;
  height: 5px;
  background: #E3E3E3;
  position: relative;
  margin: 0 auto;
}

.wrap-category .wrap-preview .prev-widget-competitivity-bar-indicator {
  width: 30px;
  height: 5px;
  background: #6292D4;
  position: absolute;
  top: 0px;
}

.wrap-category .wrap-preview .prev-widget-competitivity-bar-indicator:after {
  bottom: -7.0711px;
  border-bottom: solid 1.4142px #4dc1a0;
  border-left: solid 1.4142px #4dc1a0;
}

.disabledWidget {
  opacity: 0.4;
}

.disabledWidget .prev-widget-competitivity-bar-indicator,
.disabledWidget .detail-widget-competitivity-bar-indicator {
  display: none;
}

.wrap-category .wrap-preview .prev-widget-competitivity-label {
  font-size: 1.2rem;
  font-weight: 300;
  width: 49%;
  float: left;
  padding-top: 10px;
  color: #B5B5B5;
}

.wrap-category .wrap-preview .prev-widget-competitivity-label:last-child {
  text-align: right;
}

/* Alert zoom user */
.info-box {
  max-width: 70%;
  position: absolute;
  z-index: 110;
  top: -60px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 5px;
  color: #34D0E8;
  background-color: #EBF8FA;
  border: 1px solid #80D9E2;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  font-family: "proxima-nova";
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}

.info-box .alert {
  padding: 0;
  margin: 0;
  border: 0;
}

.info-box .close,
.info-box .close:active {
  color: #34D0E8;
  font-weight: 400;
  outline: 0;
}

.filter-bar.widget-filters .filter-bar-ul {
  display: inline-block;
}

.filter-bar.widget-filters .filter-bar-ul .selectize-input.items.full.has-options.has-items {
  width: 210px;
}

.wrapper-dashboard-atlas .filter-bar.widget-filters .filter-bar-ul .selectize-input.items.full.has-options.has-items {
  width: 230px;
}

/* DETAIL */
.category-breadcrumb {
  padding: 15px 20px;
  font-family: "proxima-nova";
  font-weight: 300;
  font-size: 13px;
}

.category-breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-breadcrumb ul li {
  display: inline-block;
}

.category-breadcrumb ul li a {
  font-size: 13px;
  line-height: 22px;
  color: #428BCA;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.category-breadcrumb ul li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.category-breadcrumb ul li a.current {
  pointer-events: none;
  cursor: text;
  color: #5A5A5A;
  font-weight: 600;
}

.category-breadcrumb ul li i.fa-angle-right {
  color: #b5b3b3;
  padding: 0;
  position: relative;
  top: 1px;
  width: 6px;
  display: inline-block;
  height: 17px;
  margin: 0 2px;
}

.chevron-back {
  width: 11px;
  height: 13px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -63px -67px no-repeat;
  background-size: 1210%;
  margin-right: 7px;
  display: inline-block;
}

.bt-back-category {
  font-family: "proxima-nova";
  font-size: 1.8rem;
  font-weight: 400;
  color: #8C8C8C;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

.bt-back-category:hover,
.bt-back-category:active {
  opacity: 0.7;
  text-decoration: none;
}

.category-title {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.category-title h2 {
  margin: 0;
  font-family: "proxima-nova";
  font-size: 2.6rem;
  font-weight: 600;
  color: #292828;
}

#widget-gmv-sold-q-desde, #widget-gmv-sold-q-hasta {
  text-transform: lowercase;
}

.widget-small {
  width: 100%;
  height: 120px;
  font-family: "proxima-nova";
  font-size: 13px;
  font-weight: 300;
  color: #6D6D6D;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #D3D3D3;
  margin-bottom: 25px;
}

.title-widget {
  font-size: 1.8rem;
  line-height: 18px;
  font-weight: 600;
  color: #5A5A5A;
  padding-bottom: 5px;
}

.title-widget-large {
  font-size: 2rem;
  line-height: 18px;
  font-weight: 600;
  color: #292828;
  padding-bottom: 5px;
  width: 70%;
  display: inline-block;
  margin: 3px 40px 0 0;
}

.title-widget-large-wselects {
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 13px;
}
.title-widget-large-wselects .select-dates {
  margin-left: 10px;
  display: inline-block;
}
.title-widget-large-wselects .select-dates:first-child {
  margin-left: 20px;
}
.title-widget-large-wselects .select-dates.select-month {
  font-size: 2rem;
  width: 125px;
}
.title-widget-large-wselects .select-dates.select-month .selectize-input.items.full.has-options.has-items {
  width: 155px;
}
.title-widget-large-wselects .select-dates.select-year {
  width: 85px;
  font-size: 2rem;
}
.title-widget-large-wselects .select-dates.select-year .selectize-input.items.full.has-options.has-items {
  width: 85px;
}

.widget-filters--each-filter.publish-ranking-export {
  position: relative;
  margin: -8px 0 0 20px;
  float: right;
  min-width: 100px;
}

.ranking-title {
  font-size: 2rem;
  line-height: 18px;
  font-weight: 600;
  color: #5A5A5A;
}

.title-widget-large span {
  font-weight: bold;
}

.title-widget-large span.wrap-date-rankings {
  margin-left: 10px;
}

.detail-widget-competitivity {
  width: 100%;
  padding-top: 30px;
}

.detail-widget-competitivity-bar {
  width: 90%;
  height: 5px;
  background: #E3E3E3;
  position: relative;
  margin: 0 auto;
}

.detail-widget-competitivity-bar-indicator {
  width: 25px;
  height: 5px;
  background: #6aade4;
  border: 0;
  position: absolute;
  top: 0px;
}

.detail-widget-competitivity-bar-indicator:after {
  bottom: -7.0711px;
  border-bottom: solid 1.4142px #4dc1a0;
  border-left: solid 1.4142px #4dc1a0;
}

.detail-widget-competitivity-label {
  font-size: 1.2rem;
  font-weight: 400;
  width: 50%;
  float: left;
  padding-top: 9px;
  color: #939393;
}

.detail-widget-competitivity-label:last-child {
  text-align: right;
}

.detail-widget-competitivity-text {
  display: none;
  padding-top: 15px;
  clear: both;
  line-height: 20px;
  font-size: 1.6rem;
}

.detail-widget-trend-graph-high {
  float: left;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -12px -15px no-repeat;
  background-size: 470%;
  width: 50%;
  height: 43px;
}

.detail-widget-trend-percent {
  float: left;
  width: 42%;
  font-size: 48px;
  line-height: 44px;
  font-weight: 400;
  text-align: right;
  color: #4194D8;
  padding: 15px 0 10px 0;
}

.detail-widget-trend-percent span {
  font-size: 2.8rem;
  position: relative;
  top: -11px;
  left: 3px;
}

.detail-widget-trend-text {
  font-size: 1.6rem;
  font-weight: 300;
  clear: both;
  line-height: 20px;
  padding-top: 5px;
}

.detail-widget-icon-number {
  width: 100px;
  height: 35px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 20px;
  margin-top: 22px;
  float: left;
  padding-left: 5px;
}

.detail-widget-sellers-icon {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -11px -69px no-repeat;
  background-size: 1152%;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 4px;
}

.label-detail {
  font-size: 1.4rem;
  color: #5D5D5D;
  line-height: 14px;
}

.detail-widget-reputation {
  float: left;
  width: 180px;
  height: 80px;
  padding-top: 10px;
}

.detail-widget-reputation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  right: -10px;
  top: -7px;
}

.detail-widget-reputation li {
  width: 80px;
  height: 26px;
  display: inline-block;
  float: left;
}

.icon-tienda-oficial {
  width: 18px;
  height: 18px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -28px -1px no-repeat;
  background-size: 610%;
  float: left;
}

.icon-user-platinum {
  width: 18px;
  height: 18px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -28px -24px no-repeat;
  background-size: 600%;
  float: left;
}

.icon-user-gold {
  width: 18px;
  height: 18px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -28px -45px no-repeat;
  background-size: 600%;
  float: left;
}

.icon-user-silver {
  width: 18px;
  height: 18px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -50px -1px no-repeat;
  background-size: 600%;
  float: left;
}

.icon-user-no-reputation {
  width: 18px;
  height: 18px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -55px -26px no-repeat;
  background-size: 650%;
  float: left;
}

.widget-listings .detail-widget-category-info {
  width: 100%;
  position: relative;
  display: block;
  height: 50px;
  margin-bottom: 33px;
}
.widget-listings .detail-widget-category-info[data-id=category-info-sales] {
  display: none;
}

.widget-listings .detail-widget-category-info:last-child {
  margin-bottom: 0;
}

.widget-listings .detail-widget-category-info.category-info-shipping {
  height: 60px;
}

.widget-listings .detail-widget-category-info-bar {
  width: 100%;
  display: block;
  height: 30px;
  border-radius: 3px;
  background: #6aade4;
  margin-bottom: 2px;
  overflow: hidden;
}

.widget-listings .detail-widget-category-info-bar-divider {
  width: 10px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -2px;
  display: block;
  height: 35px;
  transform: skew(-40deg, 1deg);
  -webkit-transform: skew(-40deg, 1deg);
  -moz-transform: skew(-40deg, 1deg);
  -o-transform: skew(-40deg, 1deg);
  -ms-transform: skew(-40deg, 1deg);
}

.widget-listings .detail-widget-category-info-wrap-text {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
}

.widget-listings .detail-widget-category-info-text {
  float: left;
  /*width: 250px;*/
  width: auto;
  margin-right: 10px;
  font-size: 1.5rem;
}

.widget-listings .widget-category-info-text-values {
  font-weight: 300;
}

.widget-listings .detail-widget-category-info-text-right {
  width: 250px;
  float: right;
  text-align: right;
}

.widget-listings .detail-widget-category-info-text ul,
.widget-listings .detail-widget-category-info-text-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget-listings .detail-widget-category-info-text li,
.widget-listings .detail-widget-category-info-text-right li {
  display: inline-block;
}

.widget-listings .detail-widget-category-info-text li:last-child,
.widget-listings .detail-widget-category-info-text-right li:last-child {
  font-weight: 300;
}

.widget-listings .detail-widget-title-large {
  font-size: 2.7rem;
  line-height: 16px;
  font-weight: 600;
  display: block;
  padding-top: 21px;
  color: #6D6D6D;
  text-shadow: 2px 2px 1px #fff;
  margin-bottom: 42px;
}

.widget-listings .detail-widget-title-large span:not(.detail-widget-title-large-numb) {
  font-size: 1.9rem;
  line-height: 16px;
}

.widget.my-share-in-categ {
  margin: 10px 0 40px;
}
.widget.popoular-keywords {
  margin-bottom: 30px;
}
.widget.popoular-keywords .title-widget-large {
  display: block;
}
.widget.popoular-keywords .keywords-column {
  width: 20%;
  float: left;
}
@media only screen and (max-width: 768px) {
  .widget.popoular-keywords .keywords-column {
    width: 50%;
  }
}
.widget.popoular-keywords .keywords-column ol {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.widget.popoular-keywords .keywords-column ol li {
  margin-top: 5px;
  list-style: decimal inside;
  line-height: 1.7;
}
.widget.popoular-keywords .keywords-column ol li .unbold {
  font-weight: 300;
}

.my-share-in-categ {
  margin: 10px 0 30px;
}
.my-share-in-categ .title-widget-large {
  margin: 0 0 30px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #818181;
}
.my-share-in-categ .share-grid {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
}
.my-share-in-categ .share-grid .number {
  color: #4292D6;
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
}
.my-share-in-categ .share-grid #shareGridData {
  grid-template-columns: 1fr 1fr 1fr 100px;
  display: grid;
}
.my-share-in-categ .currency-sml {
  font-size: 2.1rem;
  position: relative;
  top: -8px;
  left: 3px;
  padding-right: 5px;
}
.my-share-in-categ .cup-icon {
  width: 30px;
  clear: left;
  vertical-align: middle;
  align-self: center;
}
.my-share-in-categ .cup-icon svg {
  width: 30px;
  padding-right: 20px;
}
.my-share-in-categ .next-top-tip {
  display: grid;
  grid-template-columns: 30px auto;
  grid-column-gap: 10px;
  grid-template-rows: 1;
}
.my-share-in-categ .next-top-tip .bold {
  font-weight: bold;
  display: inline;
}

.row-container[data-is-old-type=false]:hover a.follow-user {
  display: block !important;
}

.detail-widget-select {
  margin-left: 50px;
  display: inline-block;
}

.detail-widget-fullwidth table img {
  margin-right: 10px;
  border-radius: 6px;
  width: 90px;
}

.detail-widget-fullwidth table .ranking-shipping {
  padding-top: 5px;
}

.detail-widget-fullwidth table .ranking-title-product {
  font-size: 1.6rem;
  font-weight: 400;
  width: 245px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: opacity 350ms ease-in-out;
  -moz-transition: opacity 350ms ease-in-out;
  -o-transition: opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out;
  text-decoration: none;
  color: #292828;
}

.no-link {
  pointer-events: none;
}

.detail-widget-fullwidth table .ranking-shipping-mercadoenvios {
  height: 18px;
  float: left;
  margin-right: 7px;
  font-size: 1.4rem;
  font-style: normal;
}

.detail-widget-fullwidth table .ranking-shipping-free {
  width: 26px;
  height: 18px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -79px -2px no-repeat;
  background-size: 460%;
  float: left;
}

.detail-widget-fullwidth table tr {
  border-bottom: 1px solid #E4E4E4;
}

.detail-widget-fullwidth table#rankingItemsTable tr:nth-child(21),
.detail-widget-fullwidth table#rankingSellerUsersTable tr:last-child,
.detail-widget-fullwidth table#rankingSellersTable tr:last-child {
  border: 0;
}

#rankingItemsTable tr.item td:nth-child(5)::before {
  content: "+";
  margin-right: 3px;
}
#rankingItemsTable tr.item td.thousand-number:last-child::before {
  content: "+";
  margin-right: 3px;
}
#rankingItemsTable tr.item .ranking-reputation {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: fit-content;
  grid-gap: 8px;
  align-items: center;
  height: 32px;
}
#rankingItemsTable tr.item .ranking-reputation .label_type {
  top: 0;
  font-weight: 400;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.classic {
  background-color: #eeeeee !important;
  color: #727272 !important;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.premium {
  background-color: #ebf8fa !important;
  color: #4194d8 !important;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.catalog_label {
  background-color: #E8EDFA !important;
  color: #6C88D5 !important;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #328547;
  background-color: #e4f6e9;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label .icon svg {
  width: 14px;
}
#rankingItemsTable tr.item .ranking-reputation .ranking-username {
  height: fit-content;
  color: #818181;
}
#rankingItemsTable tr.item .ranking-reputation .ranking-reputation-medal {
  height: 18px;
  top: 0;
}
#rankingItemsTable tr.item .ranking-reputation .ranking-reputation-medal.tienda-oficial {
  top: 1px;
}
#rankingItemsTable tr.item .ranking-reputation .ranking-reputation.new-thermometer-market.target-user-data {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
#rankingItemsTable tr.item .ranking-reputation .ranking-reputation.new-thermometer-market.target-user-data .ranking-seller-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 4px;
}
#rankingItemsTable tr.item .ranking-reputation .title-alias-container {
  display: flex;
  flex-direction: column;
}
#rankingItemsTable tr.item .ranking-reputation.new-thermometer-market.container-data-new-design {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 0px;
  padding-bottom: 21px;
}
#rankingItemsTable tr.item .ranking-reputation.new-thermometer-market.container-data-new-design .ranking-reputation-container-data {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: fit-content;
  grid-gap: 8px;
  align-items: center;
  height: 32px;
  margin-top: 0px;
}

.sellers-ranking .new-sellers-ranking tr td:nth-child(2)::before,
.sellers-ranking .new-sellers-old-ranking tr td:nth-child(2)::before {
  content: "+";
  margin-right: -4px;
}
.sellers-ranking .new-sellers-ranking tr td:nth-child(3) span:nth-child(1)::before,
.sellers-ranking .new-sellers-old-ranking tr td:nth-child(3) span:nth-child(1)::before {
  content: "+";
}
.sellers-ranking .new-sellers-ranking tr td.over-follow,
.sellers-ranking .new-sellers-old-ranking tr td.over-follow {
  display: grid;
  grid-template-columns: 20px max-content auto;
  width: fit-content;
  align-items: center;
  grid-gap: 8px;
}
.sellers-ranking .new-sellers-ranking tr td.over-follow .ranking-reputation-medal,
.sellers-ranking .new-sellers-old-ranking tr td.over-follow .ranking-reputation-medal {
  height: 18px;
  margin-bottom: 0;
  top: 0px;
}
.sellers-ranking .new-sellers-ranking tr td.over-follow .ranking-username,
.sellers-ranking .new-sellers-old-ranking tr td.over-follow .ranking-username {
  margin-left: 2px;
}
.sellers-ranking .new-sellers-ranking tr td.over-follow .position + span,
.sellers-ranking .new-sellers-old-ranking tr td.over-follow .position + span {
  display: grid;
  grid-template-columns: auto 20px;
  grid-gap: 8px;
}

a.follow-user.rank-items {
  margin-left: 20px;
  margin-top: -20px;
}
a.follow-user.rank-items button.primary-md.rank-items, a.follow-user.rank-items button.primary-md.rank-sellers {
  background-color: #4194d8;
  padding: 5px 10px;
}
a.follow-user.rank-items button.primary-md.rank-items:hover, a.follow-user.rank-items button.primary-md.rank-sellers:hover {
  background-color: #236da9;
}

.prev-following-grid table tr td:nth-child(3)::before {
  content: "+";
}
.prev-following-grid table tr td:last-child span:first-child::before {
  content: "+";
}

#rankingItemsTable th {
  text-align: left;
}
#rankingItemsTable .thousand-number {
  padding-left: 0;
}

.new-sellers-ranking td:not(.over-follow),
.new-sellers-old-ranking td:not(.over-follow) {
  padding-left: 0;
}

.sellers-ranking has-filters .detail-widget-fullwidth table tr th {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 15px;
  padding-bottom: 5px;
  text-align: left;
}

.detail-widget-fullwidth table tr td:nth-child(1) {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}

.detail-widget-fullwidth table tr td:nth-child(2) {
  padding: 25px 0;
}

.detail-widget-fullwidth table tr td:nth-child(4),
.detail-widget-fullwidth table tr td:nth-child(5),
.detail-widget-fullwidth table tr td:nth-child(6),
.detail-widget-fullwidth table tr td:nth-child(7) {
  font-size: 1.6rem;
  font-weight: 300;
}

.detail-widget-fullwidth table .ranking-reputation {
  /*width: 50%;*/
  clear: both;
  padding-top: 10px;
}

.detail-widget-fullwidth table .ranking-reputation .label_type {
  float: left;
  position: relative;
  top: 5px;
}

.detail-widget-fullwidth table .ranking-label {
  font-size: 1.2rem;
  font-weight: 300;
  border-radius: 5px;
  float: left;
  margin-right: 5px;
  padding: 1px 5px;
  width: 55px;
  text-align: center;
}

.detail-widget-fullwidth table .ranking-label.classic {
  background-color: #C3C7C9;
  border: 1px solid #C3C7C9;
  color: #fff;
}

.detail-widget-fullwidth table .ranking-label.free {
  border: 1px solid #C3C7C9;
  background-color: #fff;
  color: #A0A0A0;
}

.detail-widget-fullwidth table .ranking-label.premium {
  background-color: #7B8C93;
  border: 1px solid #7B8C93;
  color: #fff;
}

.detail-widget-fullwidth table .ranking-reputation-medal, .sellers-ranking table .ranking-reputation-medal {
  width: 18px;
  height: 20px;
  margin: 2px 10px 2px 5px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.sellers-ranking table.new-sellers-ranking .ranking-reputation-medal,
.sellers-ranking table.new-sellers-old-ranking .ranking-reputation-medal {
  margin: 2px -8px 2px 3px;
}

.detail-widget-fullwidth table .ranking-reputation-medal.platinum, .sellers-ranking table .ranking-reputation-medal.platinum {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -29px -28px no-repeat;
  background-size: 660%;
}

.detail-widget-fullwidth table .ranking-reputation-medal.gold, .sellers-ranking table .ranking-reputation-medal.gold {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -28px -50px no-repeat;
  background-size: 660%;
}

.detail-widget-fullwidth table .ranking-reputation-medal.silver, .sellers-ranking table .ranking-reputation-medal.silver {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -50px -3px no-repeat;
  background-size: 660%;
}

.detail-widget-fullwidth table .ranking-reputation-medal.tienda-oficial, .sellers-ranking table .ranking-reputation-medal.tienda-oficial {
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -29px -3px no-repeat;
  background-size: 660%;
  top: 1px;
}

.detail-widget-fullwidth table .ranking-username {
  font-size: 12px;
  font-weight: 600;
  color: #292828;
  text-transform: uppercase;
  line-height: 24px;
  margin-left: 0px;
  display: inline-block;
}

.detail-widget-fullwidth table .ranking-username a {
  opacity: 1;
  -webkit-transition: opacity 350ms ease-in-out;
  -moz-transition: opacity 350ms ease-in-out;
  -o-transition: opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out;
  color: #292828 !important;
}

.detail-widget-fullwidth table .ranking-username a:hover {
  text-decoration: none;
}

.detail-widget-fullwidth.ranking-sellers table td .follow-user i,
.follow-user i {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 7px 0 0;
  position: relative;
  top: 2px;
}

a.bt-primary.follow-user {
  padding: 3px 10px;
  width: 160px;
}

a.bt-primary.follow-user i svg g path {
  fill: white;
}

.wrap-show-follow-user {
  width: 125px;
  height: 10px;
  display: inline-block;
  margin-left: 20px;
  position: relative;
}

/* Datepicker Detail */
.wrap-filter-date-detail {
  width: 221px;
  position: relative;
  cursor: pointer;
  float: right;
  top: 0px;
}

.filter-date-detail {
  border: 1px solid #ccc;
  width: 204px;
  height: 19px;
  border-radius: 3px;
  padding: 5px;
  color: #686868;
  font-family: "proxima-nova";
  font-size: 1.6rem;
  cursor: pointer;
}

#prices-chart {
  font-family: "proxima-nova";
}

.detail-widget-text {
  font-size: 1.4rem;
  font-weight: 300;
  padding: 10px 0 0 15px;
}

#metricsContent {
  min-height: 467px;
}

#metricsCharts {
  margin-top: 40px;
}

/* Charts */
.metrics-chart {
  padding-top: 20px;
  height: 380px;
}

.detail-widget-select .select {
  display: inline-block;
  margin-left: 10px;
}

.detail-widget-select .selectize-input.items.full.has-options.has-items {
  font-size: 1.5rem;
  font-weight: 400;
}

#sellerTable.floatTable {
  display: inline-block;
  width: 49%;
}

#sellerUserTable {
  display: inline-block;
  width: 49%;
  margin-left: 20px;
}

.half-column {
  width: 48%;
  display: inline-block;
}

.sellers-ranking.has-filters {
  margin-top: 30px;
}
.sellers-ranking.has-filters p {
  margin: 0;
}
.sellers-ranking.has-filters .title-widget-large {
  font-size: 1.8rem;
  color: #818181;
}
.sellers-ranking.has-filters .new-sellers-ranking,
.sellers-ranking.has-filters .new-sellers-old-ranking {
  width: 100%;
  margin-top: 20px;
}
.sellers-ranking.has-filters .new-sellers-ranking th,
.sellers-ranking.has-filters .new-sellers-old-ranking th {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 15px;
  padding-bottom: 5px;
  text-align: left;
  padding-left: 4px;
}
.sellers-ranking.has-filters .new-sellers-ranking th:first-child,
.sellers-ranking.has-filters .new-sellers-old-ranking th:first-child {
  padding-left: 30px;
}
.sellers-ranking.has-filters .new-sellers-ranking tr,
.sellers-ranking.has-filters .new-sellers-old-ranking tr {
  border-bottom: 1px solid #E4E4E4;
}
.sellers-ranking.has-filters .new-sellers-ranking tr td,
.sellers-ranking.has-filters .new-sellers-old-ranking tr td {
  width: fit-content;
  height: 50px;
  min-width: calc(100% - 26px);
}
.sellers-ranking.has-filters .new-sellers-ranking tr span.position,
.sellers-ranking.has-filters .new-sellers-old-ranking tr span.position {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}
.sellers-ranking.has-filters .new-sellers-ranking tr .ranking-username,
.sellers-ranking.has-filters .new-sellers-old-ranking tr .ranking-username {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  text-transform: uppercase;
  line-height: 24px;
  margin-left: 10px;
  display: inline-block;
}
.sellers-ranking.has-filters .new-sellers-ranking tr .wrap-show-follow-user,
.sellers-ranking.has-filters .new-sellers-old-ranking tr .wrap-show-follow-user {
  width: 125px;
  height: 10px;
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.sellers-ranking.has-filters .new-sellers-old-ranking tr span.position {
  width: 15px;
  display: inline-block;
}
.sellers-ranking.has-filters .new-container-info-ranking {
  display: block;
}
.sellers-ranking.has-filters .new-container-info-ranking .ranking-username {
  margin-right: 20px;
}
.sellers-ranking.has-filters .new-container-info-ranking .new-container-reputation-ranking {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.sellers-ranking.has-filters .new-container-info-ranking .new-container-reputation-ranking .ranking-seller-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.sellers-ranking.has-filters .new-container-info-ranking .new-container-reputation-ranking .ranking-seller-container i {
  margin-right: 10px;
  margin-left: 10px;
}
.sellers-ranking .title-widget-large select {
  font-size: 1.3rem;
}

.detail-widget-fullwidth.ranking-sellers .title-widget-large {
  padding-bottom: 45px;
}

.detail-widget-fullwidth.ranking-sellers table td i {
  margin: 2px 4px 0 4px;
}

.detail-widget-fullwidth.ranking-sellers table td {
  font-weight: 300;
  font-size: 1.6rem;
  padding: 12px 0 !important;
}

.detail-widget-fullwidth.ranking-sellers table td:nth-child(1) {
  padding: 0 5px !important;
}

.detail-widget-fullwidth.ranking-sellers table td:nth-child(2) {
  text-overflow: ellipsis;
}

.detail-widget-fullwidth.ranking-sellers table .my-ranking-current-user td {
  background: #F2F2F2;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  padding: 11px 0 !important;
}

.detail-widget-trend-up {
  width: 100px;
  height: 45px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -18px -19px no-repeat;
  background-size: 575%;
  float: left;
  margin: 20px 15px 0 0;
}

.detail-widget-trend-mid {
  width: 100px;
  height: 45px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") 3px -54px no-repeat;
  background-size: 445%;
  float: left;
  margin: 20px 15px 0 0;
}

.detail-widget-trend-down {
  width: 100px;
  height: 45px;
  background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -8px -119px no-repeat;
  background-size: 505%;
  float: left;
  margin: 20px 15px 0 0;
}

.wrapper-detail-slide-in .filter-bar.fixed {
  padding-top: 15px;
  top: 45px;
  z-index: 5;
}

/* Slide in */
.wrapper-detail-slide-in {
  width: calc(100% - 110px);
  position: absolute;
  top: 40px;
  right: 0;
  background-color: #f5f5f5;
  display: none;
  z-index: 3;
  padding: 20px;
}

#wrapconcentrationtarget #loadingData {
  padding: 20px 0;
}

#rankingItems #loadingData {
  padding-top: 30px;
  clear: both;
}

/* Filter bar */
.filter-bar {
  width: 100%;
  padding: 0 0 20px 0;
  margin-top: 10px;
}

.filter-bar.fixed {
  width: calc(100% - 108px);
  top: 45px;
  left: 70px;
  position: fixed;
  z-index: 3;
  background: white;
  border-bottom: 1px solid #d8d8d8;
  padding: 16px 34px 15px 20px;
  -webkit-transition: top 250ms ease-in-out;
  -moz-transition: top 250ms ease-in-out;
  -o-transition: top 250ms ease-in-out;
  transition: top 250ms ease-in-out;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.filter-bar .wrap-filter-date {
  position: relative;
  cursor: pointer;
  float: left;
}

.filter-bar .wrap-filter-country {
  width: 230px;
  float: left;
  margin-right: 30px;
}

.wrapper-dashboard-atlas .filter-bar.widget-filters .wrap-filter-country .selectize-input.items.full.has-options.has-items {
  width: 230px;
}

/* Responsive */
@media only screen and (max-width: 990px) and (min-width: 768px) {
  .wrapper-dashboard-atlas .tops-wrapper .tops-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .wrapper-dashboard-atlas .prev-following-grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-dashboard-atlas .tops-wrapper .tops-grid {
    grid-template-columns: 1fr;
  }
  .wrapper-dashboard-atlas .prev-following-grid {
    grid-template-columns: 1fr;
  }
  .my-share-in-categ .share-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 990px) {
  .filter-bar {
    width: 876px;
  }
  .category-breadcrumb {
    width: 846px;
  }
  .wrap-category .wrap-preview {
    width: 846px;
  }
  .wrap-category .wrap-preview .preview-right {
    width: 347px;
    margin-left: 0;
  }
  /*
  Descomentar cuando se habilite el typeahead
  .filter-bar ul.filter-bar-ul{
      display: inline-block;
      margin: 20px 0 -10px 0;
  }*/
  .filter-bar ul.filter-bar-ul li {
    margin-left: 0;
    margin-right: 10px;
  }
  .filter-bar ul.filter-bar-ul li:last-child {
    margin-right: 0;
  }
  .filter-bar .filter-autocomplete {
    width: 338px;
    background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -128px -94px no-repeat;
    background-size: 63%;
  }
  .wrap-category .wrap-preview .prev-widget-category-info-wrap-text {
    font-size: 1.1rem;
  }
  .title-widget {
    font-size: 1.4rem;
  }
  .detail-widget-competitivity-text {
    font-size: 1rem;
  }
  .detail-widget-icon-number {
    width: 80px;
    padding-left: 0;
    margin-top: 12px;
    font-size: 1.5rem;
  }
  .label-detail {
    font-size: 13px;
  }
  .detail-widget-trend-text {
    font-size: 1.2rem;
  }
  .detail-widget-reputation {
    width: 95px;
    padding-top: 0;
  }
  .detail-widget-reputation ul {
    display: inline;
  }
  .detail-widget-reputation li {
    width: 47px;
    font-size: 1.1rem;
  }
  .detail-widget-reputation li .icon-user-no-reputation {
    width: 16px;
    background: url("../img/atlas-sprite.1a45e4e143c8.svg?v=2") -45px -22px no-repeat;
    background-size: 695%;
  }
}
@media only screen and (max-width: 1859px) and (min-width: 1570px) {
  .wrap-category .wrap-preview {
    width: 1402px;
    margin-left: -5px;
  }
  .wrap-category .wrap-preview .preview-right {
    width: 918px;
  }
  .filter-bar {
    width: 1456px;
  }
  .category-breadcrumb {
    width: 1426px;
  }
}
.general-info-widgets {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 30px;
}

.widget-market-share-detail {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 1;
  padding: 20px;
}

.widget-trend-detail {
  grid-column: 1;
  display: block;
  grid-row-start: 3;
  grid-row-end: 3;
  padding: 20px;
}

.widget-medals-distribution {
  grid-column: 1;
  grid-row-start: 2;
  grid-row-end: 2;
  padding: 20px;
}
.widget-medals-distribution [data-id=old-distribution-widget] .detail-widget-icon-number {
  float: none;
}
.widget-medals-distribution [data-id=old-distribution-widget] .detail-widget-reputation {
  float: none;
  margin-left: -5px;
}
.widget-medals-distribution [data-id=old-distribution-widget] .detail-widget-reputation ul li {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: auto;
  align-items: center;
  margin-bottom: 8px;
}
.widget-medals-distribution [data-id=old-distribution-widget] .detail-widget-reputation ul li span {
  line-height: 1;
  margin-top: 2px;
}
.widget-medals-distribution [data-id=new-distribution-widget] .detail-widget-icon-number {
  display: grid;
  grid-template-columns: 1fr auto;
  width: fit-content;
  grid-gap: 8px;
}

.wrapper-detail-slide-in .widget-listings {
  grid-column: 2;
  grid-row-start: 1;
  display: block;
  grid-row-end: 4;
  display: block;
  text-align: left;
}

.metrics-charts,
#distributionPrice,
#rankingSellers {
  margin-top: 30px;
}

/* New Cards */
.wrap-category.level3 .wrap-viz .wrap-mkt-share .mkt-share-viz {
  position: absolute;
  top: 92px;
  right: 8px;
  float: inherit;
  font-size: 2.6rem;
  font-weight: 200;
}

.wrap-category.level3 .wrap-viz .wrap-mkt-share .mkt-share-viz span {
  font-size: 1.8rem;
}

.wrap-category.level2 .wrap-viz .listings-viz,
.wrap-category.level3 .wrap-viz .listings-viz {
  margin-top: 20px;
}

.wrap-category.level2 .wrap-viz .left-viz .label-viz.gmv,
.wrap-category.level3 .wrap-viz .left-viz .label-viz.gmv {
  margin-bottom: 15px;
}

#disclaimerCategoryHidden {
  padding: 0;
  margin: 0;
  display: none;
}
#disclaimerCategoryHidden span {
  font-weight: 600;
}

/* Collapsable for MKT Premium */
.wrapper-dashboard-atlas .widget-premium-box.widget .widget-premium-title {
  font-weight: bold;
  font-size: 16px;
}

.widget-premium-box {
  margin-top: 10px;
  margin-bottom: 40px;
}
.widget-premium-box .premium-box-text {
  padding-bottom: 30px;
  padding-left: 54px;
}
.widget-premium-box button.toggle-widget {
  width: 25px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  position: absolute;
  top: 16px;
  right: 25px;
}
.widget-premium-box button.toggle-widget.collapsed {
  transform: rotate(-88deg);
  top: 16px;
}

.widget-premium-box .premium-collapsed {
  font-size: 1.5rem;
  font-weight: 400;
  align-self: center;
  transition: all 100ms ease-out;
  height: auto;
  opacity: 1;
  position: relative;
  overflow: visible;
}

.widget-premium-box.widget-collapsed .premium-collapsed {
  height: 0;
  opacity: 0;
  position: absolute;
  overflow: hidden;
}

.widget.widget-gmv-sold-q {
  margin-bottom: 30px;
}
.widget.widget-gmv-sold-q .wrap-gmv-sold-q {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-row: 1;
  grid-gap: 5px;
  grid-row-gap: 20px;
  margin-top: 20px;
}
.widget.widget-gmv-sold-q .widget-title {
  float: left;
}
.widget.widget-gmv-sold-q #modalFilterBrandsModels {
  float: right;
}
.widget.widget-gmv-sold-q #deleteFiltersApplied {
  float: right;
  padding: 10px 20px 0 20px;
}
.widget.widget-gmv-sold-q .number-wrap {
  text-align: left;
}
.widget.widget-gmv-sold-q .number-wrap span {
  font-size: 2rem;
  position: relative;
  top: -4px;
}
.widget.widget-gmv-sold-q .number-wrap .number {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 20px;
  margin-top: 25px;
  color: #4194D8;
}
.widget.widget-gmv-sold-q .number-wrap .label {
  font-weight: 200;
  font-size: 1.4rem;
  line-height: 16px;
  color: #727272;
  height: 30px;
  padding-top: 5px;
}
.widget.widget-gmv-sold-q .wrap-brands-filtered {
  width: 100%;
  display: inline-block;
  padding-top: 20px;
}
.widget.widget-gmv-sold-q .wrap-brands-filtered .labels-brands {
  border-radius: 3px;
  padding: 3px 6px;
  color: #fff;
  font-size: 1.2rem;
  border: 0;
  background-color: #4194D8;
  margin-right: 10px;
  float: left;
  margin-bottom: 5px;
}
.widget.widget-gmv-sold-q .wrap-brands-filtered .labels-brands .bt-label-brand {
  color: white;
  background: none;
  border: 0;
  padding: 0 2px;
}
.widget.widget-gmv-sold-q .wrap-brands-filtered .labels-brands .bt-close {
  color: white;
  background: none;
  border: 0;
  padding: 0 2px;
  margin-left: 3px;
}
.widget.widget-gmv-sold-q .wrap-brands-filtered .labels-brands .bt-close:hover,
.widget.widget-gmv-sold-q .wrap-brands-filtered .labels-brands .bt-label-brand:hover {
  opacity: 0.7;
  -webkit-transition: opacity 200ms ease-out 150ms;
  -moz-transition: opacity 200ms ease-out 150ms;
  -o-transition: opacity 200ms ease-out 150ms;
  transition: opacity 200ms ease-out 150ms;
}

#filterBrandsModels {
  top: 50px;
}
#filterBrandsModels .modal-content {
  min-height: 600px;
}
#filterBrandsModels .modal-content .bt-back {
  padding: 0 20px;
  font-size: 1.4rem;
  font-weight: 200;
  color: #818181;
}
#filterBrandsModels .modal-content .filter-header {
  display: inline-block;
}
#filterBrandsModels .modal-content .filter-header .search-typeahead {
  width: 500px;
  margin-right: 30px;
  position: relative;
  float: left;
}
#filterBrandsModels .modal-content .filter-header .search-typeahead .search-field {
  width: 460px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 5px 25px 5px 8px;
}
#filterBrandsModels .modal-content .filter-header .search-typeahead .search-button {
  width: 40px;
  border: 0;
  background: none;
  padding: 7px 12px 8px 12px;
  position: absolute;
  top: 0;
  right: 0;
  height: 31px;
}
#filterBrandsModels .modal-content .filter-header .search-typeahead .search-button svg g path {
  fill: #cccccc;
}
#filterBrandsModels .modal-content .filter-header .container {
  float: left;
  position: relative;
  top: 2px;
}
#filterBrandsModels .modal-content .filter-header .select-filter-brands {
  width: 230px;
  float: left;
  margin-right: 30px;
}
#filterBrandsModels .modal-content .filter-header .select-filter-brands .selectize-input.items.full.has-options.has-items {
  width: 230px;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  background: white;
  margin: 0;
  padding: 5px 10px;
  color: #818181;
  overflow: inherit;
}
#filterBrandsModels .modal-content .filter-header .select-filter-brands .selectize-control.single .selectize-input:after {
  width: 22px;
  height: 14px;
  top: 12px;
  right: 2px;
  border: 0;
  background: url("../img/chevron-select.bafdfbf84a66.svg") -6px -6px no-repeat;
  background-size: 125%;
}
#filterBrandsModels .modal-content .filter-header .select-filter-brands .selectize-input .item {
  font-size: 1.3rem;
  margin: 0;
}
#filterBrandsModels .modal-content .filter-header .select-filter-brands .selectize-dropdown [data-selectable] {
  font-size: 1.3rem;
}
#filterBrandsModels .modal-content .filter-list .letter {
  font-weight: 400;
  font-size: 2rem;
  padding: 20px 0 10px 0;
}
#filterBrandsModels .modal-content .filter-list .filter-list-wrap {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
#filterBrandsModels .modal-content .filter-list .filter-list-wrap .filter-list-column {
  width: 100%;
  float: left;
}
#filterBrandsModels .modal-content .filter-list .filter-list-wrap .filter-list-column li {
  width: 25%;
  float: left;
}
#filterBrandsModels .modal-content .checkbox #selectAllBrands.partial-checked ~ .checkmark,
#filterBrandsModels .modal-content .checkbox #selectAllModels.partial-checked ~ .checkmark {
  background-color: #71D8BF;
  border: 1px solid transparent;
}
#filterBrandsModels .modal-content .checkbox #selectAllBrands.partial-checked ~ .checkmark:before,
#filterBrandsModels .modal-content .checkbox #selectAllModels.partial-checked ~ .checkmark:before {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 11px;
  width: 13px;
  height: 3px;
  background: white;
  transition: all 0.5s ease;
}

.wrap-category.level2 .sold-quant-viz, .wrap-category.level3 .sold-quant-viz {
  margin-top: 20px;
}

/* Collapsable for MKT Premium */
.widget-premium-box {
  margin-bottom: 40px;
  padding: 15px 15px 17px 15px;
}
.widget-premium-box .premium-box-text {
  padding-bottom: 30px;
}
.widget-premium-box button.toggle-widget {
  width: 25px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  -webkit-transition: transform 300ms;
  -moz-transition: transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  position: absolute;
  top: 16px;
  right: 25px;
}
.widget-premium-box button.toggle-widget.collapsed {
  transform: rotate(-88deg);
  top: 16px;
}

.widget-premium-box .premium-collapsed {
  font-size: 1.5rem;
  font-weight: 400;
  align-self: center;
  transition: all 100ms ease-out;
  height: auto;
  opacity: 1;
  position: relative;
  overflow: visible;
}

.widget-premium-box .premium-collapsed.imopen {
  text-indent: -9999px;
  overflow: hidden;
}
.widget-premium-box .premium-collapsed.imopen.imclosed {
  text-indent: initial;
}
.widget-premium-box .premium-collapsed.imopen.imclosed .widget-premium-box {
  top: -35px;
  position: relative;
}
.widget-premium-box .premium-collapsed.imopen .premium-box-text div p {
  margin-top: 0;
}

.widget-premium-box.widget-collapsed .premium-collapsed {
  height: 0;
  opacity: 0;
  position: absolute;
  overflow: hidden;
  padding: 30px;
}

#icon-market-premium {
  width: 35px;
  float: left;
  margin-right: 20px;
  position: relative;
  top: -5px;
  left: 7px;
}

#icon-market-premium i svg g path {
  fill: #4194D8;
}

#icon-market-premium i svg g path.st7 {
  stroke: #4194D8;
  fill: transparent;
}

.wrap-category.level2 .sold-quant-viz {
  margin-top: 20px;
}

.tt-menu {
  background-color: white !important;
  padding: 0;
  margin-top: 5px;
  width: 100%;
}

.tt-suggestion {
  padding: 5px;
}

.tt-suggestion:hover {
  background-color: #71d8bf !important;
  color: white !important;
}

#alert-without-category-unlock {
  padding-bottom: initial;
  padding-top: initial;
}

.topSellersTemplates, .sellersTableTemplates {
  display: none;
}

.widget .RT-tooltip {
  margin: 0 2px;
}
.widget .RT-tooltip:hover {
  cursor: pointer;
}
.widget .RT-tooltip .medal-reputation.medal-sm.medal-platinum {
  background-size: 105% !important;
  background: url("../img/reputation/medal_platinum.e4ba5f2fe014.svg") no-repeat 0px -1px;
}
.widget .RT-tooltip .medal-reputation.medal-sm.medal-gold {
  background-size: 105% !important;
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat 0px -1px;
}
.widget .RT-tooltip .medal-reputation.medal-sm.medal-silver {
  background-size: 105% !important;
  background: url("../img/reputation/medal_silver.68f81c78f4ea.svg") no-repeat 0px -1px;
}

#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label .icon svg path {
  fill: #328547;
}

#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label.no-free-shipping {
  background-color: #eeeeee;
  padding: 7px 0px 4px 9px;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label.no-free-shipping .icon svg path {
  fill: #727272;
}

#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label.no-free-shipping.no-shipping {
  background-color: #eeeeee;
  padding: 4px 8px 4px 8px;
  color: #727272;
}
#rankingItemsTable tr.item .ranking-reputation .label_type.shipping_label.no-free-shipping.no-shipping .icon svg path {
  fill: #727272;
}

#rankingItemsTable tr.item .title-alias-container {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#rankingItemsTable tr.item .ranking-reputation.new-thermometer-market.target-user-data .ranking-seller-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 2px;
}
#rankingItemsTable tr.item .ranking-reputation.new-thermometer-market.target-user-data .ranking-seller-container .RT-tooltip[datat-type=icon] {
  margin: 0 2px;
}
#rankingItemsTable tr.item .ranking-reputation.new-thermometer-market.target-user-data .ranking-seller-container .RT-tooltip[datat-type=icon] .RT-tooltip__content {
  top: 14px;
}

.wrap-category .trend-text {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.wrap-category .cta-buttons.only-cta-button button {
  width: 100%;
  border-bottom-left-radius: 3px;
}
.wrap-category .cta-buttons.locked-category-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.wrap-category .cta-buttons.locked-category-buttons button.cta-bt-detail {
  left: 0;
  width: 220px;
}
.wrap-category .cta-buttons.locked-category-buttons button.cta-unlock {
  right: 0;
  width: 40px;
  height: 31px;
  border-left: 1px solid #fff;
}
.wrap-category .cta-buttons.locked-category-buttons button.cta-unlock svg {
  width: 18px;
  height: 18px;
}

.locked-widget-banner {
  width: 100%;
  padding: 15px 0;
  background: #f5f5f5;
  margin: 16px 0 0 0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 16px;
  color: #727272;
}
.locked-widget-banner.h-low {
  height: 88px;
}
.locked-widget-banner.h-medium {
  height: 344px;
}
.locked-widget-banner.h-medium svg {
  width: 18px;
  height: 24px;
}
.locked-widget-banner.h-high {
  height: 400px;
}
.locked-widget-banner.h-high svg {
  width: 18px;
  height: 24px;
}
.locked-widget-banner svg {
  width: 12px;
  height: 16px;
}
.locked-widget-banner svg path {
  fill: #727272;
}
.locked-widget-banner p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.unlock-category-modal .modal-content .modal-header .modal-title {
  margin-bottom: 0;
}
.unlock-category-modal .modal-content .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto 0;
}
.unlock-category-modal .modal-content .loading-container .mdc-circular-progress {
  width: 64px;
  height: 64px;
}
.unlock-category-modal .modal-content .modal-body .widget-alert {
  margin-top: 0;
}
.unlock-category-modal .modal-content .modal-body p {
  margin: 0 0 16px 0;
}
.unlock-category-modal .modal-content .modal-body p:only-child, .unlock-category-modal .modal-content .modal-body p:last-child {
  margin: 0 0 27px 0;
}
.unlock-category-modal .modal-content .modal-footer.only-btn div button:first-child {
  margin-right: 0;
}

.unlock-category-alert {
  align-items: center;
  padding: 8px 0 8px 3px;
  margin: 4px 0 16px 0;
}
.unlock-category-alert.info {
  border-left-width: 1px;
}
.unlock-category-alert p {
  margin: 0;
}
.unlock-category-alert p span {
  padding: 0;
}
.unlock-category-alert p .unlock-category-link-button {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  text-decoration: underline;
}

.unlock-category-btn {
  padding: 8px 16px;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  width: fit-content;
  height: fit-content;
  gap: 8px;
  background-color: #4194d8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
}
.unlock-category-btn.hidden {
  visibility: hidden;
}
.unlock-category-btn.not-show {
  visibility: hidden;
}
.unlock-category-btn span {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.unlock-category-btn svg {
  width: 20px;
  height: 20px;
}
.unlock-category-btn svg path {
  fill: #fff;
}
.unlock-category-btn:hover, .unlock-category-btn:focus {
  background-color: #236da9;
}

.hide-backdrop {
  z-index: auto;
}

.no-pointer {
  pointer-events: none;
}

#sellerTableNew thead tr th:first-child {
  padding-left: 62px;
}
#sellerTableNew tbody .seller span.container-reputation {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 0px;
  margin-top: 8px;
}
#sellerTableNew tbody .seller span.container-reputation span.ranking-username {
  line-height: 18px;
}
#sellerTableNew tbody .seller span.container-reputation .ranking-reputation {
  display: flex;
  align-items: center;
}
#sellerTableNew tbody .seller span.container-reputation .ranking-reputation .widget-positioning-advice-reputation-termometer {
  margin-right: 20px;
}
#sellerTableNew tbody .seller span.container-reputation .ranking-reputation .RT-tooltip {
  margin-right: 16px;
}
#sellerTableNew tbody .seller span.container-reputation .ranking-reputation .RT-tooltip i.ranking-reputation-medal.tienda-oficial {
  top: 1px;
}
#sellerTableNew tbody .seller span.container-reputation .ranking-reputation .RT-tooltip i.ranking-reputation-medal.medal-reputation.medal-sm.medal-gold {
  background-size: 105% !important;
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat 0px -1px;
}
#sellerTableNew tbody .seller span.container-reputation .ranking-reputation .RT-tooltip .RT-tooltip__content {
  top: 14px;
}

#sellerTableSq thead tr th:first-child {
  padding-left: 62px;
}
#sellerTableSq tbody .seller span.container-reputation {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 0px;
  margin-top: 8px;
}
#sellerTableSq tbody .seller span.container-reputation span.ranking-username {
  line-height: 18px;
}
#sellerTableSq tbody .seller span.container-reputation .ranking-reputation {
  display: flex;
  align-items: center;
}
#sellerTableSq tbody .seller span.container-reputation .ranking-reputation .widget-positioning-advice-reputation-termometer {
  margin-right: 20px;
}
#sellerTableSq tbody .seller span.container-reputation .ranking-reputation .RT-tooltip {
  margin-right: 16px;
}
#sellerTableSq tbody .seller span.container-reputation .ranking-reputation .RT-tooltip i.ranking-reputation-medal.tienda-oficial {
  top: 1px;
}
#sellerTableSq tbody .seller span.container-reputation .ranking-reputation .RT-tooltip i.ranking-reputation-medal.medal-reputation.medal-sm.medal-gold {
  background-size: 105% !important;
  background: url("../img/reputation/medal_gold.025792bfad74.svg") no-repeat 0px -1px;
}
#sellerTableSq tbody .seller span.container-reputation .ranking-reputation .RT-tooltip .RT-tooltip__content {
  top: 14px;
}

#buyers-menu {
  padding-top: 40px;
}
#buyers-menu .widget-filters .RT-tooltip {
  left: -13px;
  top: 10px;
}
#buyers-menu .widget-filters .RT-tooltip .reset-filters {
  left: 0;
  top: 0;
}
#buyers-menu .widget-filters .filter-search {
  width: 300px;
}
#buyers-menu .widget-filters .filter-search input.search {
  width: 264px;
}
#buyers-menu .widget-filters .wrap-filter-date {
  float: inherit;
  position: relative;
  top: 2px;
}
#buyers-menu .widget-filters .wrap-filter-date input {
  font-size: 15px;
}
#buyers-menu .widget-filters .selectize-input.items.full.has-options.has-items {
  width: 200px;
}
#buyers-menu .loop {
  padding-top: 20px;
}
#buyers-menu .loop:first-child {
  padding-top: 0;
}
#buyers-menu .loop.buyer {
  padding-bottom: 20px;
  border-bottom: 1px solid #d5d5d5;
}
#buyers-menu .loop.buyer:last-child {
  border: 0;
}
#buyers-menu .buyer-wrapper .toggle-detail {
  cursor: pointer;
  padding-left: 20px;
  margin-top: 10px;
}
#buyers-menu .buyer-wrapper .toggle-detail.collapsed:after {
  transform: rotate(0deg);
}
#buyers-menu .buyer-wrapper .toggle-detail:after {
  content: "";
  display: block;
  position: relative;
  top: -21px;
  left: -22px;
  width: 20px;
  height: 19px;
  background: transparent url("../img/chevron-dark-icon.23fab285b971.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  transition-duration: 0ms;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .wrap-orders {
  display: grid;
  grid-template-columns: 1fr 7.5fr 2fr;
  grid-column-gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .thumbnail {
  align-self: center;
  justify-self: center;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .thumbnail img {
  width: 60px;
  height: 60px;
  border-radius: 3px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 20px;
  font-size: 13px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .category {
  padding: 5px 0;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .listing-title {
  font-size: 16px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .pricing-stock {
  text-align: right;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .pricing-stock .price {
  font-size: 2rem;
  color: #71D8BF;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .pricing-stock .price .currency-symbol {
  font-size: 17px;
  margin-right: 2px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .last-activity {
  color: #b5b5b5;
  font-size: 12px;
  font-weight: 200;
  background-size: contain;
  height: 16px;
  padding-left: 17px;
  line-height: 17px;
  margin-top: 7px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details .last-activity i {
  width: 9px;
  height: 9px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
#buyers-menu .buyer-wrapper .collapse-wrapper .listing-details.collapse.in {
  display: none;
}
#buyers-menu .buyer-wrapper .buyer-item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
}
#buyers-menu .buyer-wrapper .buyer-item .label {
  font-size: 1.4rem;
}
#buyers-menu .buyer-wrapper .buyer-item .name {
  font-size: 16px;
}
#buyers-menu .buyer-wrapper .buyer-item .prices-col, #buyers-menu .buyer-wrapper .buyer-item .contact-info, #buyers-menu .buyer-wrapper .buyer-item .user-info {
  text-align: right;
}
#buyers-menu .buyer-wrapper .buyer-item .contact-info, #buyers-menu .buyer-wrapper .buyer-item .user-info {
  font-size: 14px;
  font-weight: 200;
}
#buyers-menu .buyer-wrapper .buyer-item .contact-info .copy-email, #buyers-menu .buyer-wrapper .buyer-item .user-info .copy-email {
  cursor: pointer;
  margin-top: 7px;
}
#buyers-menu .buyer-wrapper .buyer-item .contact-info .copy-email a, #buyers-menu .buyer-wrapper .buyer-item .user-info .copy-email a {
  font-size: 13px;
}
#buyers-menu .buyer-wrapper .buyer-item .contact-info .copy-email a:hover, #buyers-menu .buyer-wrapper .buyer-item .user-info .copy-email a:hover {
  text-decoration: none;
}
#buyers-menu .buyer-wrapper .buyer-item .contact-info i, #buyers-menu .buyer-wrapper .buyer-item .user-info i {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
#buyers-menu .buyer-wrapper .buyer-item .price-number, #buyers-menu .buyer-wrapper .buyer-item .buy-number {
  font-size: 2rem;
  color: #71D8BF;
}
#buyers-menu .buyer-wrapper .buyer-item .price-number .currency-symbol, #buyers-menu .buyer-wrapper .buyer-item .buy-number .currency-symbol {
  font-size: 17px;
  margin-right: 3px;
}
#buyers-menu .buyer-wrapper .buyer-item .last-activity {
  color: #b5b5b5;
  font-size: 12px;
  font-weight: 200;
  background: url("../img/time-ago-icon.c8aa89a34cad.svg") 0 0 no-repeat;
  background-size: contain;
  height: 16px;
  padding-left: 17px;
  line-height: 17px;
  margin-top: 7px;
}
#buyers-menu .buyer-wrapper .buyer-item .previous-sales {
  font-weight: 300;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  #buyers-menu {
    padding: 0;
  }
  #buyers-menu .widget-filters {
    margin-top: 20px;
  }
  #buyers-menu .widget-filters li {
    padding-bottom: 15px;
  }
  #buyers-menu .widget-filters .filter-search {
    width: calc(100vw - 20px);
    padding-bottom: 0;
  }
  #buyers-menu .widget-filters .filter-search input.search {
    width: calc(100% - 45px);
  }
  #buyers-menu .widget-filters .filter-search button {
    top: -2px;
    right: 6px;
  }
  #buyers-menu .widget-filters .wrap-filter-date {
    top: inherit;
  }
  #buyers-menu .widget-filters .buyer-wrapper .buyer-item {
    grid-template-columns: 1fr;
  }
  #buyers-menu .widget-filters .buyer-wrapper .buyer-item .user-info {
    text-align: left;
    padding: 10px 0;
  }
  #buyers-menu .widget-filters .buyer-wrapper .buyer-item .contact-info, #buyers-menu .widget-filters .buyer-wrapper .buyer-item .prices-col {
    text-align: left;
  }
  #buyers-menu .widget-filters .buyer-wrapper .buyer-item .prices-col:last-child {
    padding: 15px 0;
  }
  #buyers-menu .widget-filters .buyer-wrapper .collapse-wrapper .wrap-orders,
  #buyers-menu .widget-filters .buyer-wrapper .collapse-wrapper .listing-details {
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }
  #buyers-menu .widget-filters .buyer-wrapper .collapse-wrapper .thumbnail {
    padding-bottom: 15px;
  }
  #buyers-menu .widget-filters .buyer-wrapper .collapse-wrapper .listing-details .category {
    padding: 10px 0;
  }
  #buyers-menu .widget-filters .buyer-wrapper .collapse-wrapper .listing-details .pricing-stock {
    text-align: left;
    padding-top: 15px;
  }
  #buyers-menu .widget-filters .buyer-wrapper .collapse-wrapper .listing-details .last-activity {
    padding-left: 0;
  }
  #buyers-menu .widget-filters .reset-filters {
    top: 0;
  }
}

#notices-menu {
  padding-top: 20px;
}
#notices-menu .config-panel-slide .config-panel-item:last-child {
  padding-bottom: 20px;
}
#notices-menu .config-panel-slide .config-panel-item {
  padding-bottom: 16px;
}
#notices-menu .config-panel-slide .config-panel-button:hover svg g path {
  fill: #727272;
}
#notices-menu .config-panel-slide.open .config-panel-button svg g path {
  fill: #4194D8;
}
#notices-menu .config-panel-slide.notices-config {
  padding: 25px 25px 0 25px;
  width: 300px;
}
#notices-menu .config-panel-slide.notices-config.open .config-panel-wrapper {
  height: 100vh;
  padding: 25px 20px 0 20px;
  overflow-y: auto;
}
#notices-menu .widget-filters li {
  vertical-align: middle;
}
#notices-menu .widget-filters li:nth-child(2) {
  position: relative;
  top: -1.3px;
}
#notices-menu .widget-filters .wrap-filter-date {
  width: 210px;
}
#notices-menu .widget-filters .wrap-filter-date .filter-date {
  font-size: 1.5rem;
}
#notices-menu .widget-filters .selectize-control {
  left: 20px;
}
#notices-menu .widget-filters .categoryDatepicker {
  font-size: 14px;
}
#notices-menu .notices-wrapper {
  margin-top: 40px;
}
#notices-menu .notices-wrapper .notices-grid-pre, #notices-menu .notices-wrapper .notices-grid-post {
  background: url("../img/notices-bg-circle.3a7cd02966a9.svg") center top no-repeat;
  height: 20px;
}
#notices-menu .notices-grid.without-background {
  background: none;
}
#notices-menu .notices-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
  background: url("../img/notices-bg-stretch.dda0da5cc413.svg") center top repeat-y;
}
#notices-menu .notices-grid .arrow-box:nth-child(even) {
  box-sizing: border-box;
  display: grid;
  align-self: end;
}
#notices-menu .notices-grid .arrow-box:nth-child(even):after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
#notices-menu .notices-grid .arrow-box:nth-child(even):before {
  right: 100%;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #CCC;
  border-width: 11px;
  margin-top: -11px;
}
#notices-menu .notices-grid .arrow-box:nth-child(odd) {
  margin-bottom: 50px;
}
#notices-menu .notices-grid .arrow-box:nth-child(odd):after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
#notices-menu .notices-grid .arrow-box:nth-child(odd):before {
  left: 100%;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(204, 204, 204, 0);
  border-left-color: #CCC;
  border-width: 11px;
  margin-top: -11px;
}
#notices-menu .arrow-box {
  position: relative;
  background: #FFF;
  margin-bottom: 0px;
  padding: 20px;
  height: fit-content;
  border-radius: 4px;
}
#notices-menu .arrow-box .notif-type {
  font-size: 1.6rem;
  font-weight: 400;
  display: grid;
  grid-template-columns: auto 100px;
  grid-gap: 8px;
  color: #292828;
  align-items: center;
  margin-bottom: 16px;
}
#notices-menu .arrow-box .notif-type .timestamp {
  font-size: 12px;
  color: #292828;
  font-weight: 400;
  height: 16px;
  position: relative;
  display: grid;
  grid-template-columns: 12px auto;
  grid-gap: 8px;
  align-items: center;
}
#notices-menu .arrow-box .notif-type .timestamp i {
  width: 12px;
  height: 12px;
  display: block;
}
#notices-menu .arrow-box .notif-type .timestamp i svg {
  width: 100%;
  height: auto;
}
#notices-menu .arrow-box .notif-type .timestamp span {
  line-height: 1;
  padding-top: 2px;
}
#notices-menu .arrow-box .notif-type .notif-type-title {
  display: grid;
  grid-template-columns: 24px auto;
  grid-gap: 8px;
  align-items: center;
}
#notices-menu .arrow-box .notif-type .notif-type-title i {
  width: 24px;
  height: 24px;
  display: block;
}
#notices-menu .arrow-box .notif-type .notif-type-title i svg {
  width: 100%;
  height: auto;
}
#notices-menu .arrow-box .notif-type .notif-type-title span {
  font-weight: 600;
  margin-top: 4px;
  line-height: 1;
}
#notices-menu .arrow-box .notif-type .notif-type-title span[data-type=success] i {
  display: none;
}
#notices-menu .arrow-box .notif-type .notif-type-title span[data-type=success] i.success-icon {
  display: block;
}
#notices-menu .arrow-box .notif-type .notif-type-title span[data-type=warning] i {
  display: none;
}
#notices-menu .arrow-box .notif-type .notif-type-title span[data-type=warning] i.warning-icon {
  display: block;
}
#notices-menu .arrow-box .notif-type .notif-type-title [data-icon-type=warning] [data-type=active-icon] {
  display: none;
}
#notices-menu .arrow-box .notif-type .notif-type-title [data-icon-type=success] [data-type=under-review-icon] {
  display: none;
}
#notices-menu .arrow-box .notif-type .notif-type-title.position-title span {
  padding-top: 4px;
}
#notices-menu .arrow-box .listing-title {
  font-size: 1.4rem;
  font-weight: 400;
}
#notices-menu .arrow-box .listing-title a {
  color: #236da9;
}
#notices-menu .arrow-box .listing-id {
  color: #b5b5b5;
  font-size: 12px;
  margin-top: 5px;
}
#notices-menu .arrow-box .notif-text {
  font-size: 1.4rem;
  margin-top: 12px;
  color: #292828;
  font-weight: 400;
}
#notices-menu .arrow-box .notif-text strong {
  font-weight: 600;
}
#notices-menu .arrow-box .notif-text .text {
  display: inline-block;
  width: 110px;
  vertical-align: middle;
}
#notices-menu .arrow-box .notif-text .number {
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
}
#notices-menu .arrow-box .notif-text .position-modify {
  height: 15px;
  display: inline-block;
  width: 15px;
  vertical-align: middle;
}
#notices-menu .arrow-box .notif-text .position-modify svg {
  width: 100%;
  height: auto;
}
#notices-menu .arrow-box .notif-text .positioning-term-ranking-item-info-reputation-termometer {
  width: inherit;
  margin-left: 10px;
  position: relative;
  top: 3px;
}
#notices-menu .arrow-box .notif-text .description-text {
  width: 65px;
  display: inline-block;
}
#notices-menu .arrow-box .notif-text .search-therm-wrap {
  margin-top: 12px;
}
#notices-menu .arrow-box .notif-text .prev-prev {
  margin-top: 16px;
}
#notices-menu .arrow-box .notif-text .prev-prev + .prev-current {
  margin-top: 8px;
}
#notices-menu .arrow-box .notif-text .prev-current, #notices-menu .arrow-box .notif-text .prev-prev {
  display: grid;
  grid-template-columns: auto 16px;
  width: fit-content;
  grid-gap: 6px;
  align-items: center;
}
#notices-menu .arrow-box .notif-text .prev-current i, #notices-menu .arrow-box .notif-text .prev-current svg, #notices-menu .arrow-box .notif-text .prev-prev i, #notices-menu .arrow-box .notif-text .prev-prev svg {
  width: 100%;
  height: 16px;
}
#notices-menu .arrow-box .notif-text .prev-current[data-id=position-status], #notices-menu .arrow-box .notif-text .prev-prev[data-id=position-status] {
  grid-template-columns: auto 16px 16px;
}
#notices-menu .arrow-box .notif-text[data-status-type=lost] .prev-current {
  display: none;
}
#notices-menu .arrow-box .notif-text[data-status-type=add] .prev-prev {
  display: none;
}
#notices-menu .arrow-box a.title-link {
  color: #236da9;
}
#notices-menu .arrow-box a[href="#"] {
  pointer-events: none;
}
#notices-menu .arrow-box [data-info-type=sharing] {
  display: none;
}
#notices-menu .arrow-box [data-is-sharing-place=True] [data-info-type=sharing] {
  display: block;
}
#notices-menu .arrow-box [data-is-sharing-place=True] [data-info-type=normal] {
  display: none;
}
#notices-menu .toggler-wrapper {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 20px;
}
#notices-menu .config-panel-slide .config-panel-title {
  font-weight: 600;
  color: #292828;
  line-height: 1;
  margin-bottom: 16px;
}
#notices-menu .config-panel-toggle + .config-panel-left-text {
  margin-top: 10px;
}
#notices-menu .config-panel-toggle, #notices-menu .config-panel-left-text {
  align-self: center;
}
#notices-menu .config-panel-slide .config-panel-submit {
  width: 100%;
  height: 36px;
  background: #4194D8;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
#notices-menu .config-panel-slide .config-panel-submit:hover {
  background: #236da9;
}
#notices-menu .config-panel-item .widget-alert {
  margin: -4px 0 12px;
}
#notices-menu .config-panel-item .widget-alert.danger span, #notices-menu .config-panel-item .widget-alert.error span {
  color: #292828;
}
#notices-menu .config-panel-item .widget-alert.danger p, #notices-menu .config-panel-item .widget-alert.error p {
  margin: 0;
}
#notices-menu #configOptions .config-panel-left-text {
  color: #292828;
  font-weight: 400;
  font-size: 1.4rem;
  padding-right: 0;
  min-width: 235px;
}
#notices-menu #configOptions .toggler-wrapper {
  margin-bottom: 16px;
}
#notices-menu #configOptions .input-span-partner {
  width: 130px;
  display: inline-block;
  color: #292828;
  font-weight: 400;
  font-size: 1.4rem;
  vertical-align: middle;
}
#notices-menu #configOptions .input-span-partner + label {
  width: 54px;
  display: inline-flex;
  vertical-align: middle;
}
#notices-menu #configOptions .input-span-partner + label:hover input[type=number]:not(:disabled) {
  cursor: pointer;
}
#notices-menu #configOptions .input-span-partner + label:hover input[type=number]:not(:disabled) + span .mdc-notched-outline__leading,
#notices-menu #configOptions .input-span-partner + label:hover input[type=number]:not(:disabled) + span .mdc-notched-outline__notch,
#notices-menu #configOptions .input-span-partner + label:hover input[type=number]:not(:disabled) + span .mdc-notched-outline__trailing {
  border-color: #727272;
  cursor: pointer;
}
#notices-menu #configOptions .input-span-partner + label input[type=number]:focus + .mdc-notched-outline .mdc-notched-outline__leading,
#notices-menu #configOptions .input-span-partner + label input[type=number]:focus + .mdc-notched-outline .mdc-notched-outline__notch,
#notices-menu #configOptions .input-span-partner + label input[type=number]:focus + .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #4194D8;
  cursor: initial;
}
#notices-menu #configOptions .input-span-partner + label input[type=number]:disabled + span .mdc-notched-outline__leading,
#notices-menu #configOptions .input-span-partner + label input[type=number]:disabled + span .mdc-notched-outline__notch,
#notices-menu #configOptions .input-span-partner + label input[type=number]:disabled + span .mdc-notched-outline__trailing {
  border-color: #b7b7b7;
  background: #f5f5f5;
}
#notices-menu #configOptions input[type=number]::-webkit-outer-spin-button,
#notices-menu #configOptions input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#notices-menu #configOptions input[type=number] {
  -moz-appearance: textfield;
  text-align: center;
}

@media (max-width: 768px) {
  #notices-menu .config-panel-slide {
    width: 300px;
    right: -327px;
  }
  #notices-menu .config-panel-slide.open {
    right: 0;
  }
}
@media (max-width: 550px) {
  #notices-menu .config-panel-slide {
    width: 260px;
    right: -287px;
  }
  #notices-menu #configOptions .config-panel-left-text {
    min-width: 195px;
    width: 195px;
  }
  #notices-menu .notices-grid {
    grid-template-columns: 1fr;
    background: none;
  }
  #notices-menu .notices-grid .arrow-box:nth-child(odd) {
    margin: 0;
  }
  #notices-menu .notices-grid .arrow-box:nth-child(odd):before, #notices-menu .notices-grid .arrow-box:nth-child(odd):after {
    content: none;
  }
  #notices-menu .notices-grid .arrow-box:nth-child(even) {
    margin-top: 20px;
  }
  #notices-menu .notices-grid .arrow-box:nth-child(even):before, #notices-menu .notices-grid .arrow-box:nth-child(even):after {
    content: none;
  }
  #notices-menu .notices-grid .arrow-box .notif-type .timestamp {
    display: block;
  }
  #notices-menu .notices-wrapper .notices-grid-pre {
    background: none;
  }
}
@media (max-width: 320px) {
  #notices-menu .config-panel-slide {
    width: 245px;
    right: -272px;
  }
}
@media (max-width: 600px) {
  #notices-menu .widget-filters li {
    width: 100%;
    margin-bottom: 16px;
    height: 32px;
  }
  #notices-menu .widget-filters li .wrap-filter-date {
    width: 100%;
  }
  #notices-menu .widget-filters li .wrap-filter-date .filter-date {
    width: 100%;
    box-sizing: border-box;
    height: 32px;
  }
  #notices-menu .widget-filters li .wrap-filter-date .open-calendar {
    right: 0;
  }
  #notices-menu .widget-filters li .selectize-control {
    left: 0;
  }
  #notices-menu .widget-filters li .selectize-input.items.full.has-options.has-items {
    width: 100%;
  }
}
.lister-section .widget {
  margin-bottom: 40px;
}

.lister-nav-tabs {
  margin-bottom: 24px;
}

.widget-field-email {
  margin-top: 20px;
}

.user-feedback {
  margin-top: 20px;
}

.widget-field-email input {
  width: 310px;
  margin: 10px 10px 0 0;
  height: 18px;
}

.widget-progress-bar-lister {
  font-size: 1.8rem;
  margin-top: 50px;
  width: 300px;
}

#preValidationPct {
  display: grid;
  grid-template-columns: minmax(400px, max-content) max-content;
  grid-gap: 8px;
}
#preValidationPct button {
  margin-top: -5px;
}
#preValidationPct button:hover {
  background-color: #fce9e9;
  color: #f04e54;
}

#cancel-lister-process p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
#cancel-lister-process .modal-footer button {
  width: 130px;
  height: 44px;
}
#cancel-lister-process[data-has-alert=false] .widget-alert {
  display: none;
}
#cancel-lister-process[data-has-alert=true] .widget-alert {
  display: grid;
}
#cancel-lister-process .modal-content {
  position: relative;
}
#cancel-lister-process .modal-content .spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  background: rgba(255, 255, 255, 0.85);
  margin: 0;
}
#cancel-lister-process .modal-content .spinner-wrapper .loader-text {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}

.widget-progress-bar {
  border-radius: 3px;
  height: 25px;
  position: relative;
  margin-bottom: 3px;
}

.progress-bar {
  border-radius: 3px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.progress-bar {
  width: 100%;
}

#preValidationPctStatus {
  font-size: 14px;
}

.progress-bar-number {
  position: absolute;
  top: -29px;
  left: 25.2%;
  font-size: 2.5rem;
  color: #4194D8;
  grid-template-columns: auto auto;
}
.progress-bar-number#preValidationPctNo {
  line-height: 1;
}
.progress-bar-number#preValidationPctNo span {
  top: 0px;
}

.progress-bar-number span {
  font-size: 2rem;
  position: relative;
  top: -5px;
}

.widget-progress-bar-lister.uploading .progress-bar {
  width: 100%;
}

.widget-progress-bar-lister.uploading .progress-bar-number {
  left: 94%;
}

.widget-upload-file-lister .bt-danger {
  margin-top: 30px;
}

.widget.widget-upload-file-lister .widget-title {
  padding-bottom: 5px;
}

.widget.widget-upload-file-lister #uploadFileBtn {
  margin-top: 10px;
}

.widget-summary-resume {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  grid-row-gap: 45px;
  padding-top: 40px;
}
.widget-summary-resume .summary-resume-item {
  text-align: center;
}
.widget-summary-resume .summary-resume-item i {
  display: inline-block;
  width: 38px;
  margin-right: 10px;
}
.widget-summary-resume .summary-resume-item .summary-resume-item-number {
  font-size: 54px;
  line-height: 42px;
}
.widget-summary-resume .summary-resume-item .summary-resume-item-title {
  font-size: 1.8rem;
  padding: 10px;
}
.widget-summary-resume .summary-resume-item .summary-resume-item-text {
  font-size: 1.4rem;
  color: #818181;
}

.summary-resume-item.success {
  color: #6ba681;
}

.summary-resume-item.warning {
  color: #e8a331;
}

.summary-resume-item.error {
  color: #e17777;
}

.results-process-lister {
  margin-top: 30px;
}
.results-process-lister .bt-back-link:hover {
  text-decoration: none;
}
.results-process-lister .cancel-process {
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
}

.widget-summary-results {
  margin-top: 30px;
}
.widget-summary-results .widget-summary-results-item {
  padding: 25px 20px 15px 30px;
  border-top: 1px solid #D5D5D5;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title {
  font-size: 14px;
  padding-bottom: 10px;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title .label_type {
  margin-left: 20px;
  position: relative;
  top: -2px;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title span {
  margin-right: 25px;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title span i {
  display: inline-block;
  width: 7px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title span i.rotated {
  transform: rotate(90deg);
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title a {
  text-decoration: none;
  color: #818181;
  display: block;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-title .widget-summary-results-item-icon {
  width: 20px;
  display: block;
  float: right;
  margin-left: 10px;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-list-item {
  padding: 5px;
  font-size: 14px;
  margin-left: 10px;
}
.widget-summary-results .widget-summary-results-item .widget-summary-results-item-list-item i {
  width: 13px;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.widget-summary-results .widget-summary-results-item:last-child {
  border-bottom: 1px solid #D5D5D5;
}

.widget-summary .widget-filters {
  margin: 30px 0 40px 0;
  margin-bottom: 0;
  position: relative;
  height: 40px;
}
.widget-summary .widget-filters .RT-tooltip {
  top: 0;
}
.widget-summary .widget-filters ul {
  position: absolute;
  right: -5px;
}
.widget-summary .widget-filters .filter-search {
  width: 270px;
}
.widget-summary .widget-filters .filter-search input.search {
  width: 230px;
}
.widget-summary .widget-filters .bt-filter {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 35px;
  height: 32px;
  padding: 5px 7px 0px 6px;
  background: white;
}
.widget-summary .widget-filters .bt-filter.warning-icon {
  position: relative;
  top: -1px;
  margin: 0 5px;
}
.widget-summary .widget-filters .bt-filter:not(.active) svg g path,
.widget-summary .widget-filters .bt-filter:hover svg g path {
  fill: #ccc;
  -webkit-transition: fill 100ms ease-out 100ms;
  -moz-transition: fill 100ms ease-out 100ms;
  -o-transition: fill 100ms ease-out 100ms;
  transition: fill 100ms ease-out 100ms;
}
.widget-summary .widget-filters li {
  margin-right: 6px;
}

.pagination-wrapper {
  text-align: center;
}
.pagination-wrapper .go-to-first {
  margin-right: 12px;
  width: 12px;
  display: inline-block;
}
.pagination-wrapper .go-to-first:hover a svg g path {
  fill: #000000;
}
.pagination-wrapper .go-to-last {
  margin-left: 12px;
  width: 12px;
  display: inline-block;
}
.pagination-wrapper .go-to-last:hover a svg g path {
  fill: #000000;
}
.pagination-wrapper .go-to-first a, .pagination-wrapper .go-to-last a {
  position: relative;
  top: -3px;
  right: 4px;
}
.pagination-wrapper .pagination {
  display: inline-block;
  margin: 60px 0;
}
.pagination-wrapper .pagination > .active > a,
.pagination-wrapper .pagination > .active > span,
.pagination-wrapper .pagination > .active > a:hover,
.pagination-wrapper .pagination > .active > span:hover,
.pagination-wrapper .pagination > .active > a:focus,
.pagination-wrapper .pagination > .active > span:focus {
  background-color: #4194D8;
  border-color: #4194D8;
  color: white;
}
.pagination-wrapper li {
  float: left;
}
.pagination-wrapper li:first-child a {
  border-radius: 3px;
  margin-right: 10px;
  border-left: 1px solid #ccc;
}
.pagination-wrapper li:last-child a {
  border-radius: 3px;
  margin-left: 10px;
  border-left: 1px solid #ccc;
}
.pagination-wrapper li:nth-child(2) a {
  border-left: 1px solid #ccc;
}
.pagination-wrapper li a {
  display: inline-block;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 34px;
  height: 27px;
  text-align: center;
  text-decoration: none;
  padding-top: 6px;
  color: #818181;
}
.pagination-wrapper li a:hover {
  background: #f3f3f3;
}
.pagination-wrapper li a i {
  display: block;
  width: 6px;
  margin: 0 auto;
}
.pagination-wrapper li.prev-page {
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.pagination-wrapper li.next-page {
  margin-left: 10px;
  display: inline-block;
  float: right;
}
.pagination-wrapper li.last-page a {
  margin-left: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination-wrapper li.first-page a {
  margin-right: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-wrapper li.pag-num a:last-child {
  margin-left: 0;
}

.pagination-wrapper.pagination-lister .go-to-first,
.pagination-wrapper.pagination-lister .go-to-last {
  color: #595959;
  position: relative;
  top: -62px;
}

.summary-lister-proceed .bt-secondary {
  margin-top: 10px;
}
.summary-lister-proceed.proceed-confirm {
  color: #292828;
}
.summary-lister-proceed.proceed-confirm .modal-dialog {
  width: 600px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content {
  border: 3px solid #ffe5ac;
  border-top: 0;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  background-color: #ffe5ac;
  height: 56px;
  padding: 0 24px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
  margin-top: -2px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-header h4::before {
  height: 21px;
  width: 24px;
  background: url("/static/img/lister/lister-sprite.fd1b344dced7.svg");
  background-position: -8px -29px;
  content: " ";
  display: inline-block;
  top: 6px;
  margin-right: 12px;
  position: relative;
  background-size: 105px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body {
  line-height: 14px;
  padding: 0 24px 2px 24px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body h4 {
  font-size: 24px;
  line-height: 29px;
  margin: 22px 0 8px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body p {
  margin-top: 18px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email.error label, .summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email.error p {
  color: #f04e54;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email.error input {
  border-color: #f04e54;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email label, .summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email p {
  color: #4194d8;
  font-size: 12px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email label {
  position: absolute;
  background: white;
  margin-left: 11px;
  padding: 0 5px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email p {
  margin: 2px 0 0 6px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-body .widget-field-email input {
  height: 30px;
  margin: 6px 10px 0 0;
  border-color: #4194d8;
  border-radius: 4px;
  width: calc(100% - 20px);
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-footer {
  margin-top: 30px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-footer .bt-secondary {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  margin: 0 0 0 24px;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-footer .bt-secondary.btn-outline-primary {
  border: 1px solid #4194d8;
  background-color: white;
  color: #4194d8;
}
.summary-lister-proceed.proceed-confirm .modal-dialog .modal-content .modal-footer .bt-secondary.btn-outline-primary:hover {
  background-color: #ebf8fa;
}

@-moz-document url-prefix() {
  .reset-filters {
    top: -4px;
  }
}
div.widget-upload-file-lister button.disabled,
div.widget-upload-file-lister button.disabled:hover,
div.widget-upload-file-lister button.disabled:active,
div.widget-upload-file-lister button.disabled:focus {
  background-color: #71d8bf;
  opacity: 0.5;
  cursor: default;
}

@media (max-width: 767px) {
  .lister-section .widget-field-email input {
    box-sizing: border-box;
    height: 41px;
    max-width: 100%;
    margin-bottom: 15px;
  }
}

.lister-section .widget-filters li {
  display: inherit;
  float: left;
}

.lister-section .reset-filters {
  top: 0px;
  left: 0px;
}

/*Autolister*/
.check-autolister {
  margin: 30px 0;
}

.form-autolister {
  margin-top: 30px;
}

.form-autolister label {
  font-size: 1.3rem;
}

.form-autolister input {
  width: 400px;
  margin-top: 3px;
}

.form-autolister .selectize-control {
  margin-top: 10px;
  width: 90px;
  display: inline-block;
}

.form-autolister .selectize-control .selectize-input.items.full.has-options.has-items {
  width: 90px;
}

.form-autolister .disclaimer-autolister {
  font-size: 1.4rem;
  display: inline-block;
}

.form-autolister .save-autolister {
  padding-left: 10px;
  display: none;
}

.form-autolister .save-autolister i {
  width: 14px;
  display: inline-block;
  padding-right: 3px;
}

.form-autolister .save-autolister span {
  color: #FDA31C;
  display: inline-block;
  font-size: 1.4rem;
}

.form-autolister.wrap-alert {
  height: 42px;
}

.form-autolister .widget-alert {
  font-size: 1.4rem;
}

.history-autolister .widget-title {
  margin-bottom: 20px;
}

.history-autolister ul li {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #d7d7d7;
  display: grid;
  grid-template-columns: 1.5fr 5fr 1fr;
  column-gap: 20px;
  font-size: 1.4rem;
}

.history-autolister ul li:last-child {
  border: 0;
}

.history-autolister ul li div.url {
  color: #B7B7B7;
}

.history-autolister ul li div:first-child {
  color: #818181;
}

.history-autolister ul li div div.tooltip {
  color: white;
}

.history-autolister ul li div.processing > span {
  color: #4194D8;
}

.history-autolister ul li div.error > span {
  color: #FF7878;
}

.history-autolister ul li div.ignored > span {
  color: #FDA31C;
}

.history-autolister ul li div.complete > span {
  color: #80D1B3;
}

.history-autolister ul li div span {
  font-weight: 400;
  color: #818181;
}

.processing:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1300ms infinite;
  animation: ellipsis steps(4, end) 1300ms infinite;
  content: "…"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
#toggleEditConfig span.chevron-downarrow {
  position: relative;
  top: -1px;
  margin-left: 5px;
  background: transparent;
  width: 10px;
  height: 24px;
  text-align: center;
  display: inline-block;
}

#toggleEditConfig span.chevron-downarrow.rotate180 {
  transform: rotate(180deg);
  top: 4px;
}

#toggleEditConfig span.chevron-downarrow svg polyline {
  fill: #FFF;
}

#collapseFilter {
  height: 0px;
  overflow: hidden;
}

#collapseFilter.in {
  height: 350px;
}

#showDeactivateAutolisterModal {
  cursor: pointer;
}

.container-export h5 {
  margin-top: -20px;
  margin-bottom: -7px;
  font-weight: bold;
  color: #292828;
}
.container-export p, .container-export ol {
  font-size: 14px;
}
.container-export .blocked-export-container {
  margin-top: 45px;
  color: #292828;
}
.container-export .blocked-export-container h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 19.49px;
  padding: 12px 0;
}
.container-export .blocked-export-container span, .container-export .blocked-export-container p {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}
.container-export .blocked-export-container p {
  color: #727272;
  margin: 16px 0 0 0;
}
.container-export .radiobutton-container {
  margin-top: 28px;
}
.container-export .radiobutton-container p {
  font-weight: bold;
  margin-bottom: -12px;
  color: #292828;
}
.container-export .radiobutton-container .title-child {
  margin-left: -10px;
  line-height: 19px;
}
.container-export input:focus {
  box-shadow: none;
}

#listerSection div.widget-field-email {
  margin-top: -30px;
}
#listerSection input:focus {
  box-shadow: none;
}

.container-description-export {
  margin-bottom: -20px;
}
.container-description-export p {
  font-size: 14px;
  color: #292828;
}
.container-description-export strong a {
  color: #4194D8;
}
.container-description-export strong a:hover {
  color: #4194D8;
}

.widget-upload-file-lister .widget-title {
  margin-top: -25px;
  font-weight: bold;
  color: #292828;
}
.widget-upload-file-lister h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.widget-upload-file-lister p {
  font-size: 14px;
  color: #292828;
}
.widget-upload-file-lister strong a {
  color: #4194D8;
}
.widget-upload-file-lister strong a:hover {
  color: #4194D8;
}

.widget-upload-file-lister.lister-import {
  padding-bottom: 10px;
}

.pure-material-button-contained {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
  padding: 0 16px;
  min-width: 64px;
  height: 36px;
  font-size: 12.1px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  background-color: #4a9edd;
  outline: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
  margin-top: 15px;
}

.pure-material-button-contained::-moz-focus-inner {
  border: none;
}

.pure-material-button-contained::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4194d8;
  opacity: 0;
  transition: opacity 0.2s;
}

.pure-material-button-contained::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 32px; /* Safari */
  height: 32px; /* Safari */
  background-color: #4194d8;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 1s, transform 0.5s;
}

.pure-material-button-contained:hover::before {
  opacity: 0.08;
}

.pure-material-button-contained:focus::before {
  opacity: 0.24;
}

.pure-material-button-contained:hover:focus::before {
  opacity: 0.3;
}

.pure-material-button-contained:active::after {
  opacity: 0.32;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s;
}

.btn {
  background: transparent;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  color: #292828;
  display: inline-block;
  margin: 0;
  padding: 8px 16px;
}

.btn_material.lister {
  overflow: hidden;
  position: relative;
}

.btn_material.lister:after {
  background: #4194d8;
  border-radius: 50%;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 1px;
  transform: translateX(-50%) translateY(-50%);
}

.btn_material.lister:active:after {
  height: 50px;
  width: 50px;
  animation: ripple 1s;
}

@keyframes ripple {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}
.radio-item {
  display: block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.radio-item input[type=radio] {
  display: none;
}

.radio-item label {
  color: #666;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  left: -8px;
  margin: 0 10px 3px 7px;
  width: 12px;
  height: 12px;
  border-radius: 11px;
  border: 2px solid #979797;
  background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 9px;
  left: 9px;
  content: " ";
  display: block;
  background: #4194D8;
}

.widget-alert.info.second-alert {
  margin-bottom: 32px;
}

.widget-alert.info #meliSalesLinks {
  color: #292828;
  text-decoration: underline #ccc;
}

.widget.widget-upload-history, .widget.widget-upload-file-lister {
  margin-top: 24px;
}
.widget-upload-history .widget-title {
  padding: 0;
}
.widget-upload-history .widget-title h5 {
  margin: 0;
  font-size: 18px;
  color: #292828;
  margin-bottom: 4px;
}
.widget-upload-history__text {
  margin: 0;
  font-size: 14px;
  color: #292828;
}
.widget-upload-history__link {
  color: #236da9;
  display: initial;
  word-break: break-word;
}
.widget-upload-history__table {
  margin: 16px 0 0;
  width: 100%;
}
.widget-upload-history__table .grid-table-wrapper .widget-upload-history__rows:nth-child(even) {
  background-color: #fbfbfb;
}
.widget-upload-history__table .grid-table-wrapper .widget-upload-history__rows:nth-child(odd) {
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .widget-upload-history__table {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
.widget-upload-history .col-file {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.widget-upload-history .widget-file-container {
  display: flex;
  align-items: center;
  position: relative;
}
.widget-upload-history--tooltip {
  display: none;
  position: absolute;
  top: 45px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.widget-upload-history--email.col-file {
  overflow-wrap: anywhere;
}
.widget-upload-history--email.col-file {
  padding-right: 10px;
  overflow-wrap: anywhere;
}
.widget-upload-history--file.col-file {
  display: flex;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-upload-history--send.col-file {
  justify-content: right;
}
.widget-upload-history--send.col-file .button {
  display: inline-block;
  color: #236da9;
  margin-right: 0;
}
.widget-upload-history--send.col-file .button:hover {
  color: #236da9;
}
.widget-upload-history--send.col-file .message {
  color: #b7b7b7;
  display: inline-block;
}

#loadingBtn {
  width: 109px !important;
}

.widget.self-promotion-widget {
  padding: 66px 124px;
}
@media (max-width: 1140px) {
  .widget.self-promotion-widget {
    padding: 60px;
  }
}
@media (max-width: 800px) {
  .widget.self-promotion-widget {
    padding: 32px;
  }
}
.widget.self-promotion-widget .self-promo__intro {
  color: #292828;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 98px;
  font-size: 18px;
  align-items: center;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__intro {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}
.widget.self-promotion-widget .self-promo__intro .crystal-details {
  max-width: 450px;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__intro .crystal-details {
    max-width: 550px;
    grid-row-start: 1;
  }
}
.widget.self-promotion-widget .self-promo__intro .title {
  color: #292828;
  font-size: 31px;
  font-weight: 700;
}
.widget.self-promotion-widget .self-promo__intro .title img {
  height: 26px;
}
.widget.self-promotion-widget .self-promo__intro img {
  max-width: 100%;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__intro img {
    margin-top: 20px;
  }
}
.widget.self-promotion-widget .self-promo__intro .price {
  display: grid;
  font-size: 14px;
  grid-template-columns: max-content 20px;
  margin-bottom: 12px;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__intro .price {
    width: min-content;
    margin: 0 auto 25px;
  }
}
.widget.self-promotion-widget .self-promo__intro button {
  display: block;
  width: 100%;
  height: 44px;
}
.widget.self-promotion-widget .self-promo__intro button.activate-trial, .widget.self-promotion-widget .self-promo__intro button.already-member {
  padding: inherit;
}
.widget.self-promotion-widget .self-promo__intro button.tertiary-lg:hover {
  background-color: white;
  border-color: white;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger {
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
  height: 22px;
  background-color: transparent;
  width: 22px;
  position: relative;
  bottom: 2px;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger:hover {
  background-color: #eeeeee;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger:hover svg {
  fill: #292828;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger:hover svg circle, .widget.self-promotion-widget .self-promo__intro .tooltip-trigger:hover svg path {
  fill: #292828;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger svg {
  fill: #727272;
  width: 14px;
  left: 4px;
  position: relative;
  top: 4px;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger svg circle, .widget.self-promotion-widget .self-promo__intro .tooltip-trigger svg path {
  fill: #727272;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger .hover-info {
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dbdbdb;
  border-radius: 2px;
  display: none;
  padding: 12px 8px;
  font-size: 14px;
}
.widget.self-promotion-widget .self-promo__intro .tooltip-trigger:hover .hover-info {
  display: block;
  font-size: 1.2rem;
  position: absolute;
  width: 150px;
  margin-left: -40px;
  z-index: 9998;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__intro .tooltip-trigger i {
    position: relative;
    right: 3px;
  }
}
.widget.self-promotion-widget .self-promo__benefits {
  margin-top: 49px;
}
.widget.self-promotion-widget .self-promo__benefits--intro {
  font-size: 20px;
  text-align: center;
  color: #292828;
  font-weight: 700;
  margin-bottom: 32px;
}
.widget.self-promotion-widget .self-promo__benefits--intro .brand {
  color: #307ab5;
}
.widget.self-promotion-widget .self-promo__benefits--items {
  color: #292828;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 78px;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__benefits--items {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    justify-self: center;
    text-align: center;
  }
  .widget.self-promotion-widget .self-promo__benefits--items > div {
    margin-bottom: 26px;
  }
}
.widget.self-promotion-widget .self-promo__benefits--items .header {
  font-size: 18px;
  font-weight: 500;
  display: grid;
  grid-template-columns: 20px auto;
  grid-column-gap: 8px;
  margin-bottom: 8px;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__benefits--items .header {
    justify-content: center;
    grid-template-columns: 20px max-content;
  }
}
.widget.self-promotion-widget .self-promo__benefits--items .header .icon-wrapper i svg {
  margin-top: 2px;
}
.widget.self-promotion-widget .self-promo__benefits--items p {
  color: #292828;
  font-size: 14px;
  margin: 0;
  max-width: 280px;
}
@media (max-width: 800px) {
  .widget.self-promotion-widget .self-promo__benefits--items p {
    max-width: none;
  }
}

.cz-frame {
  border: none;
  flex-grow: 1;
  height: 2052px;
  margin: 0;
  padding: 0;
}

/* Delivery Receipt MercadoPago MX-AR Styles */
body.delivery-receipt-container {
  background-color: white;
  color: #333;
}

body.delivery-receipt-container .text-center {
  text-align: center;
}

body.delivery-receipt-container label {
  font-weight: 600;
}

.delivery-receipt-container th, td {
  padding: 13px;
  text-align: left;
}

.delivery-receipt-container textarea {
  resize: none;
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
}

.delivery-receipt-container td.text-sup {
  vertical-align: top;
}

.delivery-receipt-container .container-receipt {
  margin: 0 auto;
  max-width: 800px;
}

.delivery-receipt-container .container-receipt table {
  border-collapse: collapse;
  min-width: 700px;
}

.delivery-receipt-container .text-bottom {
  text-align: bottom;
}

.delivery-receipt-container .item-20 {
  margin-bottom: 20px;
}

.delivery-receipt-container .container-receipt input[type=text] {
  border: none;
  border-bottom: solid 2px #c9c9c9;
  font-size: 14px;
  margin-left: 5px;
  padding: 0 0 3px;
  text-transform: uppercase;
  transition: border 0.3s;
}

.delivery-receipt-container .container-receipt input.id-input[type=text] {
  width: auto;
}

.delivery-receipt-container .container-receipt input[type=text]:focus,
.delivery-receipt-container .container-receipt input[type=text].focus {
  border-bottom: solid 2px #969696;
}

.delivery-receipt-container tr.section-header {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.delivery-receipt-container .container-receipt div.full-width input[type=text] {
  margin: 0;
  width: 100%;
}

.delivery-receipt-container .disclaimer .attention {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 10px;
  text-align: center;
  text-decoration: underline;
}

.delivery-receipt-container .disclaimer .attention + div {
  font-size: 15px;
}

.delivery-receipt-container .signature {
  border-bottom: 1px solid grey;
  height: 80px;
  margin-bottom: 3px;
}

.delivery-receipt-container table {
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}

.delivery-receipt-container h1.main-title {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
}

.delivery-receipt-container .instructions {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

.delivery-receipt-container .logo-containers {
  clear: both;
  display: block;
  height: 50px;
  margin: 20px auto 30px auto;
  width: 800px;
}

.delivery-receipt-container .logo-containers img.rt-logo {
  width: 250px;
}

.delivery-receipt-container .logo-containers img.mp-logo {
  width: 150px;
}

.delivery-receipt-container .logo-containers div:first-child {
  float: left;
  width: 160px;
}

.delivery-receipt-container .logo-containers div:last-child {
  float: right;
  padding-top: 10px;
  width: 160px;
}

.delivery-receipt-container .many-fields {
  clear: both;
  display: block;
}

.delivery-receipt-container .left {
  float: left;
}

.delivery-receipt-container .left2 {
  display: block;
  overflow: hidden;
  padding: 0 4px 0 10px;
}

.delivery-receipt-container .left2 input {
  width: 100%;
}

.delivery-receipt-container .print-btn-container {
  clear: both;
  display: block;
  height: 40px;
  margin: 10px auto 0;
  max-width: 800px;
  text-align: center;
}

.delivery-receipt-container .print-btn-container .print-btn,
.delivery-receipt-container .print-btn-container .refresh-btn {
  background-color: #80d1b3;
  border-radius: 5px;
  color: white;
  padding: 10px;
}

.delivery-receipt-container .print-btn-container a:first-child {
  text-decoration: none;
}

.delivery-receipt-container .print-btn-container a:hover {
  text-decoration: none;
}

.delivery-receipt-container .print-btn-container .print-btn:hover,
.delivery-receipt-container .print-btn-container .refresh-btn:hover {
  opacity: 0.8;
}

.delivery-receipt-container .form-editing-options {
  margin: 20px 0;
  text-align: center;
}

.delivery-receipt-container .form-editing-options a:first-child {
  margin-right: 10px;
}

.delivery-receipt-container .form-editing-options a {
  color: #333;
  text-decoration: none;
}

.delivery-receipt-container .form-editing-options a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.delivery-receipt-container .inline {
  width: 49%;
  display: inline-block;
}

.delivery-receipt-container .right {
  float: right;
}

@media print {
  .delivery-receipt-container .print-btn-container,
  .delivery-receipt-container .form-editing-options {
    display: none !important;
  }
  .delivery-receipt-container .logo-containers {
    width: 670px;
    margin: 0 auto 0;
    display: block;
    clear: both;
  }
  .delivery-receipt-container table {
    width: 670px;
    margin: 0 auto;
  }
  .delivery-receipt-container .logo-containers img.rt-logo {
    width: 170px;
  }
  .delivery-receipt-container .logo-containers img.mp-logo {
    width: 80px;
  }
  .delivery-receipt-container .inline {
    width: 49%;
    display: inline-block;
  }
  .delivery-receipt-container .right {
    float: right;
  }
}
main.in-auto-pricer {
  min-height: auto;
}

.container-title-option .tooltip-hover-circle .link-icon.new-design {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: white;
  position: relative;
  top: -10px;
}
.container-title-option .tooltip-hover-circle .link-icon.new-design:hover {
  background-color: #eeeeee;
}
.container-title-option .tooltip-hover-circle .link-icon.new-design i {
  margin: 0 auto;
  top: 6px;
}

.widget.widget-automatic_pricer {
  border-radius: 0;
}
.widget.widget-automatic_pricer .container-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.widget.widget-automatic_pricer .container-empty-state .title-empty-state {
  color: #292828;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 45px 0 16px;
  text-align: center;
}
.widget.widget-automatic_pricer .container-empty-state .wrap-img-empty-state {
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  margin-bottom: 28px;
}
.widget.widget-automatic_pricer .container-empty-state .img-empty-state-container {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.widget.widget-automatic_pricer .container-empty-state .img-empty-state-container img {
  height: 150px;
  margin: 0 31px 0px 31px;
  padding: 29px 7px 21px 4px;
  width: auto;
}
.widget.widget-automatic_pricer .container-empty-state .img-empty-state-container .txt-explain {
  color: #292828;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 14px 24px 24px;
  text-align: center;
}
.widget.widget-automatic_pricer .container-empty-state .img-empty-state-container .num-pos {
  font-weight: bold;
  margin-right: 4px;
}
.widget.widget-automatic_pricer .container-empty-state .btn-show-drawer-pricer {
  height: 44px;
  padding: 21px;
}
.widget.widget-automatic_pricer .empty-state-disclaimer {
  color: #292828;
  font-size: 14px;
}

#tableWidget .container-alert-and-btn-pricer.footer-btn-pricer {
  margin-top: -7px;
}
#tableWidget .container-btn-grid {
  display: grid;
  grid-template-columns: 4fr 1fr;
  margin-top: 12px;
}
#tableWidget .container-btn-grid .information-span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  align-items: center;
  margin: 5px;
}
#tableWidget .container-btn-grid .information-span a.link-to-table-extra-prices {
  color: #236da9;
  text-decoration: none;
}
#tableWidget .container-btn-grid .information-span a.link-to-table-extra-prices:hover {
  color: #17507f;
  cursor: pointer;
}
#tableWidget .container-btn-grid .btn-show-drawer-pricer {
  width: 196px;
  height: 44px;
  justify-self: flex-end;
  padding: 21px;
}
#tableWidget .widget.widget-automatic_pricer {
  margin: 20px 0 20px;
  padding: 12px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: none;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter {
  align-items: center;
  background-color: #f5f5f5;
  display: grid;
  font-size: 14px;
  grid-template-columns: max-content auto max-content;
  grid-column-gap: 22px;
  padding: 14px 28px;
  text-align: right;
  margin-bottom: 4px;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .status-paginator-pricer {
  color: black;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .status-paginator-pricer span {
  text-transform: lowercase;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter #itemsPageEndPricer::before {
  content: "-";
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click {
  background-color: #f5f5f5;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  left: 4px;
  position: relative;
  top: 1px;
  width: 28px;
  cursor: pointer;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click:hover {
  background-color: #eeeeee;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click:first-child {
  display: inline-block;
  transform: rotate(180deg);
  position: relative;
  bottom: 3px;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click:first-child i {
  position: relative;
  right: 5px;
  top: 6px;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click:last-child {
  position: relative;
  bottom: -2px;
  margin-left: 12px;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click:last-child i {
  position: relative;
  right: 4px;
  top: 6px;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click i svg {
  width: 16px;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click.disabled i svg polygon {
  fill: #b7b7b7;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click.disabled:hover {
  background-color: #f5f5f5;
}
#tableWidget .widget.widget-automatic_pricer .table-sorter.footer-paginator {
  margin-top: 5px;
  justify-content: end;
  padding-right: 5px;
}
#tableWidget .widget.widget-automatic_pricer #operationsPaginationPricer {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#tableWidget .widget.widget-automatic_pricer #operationsPaginationPricerFooter {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-full-ops {
  grid-template-columns: 3fr 2.2fr 1fr 0.6fr 50px;
  padding: 5px 16px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-full-ops .stock-amt, #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-full-ops .stock-amt-title {
  justify-self: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .tooltip-info {
  left: -8px;
  top: 2px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #alertCautionPricerTable {
  top: 4px;
  margin-left: -28px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .tooltip-info:hover {
  cursor: pointer;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .link-icon.new-design {
  margin-left: 21px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .tooltip-info .tiptext-new-design {
  left: -85px;
  padding: 12px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .tooltip-info .tiptext-new-design.state-price-tooltip {
  padding: 16px;
  left: -60px;
  cursor: default;
  margin-top: 4px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .tooltip-hover-circle {
  width: 29px;
  height: 29px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-top: -1px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .tooltip-hover-circle:hover {
  background-color: #eeeeee;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .container-first-for-append:nth-child(even) {
  background-color: #fbfbfb;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .container-first-for-append:nth-child(odd) {
  background-color: #f5f5f5;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .container-first-for-append.empty-result {
  background-color: white;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog {
  display: grid;
  grid-template-columns: 3fr 2.2fr 1fr 0.6fr 50px;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 16px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .my-dates, #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .my-listing-title {
  justify-self: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog.table-headers {
  background-color: #dbdbdb;
  padding: 12px 0px 12px 28px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog.table-headers .reordering-full svg {
  left: 8px;
  cursor: pointer;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 14px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog.acquiring-items .spinner-loading i {
  animation: none;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .rule-space {
  margin-left: 11px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .cross-lost-catalog svg {
  width: 12px;
  height: 12px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .check-win-catalog svg {
  width: 12px;
  height: 12px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .check-win-catalog svg path {
  fill: #75c367;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .cross-lost-catalog.red-cross svg path {
  fill: #f04e54;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner-title {
  justify-self: left;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner {
  justify-self: left;
  align-self: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .update-arrow .tooltip-info {
  top: 0;
  left: -7px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .update-arrow .tooltip-info .link-icon {
  width: 10px;
  margin-left: 12px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .update-arrow .tooltip-info .tiptext-new-design {
  top: 29px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .icon-win-catalog {
  margin-right: 10px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .icon-win-catalog svg {
  width: 35px;
  height: 38px;
  margin-right: 10px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .description-detail.how-to-win-catalog {
  display: flex;
  align-items: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .description-detail.how-to-win-catalog span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-top: 4px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-title-table {
  display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table {
  display: grid;
  grid-template-rows: auto 1fr;
  margin-right: auto;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table a {
  cursor: default;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table a span {
  display: unset;
  cursor: pointer;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table .this-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 5px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table .this-title:hover {
  text-decoration: none;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table .this-title-id {
  color: #236da9;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  cursor: pointer;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table .this-title-id:hover {
  color: #17507f;
  text-decoration: none;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table span.this-title-id {
  cursor: default;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table .container-no-filter-result {
  margin-left: -105px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule .price-listing .sup-style-decimals {
  margin-left: 1%;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule span {
  margin-bottom: 5px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule span a {
  color: #444;
  text-decoration: underline;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule span.price-listing {
  margin-bottom: 0px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tooltip-info.new-design.listing-title-row.own-listing-selected.price-listing {
  left: -20px;
  top: 0;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tooltip-info.new-design.listing-title-row.own-listing-selected.price-listing .tiptext-new-design {
  left: -20px;
  cursor: default;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-status-active {
  height: 23px;
  padding: 3px 8px;
  border-radius: 2px;
  background-color: #e4f6e9;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-status-active span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #328547;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-status-inactive {
  width: 55px;
  height: 23px;
  padding: 3px 8px;
  border-radius: 2px;
  background-color: #fffbdd;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-status-inactive span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f36c00;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-price-list-table span {
  font-size: 20px;
  font-weight: 300;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-new-details {
  left: -10px;
  top: 0px;
  grid-area: auto;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-new-details.active-inactive svg circle {
  fill: #727272;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-new-details.active-inactive:hover svg circle {
  fill: #292828;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design-icon.container-active-details-style div {
  padding: 12px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design-icon.container-active-details-style div:hover {
  background-color: #eeeeee;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail:hover {
  background-color: transparent;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail.price-tooltip-prom {
  margin-top: 20px;
  margin-left: 2px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-img-tooltip div img {
  border: solid 1px #dbdbdb;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-img-tooltip {
  margin-top: -5px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail {
  display: grid;
  grid-template-columns: 12% 67% 23%;
  height: auto;
  padding: 8px;
  margin-left: -5px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip {
  display: flex;
  flex-direction: column;
  width: 250px;
  margin-right: 20px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .title-tooltip {
  margin-bottom: 15px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .tags-tooltip {
  display: flex;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .tags-tooltip .premium-span {
  color: #71d8bf;
  border: solid 1px #71d8bf;
  width: fit-content;
  display: flex;
  justify-content: center;
  padding: 6px 8px;
  border-radius: 2px;
  font-size: 12px;
  margin-right: 8px;
  margin-bottom: 4px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .tags-tooltip .flex-full-span.selected-shiping {
  color: #4194d8;
  padding: 4px;
  border-radius: 2px;
  background-color: #ebf8fa;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: fit-content;
  margin-right: 8px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .tags-tooltip .flex-full-span i svg {
  width: 12px;
  position: relative;
  top: 2px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .tags-tooltip .flex-full-span i svg .cls-1 {
  fill: #4194d8;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip .tags-tooltip .flex-full-span i svg polygon {
  fill: #4194d8;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-this-status-tooltip {
  padding: 5px 8px 1px;
  margin-bottom: 5px;
  border-radius: 2px;
  background-color: #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-this-status-tooltip span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-img-tooltip {
  align-self: baseline;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-price-tooltip {
  text-align: end;
  margin-top: -35px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-price-tooltip .price-tooltip {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-price-tooltip .sold-tooltip {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer .responsive-pricer-header {
  display: none;
}

#pricerDrawerConfig .drawer-header.arrowed-grid-header {
  grid-template-columns: 30px 400px 30px;
}
#pricerDrawerConfig .drawer-header.arrowed-grid-header .arrow-back-first-step {
  background: white;
  border: 0;
  height: fit-content;
}
#pricerDrawerConfig .drawer-header.arrowed-grid-header .arrow-back-first-step i svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 14px;
  top: 27px;
}
#pricerDrawerConfig .drawer-body.automatic-price-drawer-body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
#pricerDrawerConfig .drawer-body.automatic-price-drawer-body::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#pricerDrawerConfig .drawer-body {
  padding: 20px 20px;
}
#pricerDrawerConfig .drawer-body .container-box-select {
  padding: 16px 20px 20px 20px;
  margin: 22px 0 20px 0;
  border: solid 1px #dbdbdb;
  background-color: #fff;
}
#pricerDrawerConfig .drawer-body .container-box-select .title-box {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 16px;
}
#pricerDrawerConfig .drawer-body .container-box-select .explain-box {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  display: none;
}
#pricerDrawerConfig .drawer-body .container-box-select .input-search.my-listing-item label {
  margin-top: 16px;
}
#pricerDrawerConfig .drawer-body .container-box-select #ownListingSearch {
  max-width: 90%;
}
#pricerDrawerConfig .drawer-body .container-box-select #ownListingSearch i:focus {
  outline: none;
}
#pricerDrawerConfig .drawer-body .container-box-select .input-search.my-listing-item label i svg {
  width: 20px;
  height: 20px;
  margin-top: 3px;
}
#pricerDrawerConfig .drawer-body .container-box-select #myInputContainer {
  max-height: 639px;
  overflow-y: auto;
}
@media (max-width: 1650px) {
  #pricerDrawerConfig .drawer-body .container-box-select #myInputContainer {
    max-height: 364px;
  }
}
#pricerDrawerConfig .drawer-body .container-box-select #containerMyListings #myInputContainer li .container-title-option-tooltip {
  pointer-events: auto;
  width: 32px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerMyListings #myInputContainer li .container-title-option-tooltip .tooltip-hover-circle {
  margin-left: -10px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerMyListings #myInputContainer li .container-title-option-tooltip .tooltip-info .link-icon.new-design {
  border-radius: 50px;
  width: 32px;
  height: 32px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerMyListings #myInputContainer li .container-title-option-tooltip .tooltip-info .link-icon.new-design i {
  top: 8px;
  left: 9px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerMyListings #myInputContainer li .container-title-option-tooltip .tooltip-info .tiptext-new-design {
  margin-left: -315px;
  top: 103%;
  left: 0;
  width: 339px;
  background-color: white;
  color: #292828;
  font-weight: 400;
  text-shadow: 0 0 black;
}
#pricerDrawerConfig .drawer-body .container-box-select #myInputContainer::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
#pricerDrawerConfig .drawer-body .container-box-select #myInputContainer::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item {
  border: solid 1px #b7b7b7;
  background-color: #fff;
  z-index: 999;
  margin-top: 2px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option {
  display: grid;
  grid-template-columns: 3fr 4fr 1fr;
  padding: 16px;
  border-bottom: solid 1px #eeeeee;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-option-box .container-img-option {
  width: 52px;
  height: 52px;
  padding: 2px;
  border: solid 1px #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-option-box .container-img-option.color-loading-option {
  border: transparent;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option {
  margin-top: 1px;
  display: grid;
  grid-template-rows: auto auto auto;
  row-gap: 4px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .title-option {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  width: 259px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .price-option {
  padding-bottom: 5px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .price-option .price-op {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-right: 12px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .price-option .stock-shipping {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .tags-options {
  padding-top: 5px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .tags-options .flex-full-span.selected-shiping {
  margin-right: 12px;
  color: #4194d8;
  width: auto;
  height: 25px;
  padding: 4px;
  border-radius: 2px;
  background-color: #ebf8fa;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  box-sizing: border-box;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .tags-options .flex-full-span i svg {
  width: 12px;
  position: relative;
  top: 2px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .tags-options .flex-full-span i svg .cls-1 {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .tags-options .flex-full-span i svg polygon {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option .tags-options .premium-span {
  margin-right: 12px;
  color: #71d8bf;
  width: 63px;
  height: 25px;
  padding: 6px 8px;
  border-radius: 2px;
  border: solid 1px #71d8bf;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.loading-list-box:hover {
  background-color: transparent;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.not-found-op {
  background-color: #dbdbdb;
  grid-template-columns: 1fr;
  padding: 26px 46px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item .color-loading-option {
  background-color: #eeeeee;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item .price-option.color-loading-option {
  width: 82px;
  height: 12px;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item .title-option.color-loading-option {
  height: 12px;
}
#pricerDrawerConfig .drawer-body .container-box-select .input-search.other-listing-item label {
  margin-top: 16px;
}
#pricerDrawerConfig .drawer-body .container-box-select .input-search.my-listing-item {
  display: grid;
}
#pricerDrawerConfig .drawer-body .container-box-select .input-search.other-listing-item {
  display: grid;
  grid-template-columns: 4fr 1fr;
  column-gap: 16px;
  margin-bottom: 12px;
  margin-top: 6px;
}
#pricerDrawerConfig .drawer-body .container-box-select .input-search.other-listing-item .container-btn-add-link {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
#pricerDrawerConfig .drawer-body .container-box-select #alertMaxCompeting span {
  font-weight: normal;
  font-size: 13px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected {
  border: solid 1px #dbdbdb;
  background-color: #fff;
  z-index: 999;
  margin-top: 16px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option {
  display: grid;
  grid-template-columns: 3fr 4fr 1fr;
  padding: 14px;
  column-gap: 6px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-option-box .container-img-option {
  width: 52px;
  height: 52px;
  padding: 2px;
  border: solid 1px #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-option-box .container-img-option.color-loading-option {
  border: transparent;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option {
  margin-top: 1px;
  display: grid;
  grid-template-rows: auto auto auto;
  row-gap: 4px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .title-option {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .price-option .price-op {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-right: 12px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .price-option .stock-shipping {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .tags-options {
  padding-top: 5px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .tags-options .flex-full-span.selected-shiping {
  margin-right: 12px;
  color: #4194d8;
  width: auto;
  height: 25px;
  padding: 4px;
  border-radius: 2px;
  background-color: #ebf8fa;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  box-sizing: border-box;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .tags-options .flex-full-span i svg {
  width: 12px;
  position: relative;
  top: 2px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .tags-options .flex-full-span i svg .cls-1 {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .tags-options .flex-full-span i svg polygon {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .tags-options .premium-span {
  margin-right: 12px;
  color: #71d8bf;
  width: 63px;
  height: 25px;
  padding: 6px 8px;
  border-radius: 2px;
  border: solid 1px #71d8bf;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-delete-svg {
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-delete-svg .container-icon {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 2px 2px 2px;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-delete-svg .container-icon:hover {
  border-radius: 50px;
  background-color: #fce9e9;
  cursor: pointer;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-delete-svg .container-icon:hover i svg {
  fill: #f04e54;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-delete-svg .container-icon:hover i svg .cls-1 {
  fill: #f04e54;
}
#pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-delete-svg div i svg {
  width: 14px;
  position: relative;
  top: 1px;
}
#pricerDrawerConfig .drawer-body #annualPayContainer .explain-annual-config .txt-explain.annual-title {
  color: #292828;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
#pricerDrawerConfig .drawer-body #annualPayContainer .explain-annual-config .title-box.my-input {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
#pricerDrawerConfig .drawer-body #annualPayContainer .explain-annual-config .title-box.my-input .important-text-style {
  font-weight: 600;
}
#pricerDrawerConfig .drawer-body #annualPayContainer .explain-annual-config .title-box.my-input a.link-to-table-extra-prices {
  color: #236da9;
  text-decoration: none;
}
#pricerDrawerConfig .drawer-body #annualPayContainer .explain-annual-config .title-box.my-input a.link-to-table-extra-prices:hover {
  color: #17507f;
  cursor: pointer;
}
#pricerDrawerConfig .drawer-body #annualPayContainer #tableWidgetAnnualConfig .widget.widget-automatic_pricer {
  box-shadow: none;
}
#pricerDrawerConfig .drawer-body #annualPayContainer #tableWidgetAnnualConfig #gridTableAnnual {
  min-width: 0;
  width: 458px;
  margin-left: -28px;
}
#pricerDrawerConfig .drawer-body #annualPayContainer #tableWidgetAnnualConfig #gridTableAnnual .grid-table-full-ops.table-headers {
  grid-template-columns: 3fr 2fr 2fr;
}
#pricerDrawerConfig .drawer-body #annualPayContainer #tableWidgetAnnualConfig #gridTableAnnual .grid-table-full-ops.table-headers .title-style-header {
  color: #292828;
  font-size: 14px;
  font-weight: 600;
}
#pricerDrawerConfig .drawer-body #annualPayContainer #tableWidgetAnnualConfig #gridTableAnnual .grid-table-full-ops.table-headers .align-center-title {
  justify-self: end;
}
#pricerDrawerConfig .drawer-body .container-box-select.my-input {
  min-height: 100px;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther {
  padding: 16px 20px 20px 20px;
  margin: 22px 0 20px 0;
  background-color: #fff;
  border: solid 1px #dbdbdb;
  display: grid;
  grid-template-columns: 2fr 5fr 1fr;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .container-item-box-option {
  border: solid 1px #dbdbdb;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .color-loading-option {
  background-color: #eeeeee;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .price-option.color-loading-option {
  width: 82px;
  height: 12px;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .title-option.color-loading-option {
  height: 12px;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .container-option-box .container-img-option {
  width: 52px;
  height: 52px;
  padding: 2px;
  border: solid 1px #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .container-option-box .container-img-option.color-loading-option {
  border: transparent;
}
#pricerDrawerConfig .drawer-body #containerListingLoadingOther .container-title-option {
  margin-top: 1px;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  row-gap: 4px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon.new-design {
  margin-left: 20px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .tooltip-hover-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .tooltip-info.new-design.listing-title-row {
  width: 50px;
  height: 20px;
  border-radius: 50%;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style {
  background-color: transparent;
  margin-left: 5px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style .container-this-details .container-this-img {
  background-color: #eeeeee;
  border: none;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style .container-this-details .container-this-title-listing .one-title-listing {
  background-color: #eeeeee;
  width: 134px;
  height: 14px;
  margin-bottom: 12px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style .container-this-details .container-this-title-listing .sub-title-listing {
  background-color: #eeeeee;
  width: 75px;
  height: 14px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style .container-this-details .container-this-percent {
  background-color: #eeeeee;
  width: 61px;
  height: 14px;
  margin-top: -24px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style .container-this-details .container-this-reference-percent {
  background-color: #eeeeee;
  width: 103px;
  height: 14px;
}
#pricerDrawerConfig .drawer-body #containerToAppendListingsComp .grid-table-competition-catalog.loading-style .description-detail .container-this-title {
  background-color: #eeeeee;
  width: 52%;
  margin-left: 10px;
  height: 7px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp {
  background-color: #fff;
  z-index: 999;
  margin-top: 2px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon.new-design {
  margin-left: 0;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-hover-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info.new-design.listing-title-row.own-listing-selected {
  width: 28px;
  height: 20px;
  border-radius: 50%;
  left: 10px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design {
  margin-left: -70px;
  z-index: 99;
  min-width: 88px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: default;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design .flex-full-span.selected-shiping {
  margin: 0;
  color: #4194d8;
  display: block;
  padding: 4px;
  border-radius: 2px;
  background-color: #ebf8fa;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: fit-content;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design .flex-full-span i svg {
  width: 12px;
  position: relative;
  top: 2px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design .flex-full-span i svg .cls-1 {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design .flex-full-span i svg polygon {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design .premium-span {
  color: #71d8bf;
  border: solid 1px #71d8bf;
  width: fit-content;
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 12px;
  margin: 0 0 8px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design .stock-shipping {
  margin-top: 8px;
  font-size: 14px;
  color: #727272;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .title-box.my-input.rest-listing {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option {
  display: grid;
  grid-template-columns: 52px auto;
  padding: 3px;
  column-gap: 16px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-option-box .container-img-option {
  width: 52px;
  height: 52px;
  padding: 2px;
  border: solid 1px #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-option-box .container-img-option.color-loading-option {
  border: transparent;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-title-option {
  margin-top: 1px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  row-gap: 4px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-title-option .title-option {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  max-width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-title-option .price-option .price-op {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-right: 12px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-title-option .price-option .stock-shipping {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-title-option .tooltip-hover-circle .link-icon.new-design {
  top: -7px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option.loading-style .container-option-box .container-img-option {
  height: 52px;
  width: 52px;
  background-color: #eeeeee;
  border: none;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option.loading-style .container-title-option .line-title-style {
  display: flex;
  height: 14px;
  width: 238px;
  background-color: #eeeeee;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option.loading-style .container-title-option .price-option {
  height: 14px;
  width: 110px;
  background-color: #eeeeee;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther {
  background-color: #fff;
  z-index: 999;
  margin-top: 36px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-box-option {
  border: solid 1px #dbdbdb;
  margin-bottom: 16px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option {
  display: grid;
  grid-template-columns: 3fr 4fr 1fr;
  column-gap: 8px;
  padding: 20px 14px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-option-box .container-img-option {
  width: 52px;
  height: 52px;
  padding: 2px;
  border: solid 1px #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-option-box .container-img-option.color-loading-option {
  border: transparent;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option {
  margin-top: 1px;
  display: grid;
  grid-template-rows: 1fr auto auto;
  row-gap: 4px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .title-option {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .price-option .price-op {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-right: 12px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .price-option .stock-shipping {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .tags-options {
  padding-top: 5px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .tags-options .flex-full-span.selected-shiping {
  margin-right: 12px;
  color: #4194d8;
  width: auto;
  height: 25px;
  padding: 4px;
  border-radius: 2px;
  background-color: #ebf8fa;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  box-sizing: border-box;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .tags-options .flex-full-span i svg {
  width: 12px;
  position: relative;
  top: 2px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .tags-options .flex-full-span i svg .cls-1 {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .tags-options .flex-full-span i svg polygon {
  fill: #4194d8;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .tags-options .premium-span {
  margin-right: 12px;
  color: #71d8bf;
  width: 63px;
  height: 25px;
  padding: 6px 8px;
  border-radius: 2px;
  border: solid 1px #71d8bf;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .container-icon {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 2px 2px 2px;
  margin-left: 36px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .container-icon:hover {
  border-radius: 50px;
  background-color: #fce9e9;
  cursor: pointer;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .container-icon:hover i svg {
  fill: #f04e54;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .container-icon:hover i svg .cls-1 {
  fill: #f04e54;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing div i svg {
  width: 14px;
  position: relative;
  top: 1px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .tags-options-status {
  margin: -8px 0px 8px 5px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .tags-options-status .paused-span {
  background-color: #fffbdd;
  color: #f36c00;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 14px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .tags-options-status .active-span {
  background-color: #e4f6e9;
  color: #328547;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 14px;
  position: relative;
  top: -6px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .tags-options-status .inactive-span {
  background-color: #fce9e9;
  color: #f04e54;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 14px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .tags-options-status .closed-span {
  background-color: #fce9e9;
  color: #f04e54;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 14px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing .tags-options-status.render-select span.active-span {
  top: 0px;
}
#pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option.inactive-class-grid {
  display: grid;
  grid-template-columns: 1fr 63fr 1fr;
  column-gap: 8px;
  padding: 20px 14px 8px 0px;
}
#pricerDrawerConfig .drawer-body #errorSelectListing span {
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f04e54;
  margin: 3px;
}
#pricerDrawerConfig .drawer-body #errorSelectOtherListing {
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f04e54;
  margin-top: -5px;
  margin-left: 2px;
  width: 76%;
}
#pricerDrawerConfig .drawer-footer {
  z-index: 9999;
  background-color: #fff;
}
#pricerDrawerConfig .drawer-footer button {
  border-radius: 4px;
  margin-left: 12px;
  padding: 0 22px 0 22px;
}

#tableCompetitionListingSelected {
  color: #292828;
  font-size: 14px;
  max-width: 100%;
  margin-top: 12px;
}
#tableCompetitionListingSelected.no-variation-available .winner-title, #tableCompetitionListingSelected.no-variation-available .winner {
  display: none;
}
#tableCompetitionListingSelected .grid-table-competition-catalog {
  display: grid;
  grid-template-rows: 3fr 6fr;
  grid-row-gap: 0px;
  padding: 12px 0 12px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .my-dates, #tableCompetitionListingSelected .grid-table-competition-catalog .my-listing-title {
  justify-self: center;
  margin-right: -96px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog:nth-child(even) {
  background-color: #fbfbfb;
}
#tableCompetitionListingSelected .grid-table-competition-catalog:nth-child(odd) {
  background-color: #f5f5f5;
}
#tableCompetitionListingSelected .grid-table-competition-catalog.table-headers {
  background-color: #dbdbdb;
  padding: 12px 28px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog.table-headers .reordering-full svg {
  left: 8px;
  cursor: pointer;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 14px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#tableCompetitionListingSelected .grid-table-competition-catalog.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#tableCompetitionListingSelected .grid-table-competition-catalog.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#tableCompetitionListingSelected .grid-table-competition-catalog.acquiring-items .spinner-loading i {
  animation: none;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design {
  margin-left: -70px;
  z-index: 99;
  min-width: 88px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: default;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .stock-shipping {
  color: #727272;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .type-of-listing-shipping {
  margin: 0;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .flex-full-span.selected-shiping {
  margin: 8px 0;
  color: #4194d8;
  display: block;
  padding: 4px;
  border-radius: 2px;
  background-color: #ebf8fa;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  width: fit-content;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .flex-full-span.selected-shiping:first-child {
  margin-bottom: 8px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .flex-full-span i svg {
  width: 12px;
  position: relative;
  top: 2px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .flex-full-span i svg .cls-1 {
  fill: #4194d8;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .flex-full-span i svg polygon {
  fill: #4194d8;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .tooltip-info .tiptext-new-design .premium-span {
  color: #71d8bf;
  width: fit-content;
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 2px;
  border: solid 1px #71d8bf;
  font-size: 12px;
  margin: 0 0 8px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .description-detail {
  display: flex;
  align-items: center;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .description-detail .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon.new-design {
  margin-left: 22px;
  margin-right: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  top: -3px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .description-detail .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon.new-design i svg {
  position: relative;
  top: 5px;
  left: 6px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .description-detail .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon:hover {
  background-color: #eeeeee;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .description-detail.how-to-win-catalog {
  display: flex;
  align-items: center;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .description-detail.how-to-win-catalog span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-top: 4px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .container-this-title {
  padding: 2px 8px;
  margin: 2px 4px 8px 17px;
  border-radius: 2px;
  background-color: #dbdbdb;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details {
  display: grid;
  grid-template-columns: 3fr 8fr 5fr 6fr;
  padding: 12px 17px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-img {
  width: 32px;
  height: 32px;
  padding: 2px;
  border: solid 1px #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-img-prom {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-title-listing {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-title-listing .title-listing {
  width: 130px;
  height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent {
  align-self: center;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-single-title {
  display: flex;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-single-title .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon.new-design {
  margin-left: 22px;
  margin-right: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  top: -7px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-single-title .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon.new-design i svg {
  position: relative;
  top: 5px;
  left: 6px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-single-title .tooltip-hover-circle .tooltip-info.new-design.listing-title-row .link-icon:hover {
  background-color: #eeeeee;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #727272;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data i svg {
  width: 11px;
  height: 16px;
  position: relative;
  top: 2px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data .arrow-up-pricer svg path {
  fill: #f04e54;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data .arrow-down-pricer svg path {
  fill: #75c367;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data .arrow-same-pricer svg g rect {
  fill: #4194d8;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data .arrow-same-pricer svg {
  fill: #4194d8;
  position: relative;
  top: 2px;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent {
  display: flex;
  flex-direction: column;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent .price-reference {
  display: flex;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent .reference-bold {
  font-weight: 600;
}
#tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent .reference-bold.price-this {
  margin-left: 3px;
}

#tableCompetingPricer .grid-table-competition-catalog {
  display: grid;
  grid-template-rows: 25px 60px;
  grid-row-gap: 0px;
}
#tableCompetingPricer .grid-table-competition-catalog.single-item {
  display: grid;
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select {
  padding: 16px 0 0 0;
}
#pricerDrawerConfig .drawer-body #containerTwo .container-box-select.first-part-box .title-box.my-input {
  margin: 0 16px 16px;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select.second-part-box {
  padding: 16px;
  margin-bottom: 55px;
}
#pricerDrawerConfig .drawer-body #containerTwo .container-box-select.second-part-box .custom-select {
  max-width: none;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select .input-search.my-listing-item {
  padding-left: 20px;
  padding-right: 20px;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select .title-box.my-input.rest-listing {
  margin: 21px 16px;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select .sub-title-box {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select.my-input div .selectize-control.single .selectize-input.input-active {
  height: 42px;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select.my-input div .selectize-input.items.required.invalid.not-full.has-options {
  height: 42px;
  box-shadow: none;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select.my-input div .select.material {
  padding: 16px;
}

#containerTwo .container-radio-price-or-percent .radio-colum {
  display: flex;
  flex-direction: column;
  margin: 9px -8px 30px;
}
#containerTwo .selectize-input.items.required.has-options.full.has-items.focus.input-active.dropdown-active {
  border: solid 1px #b7b7b7;
  width: -webkit-fill-available;
  font-size: 15px;
}
#containerTwo .selectize-input.items.required.has-options.full.has-items {
  border: solid 1px #b7b7b7;
  width: -webkit-fill-available;
  font-size: 15px;
}
#containerTwo .container-box-select.my-input div .select.material.one-option-disable .selectize-control.select-text.single {
  background-color: #f5f5f5;
}
#containerTwo .container-box-select.my-input div .select.material.one-option-disable .selectize-control.select-text.single .item {
  color: #b7b7b7;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
#containerTwo .container-input-and-select {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  margin: 16px 0 39px;
}
#containerTwo .container-input-and-select .mdc-text-field {
  width: 100%;
}
#containerTwo .container-input-box .mdc-text-field {
  width: 100%;
}
#containerTwo .container-input-box .mdc-text-field .mdc-notched-outline__notch {
  padding-top: 0;
}
#containerTwo .container-input-box .mdc-text-field .mdc-notched-outline__notch .mdc-floating-label {
  top: 19px;
}
#containerTwo .container-inputs-more-or-less {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  margin: 28px 0 16px;
}
#containerTwo .container-explain-config {
  display: flex;
  flex-direction: column;
}
#containerTwo .container-explain-config .sub-title-box {
  margin: 8px 0 0;
}
#containerTwo .container-explain-config .title-box.my-input {
  margin-bottom: 0;
}
#containerTwo .container-explain-config.explain-rule {
  margin-top: 40px;
}
#containerTwo .container-explain-config.explain-rule .title-box.my-input {
  font-size: 14px;
  margin-bottom: 8px;
}
#containerTwo .widget-alert.danger, #containerTwo .widget-alert.error {
  border: solid 1px #f04e54;
}
#containerTwo .widget-alert.danger i, #containerTwo .widget-alert.error i {
  height: 20px;
  width: 20px;
}

.color-error-validation {
  border: solid 1px #f04e54 !important;
}

.color-error-validation-leyend {
  color: #f04e54 !important;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.color-error-validation-input {
  border-color: #f04e54 !important;
}

.leyend-error-container-box-own {
  margin-top: -16px;
  margin-left: 2px;
  font-size: 12px;
  color: #f04e54;
}

.leyend-error-container-box-other {
  margin-top: -16px;
  margin-left: 2px;
  font-size: 12px;
  color: #f04e54;
}

#alertCautionPricer {
  left: 5px;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#alertCautionPricer i svg {
  width: 15px;
}
#alertCautionPricer .tiptext-new-design {
  left: -182px;
  padding: 12px;
  top: 30px;
}
#alertCautionPricer .tiptext-new-design .stock-shipping {
  width: 296px;
}

#alertCautionPricer:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

.backdrop-pricer-modal {
  z-index: 99999;
}

#modalCloseAndCancelDawer {
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 5%;
}
#modalCloseAndCancelDawer #noCancelPricer {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  border: solid 1px #4194d8;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
#modalCloseAndCancelDawer #noCancelPricer:hover {
  cursor: pointer;
  background-color: #ebf8fa;
}
#modalCloseAndCancelDawer #cancelPricerConfig {
  height: 44px;
  border-radius: 8px;
  background-color: #4194d8;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
#modalCloseAndCancelDawer #cancelPricerConfig:hover {
  cursor: pointer;
  background-color: #236da9;
}
#modalCloseAndCancelDawer #cancelPricerConfigRule {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  background-color: #4194d8;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
#modalCloseAndCancelDawer #cancelPricerConfigRule:hover {
  cursor: pointer;
  background-color: #236da9;
}

#modalActionsPricer {
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 5%;
}
#modalActionsPricer .modal-header {
  width: 80%;
  padding: 20px 55px 40px 25px;
}
#modalActionsPricer #closeModalActions {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  border: solid 1px #4194d8;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
#modalActionsPricer #closeModalActions:hover {
  cursor: pointer;
  background-color: #ebf8fa;
}
#modalActionsPricer #actionPRicerActOrPause {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  background-color: #4194d8;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
#modalActionsPricer #actionPRicerActOrPause:hover {
  cursor: pointer;
  background-color: #236da9;
}
#modalActionsPricer #actionPRicerADelete {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  background-color: #4194d8;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
#modalActionsPricer #actionPRicerADelete:hover {
  cursor: pointer;
  background-color: #236da9;
}
#modalActionsPricer #modalLoaderBtn {
  width: 130px;
  height: 44px;
}

#alertCautionPricerTable {
  left: 5px;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#alertCautionPricerTable i svg {
  width: 15px;
}
#alertCautionPricerTable i.tooltip-svg-alert svg {
  width: 15px;
  position: relative;
  top: 2px;
}
#alertCautionPricerTable .tiptext-new-design {
  left: -182px;
  padding: 5px 12px 5px 12px;
  top: 30px;
}
#alertCautionPricerTable .tiptext-new-design .stock-shipping {
  width: 296px;
}

#alertCautionPricerTable:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

#alertInactivePricerTable {
  left: 5px;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-left: -24px;
}
#alertInactivePricerTable i svg {
  width: 15px;
  top: 3px;
  position: relative;
}
#alertInactivePricerTable i svg g path {
  fill: #f04e54;
}
#alertInactivePricerTable i.tooltip-svg-alert svg {
  width: 15px;
  position: relative;
  top: 2px;
}
#alertInactivePricerTable .tiptext-new-design {
  left: -182px;
  padding: 5px 12px 5px 12px;
  top: 30px;
}
#alertInactivePricerTable .tiptext-new-design .stock-shipping {
  width: 296px;
}

#alertInactivePricerTable:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

#tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner {
  display: flex;
}

@media (min-width: 768px) and (max-width: 1140px) {
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-new-details {
    left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #tableWidget .widget.widget-automatic_pricer #tablePricer .container-new-details .tiptext-new-design-icon {
    margin-left: -60px;
    top: 35px;
    right: 35%;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.active-inactive {
    margin-left: 0 !important;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.active-inactive .stock-amt-title + .tooltip-info {
    left: 0;
    margin-top: 4px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.active-inactive .stock-amt-title + .tooltip-info .tiptext-new-design {
    left: -64px;
    width: 276px;
    box-sizing: border-box;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.active-inactive .stock-amt-title + .tooltip-info .tiptext-new-design div {
    width: 100%;
  }
  .active-inactive {
    order: 4;
    margin-left: 0 !important;
  }
}
@media (max-width: 550px) {
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table .this-title {
    margin-bottom: 8px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-new-details.active-inactive.container-active-details {
    background-color: #eeeeee;
  }
  #tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click.disabled {
    pointer-events: none;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-new-details.active-inactive svg circle {
    fill: #292828;
  }
  .widget.widget-automatic_pricer .container-empty-state .wrap-img-empty-state {
    display: block;
  }
  #tableWidget .container-alert-and-btn-pricer.footer-btn-pricer .container-btn-grid .btn-show-drawer-pricer {
    margin-top: -10px;
  }
  #tableWidget .container-btn-grid {
    display: grid;
    grid-template-rows: 3fr 1fr;
    grid-template-columns: none;
    margin-top: 0;
  }
  #tableWidget .container-btn-grid .information-span {
    margin-left: 5%;
  }
  #tableWidget .widget.widget-automatic_pricer {
    margin: 20px 0 -70px;
    background: transparent;
  }
  #tableWidget .widget.widget-automatic_pricer .grid-table-wrapper {
    min-width: auto;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .container-first-for-append {
    background-color: white;
    display: grid;
    grid-template-columns: 35% 65%;
    margin-bottom: 8px;
    padding-top: 0px;
    position: relative;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-full-ops {
    display: none;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .responsive-headers {
    display: grid !important;
    grid-template-columns: none;
    grid-template-rows: 3fr 2fr 1fr 1fr;
    padding: 16px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog {
    display: flex;
    flex-wrap: wrap;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog:nth-child(odd) {
    background-color: white;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-title-table {
    display: block;
    font-size: 0;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-title-table .container-title-list-table a {
    font-size: 14px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-title-table .container-title-list-table .this-title-id {
    display: block;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner {
    display: block;
    position: relative;
    font-size: 0;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
    width: 100%;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.rule-space {
    order: 2;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.price-space {
    order: 3;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.active-inactive {
    order: 4;
    margin-left: 0 !important;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title .tiptext-new-design {
    left: 0;
    margin-top: 4px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title + .tooltip-info {
    left: 0;
    display: inline-block;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title + .tooltip-info svg {
    margin-top: 6px;
    margin-left: 6px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title + .tooltip-info .tiptext-new-design {
    left: 0;
    width: 225px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title + .tooltip-info .tiptext-new-design div {
    font-size: 1.6rem;
    display: block;
    width: 100%;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title + .tooltip-info + .container-this-status-inactive {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner .stock-amt-title + .container-this-status-inactive {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    margin-left: 4px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog [data-item-id] {
    order: 0;
    top: 12px;
    left: initial !important;
    right: 8px;
    position: absolute;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog [data-item-id] .new-menu-details svg {
    top: 0px;
    left: 0;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog [data-item-id] .tiptext-new-design-icon {
    margin-left: 0;
    top: 30px;
    right: 15px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-title-list-table,
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule,
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-price-list-table {
    display: inline-block;
    width: 70%;
    font-size: 0;
    margin: 0;
    box-sizing: border-box;
    padding-bottom: 16px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-status-active {
    display: inline-block;
    font-size: 0;
    margin: 0;
    box-sizing: border-box;
    padding-bottom: 16px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .container-this-refernce-created-rule span {
    font-size: 1.6rem;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .description-detail {
    order: 1;
    display: block;
    width: 100%;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .responsive-pricer-header {
    display: inline-block;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .responsive-pricer-header.timestamp-title {
    margin-bottom: 16px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .responsive-pricer-header:not(.timestamp-title) {
    width: 30%;
    font-size: 1.6rem;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .container-img-list-table {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 16px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .stock-amt-title .tooltip-hover-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 0px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .stock-amt-title .tooltip-hover-circle .tooltip-info {
    top: 0;
    left: 0;
    margin-top: 4px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .stock-amt-title .tooltip-hover-circle .tooltip-info .link-icon.new-design {
    margin-left: 0;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .stock-amt-title .tooltip-hover-circle .tooltip-info .link-icon.new-design i {
    top: 4px;
    left: 3px;
  }
  #tableWidget .widget.widget-automatic_pricer .table-sorter {
    background-color: #dbdbdb;
  }
  #tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click {
    background-color: transparent;
  }
  #pricerDrawerConfig {
    width: 100vw;
  }
  #pricerDrawerConfig #containerMyListings {
    width: 99%;
  }
  #pricerDrawerConfig .container-box-select .container-options-my-listing-item ul .li-item-option {
    width: 90%;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option {
    grid-template-columns: 2fr 3fr 2fr;
    column-gap: 12px;
    padding: 14px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option {
    display: block;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .title-option {
    max-width: 100%;
    margin-bottom: 4px;
    width: 165px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .price-option {
    display: block;
    max-width: 100%;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .price-option .price-op {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 4px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .price-option .stock-shipping {
    display: inline-block;
    margin-bottom: 4px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option {
    grid-template-columns: 2fr 3fr 2fr;
    column-gap: 12px;
    padding: 14px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option {
    display: block;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option .title-option {
    max-width: 100%;
    margin-bottom: 4px;
    width: 165px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option .price-option {
    display: block;
    max-width: 100%;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option .price-option .price-op {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 4px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option .price-option .stock-shipping {
    display: inline-block;
    margin-bottom: 4px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option.inactive-class-grid {
    display: grid;
    grid-template-columns: 1fr 63fr 1fr;
    column-gap: 8px;
    padding: 20px 14px 8px 0px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option {
    grid-template-rows: auto;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .tags-options .flex-full-span.selected-shiping:first-child, #pricerDrawerConfig .drawer-body .container-box-select .tags-options .premium-span:first-child {
    margin-bottom: 8px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #myInputContainer {
    overflow-x: hidden;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option {
    grid-template-columns: 74px 2fr;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option div {
    width: auto !important;
  }
  .widget.widget-automatic_pricer .container-empty-state .wrap-img-empty-state {
    display: block;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option .container-title-option .title-option {
    width: 125px;
    height: 36px;
    overflow: hidden;
    white-space: inherit;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details {
    display: grid;
    grid-template-columns: 50px 180px 100px;
    grid-column-gap: 12px;
    margin-left: 3px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-title-listing .title-listing {
    width: auto;
  }
  #pricerDrawerConfig .drawer-body #containerTwo .container-box-select .title-box {
    padding: 0 7px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedComp .container-item-option {
    column-gap: 15px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent {
    display: flex;
    width: max-content;
    flex-direction: inherit;
    margin-top: 5px;
    margin-left: 62px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent.average-case {
    margin-left: 5px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog {
    padding: 12px 0 22px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedComp .tooltip-info .tiptext-new-design {
    margin-left: -18px;
  }
  .tooltip-info.new-design.listing-title-row.own-listing-selected {
    left: -73px;
    top: -35px;
  }
  #containerTwo .selectize-input.items.required.has-options.full.has-items {
    width: -webkit-fill-available;
    font-size: 14px;
  }
  #containerTwo .selectize-input.items.required.has-options.full.has-items.focus.input-active.dropdown-active {
    width: -webkit-fill-available;
    font-size: 14px;
  }
  #containerTwo .container-input-and-select .selectize-input.items.required.has-options.full.has-items {
    width: -webkit-fill-available;
    font-size: 14px;
  }
  #containerTwo .container-input-and-select .selectize-input.items.required.has-options.full.has-items.focus.input-active.dropdown-active {
    width: -webkit-fill-available;
    font-size: 14px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .container-this-title {
    margin: 2px 2px 8px 20px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .title-option {
    width: 165px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent {
    align-self: center;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent .reference-bold {
    margin-left: 3px;
  }
  #pricerDrawerConfig .drawer-body #containerListingLoadingOther .container-option-box {
    margin-right: 16px;
  }
  #pricerDrawerConfig .drawer-body #containerTwo .container-box-select.second-part-box .custom-select {
    min-width: 0;
  }
  #pricerDrawerConfig .drawer-body #containerTwo .container-box-select {
    max-width: -webkit-fill-available;
  }
  #pricerDrawerConfig .drawer-body #containerTwo .container-box-select .container-input-box {
    width: 90%;
  }
  #containerTwo .container-input-and-select .selectize-input.items.required.has-options.full.has-items {
    min-width: 0;
    width: 90%;
  }
  #tableWidget .container-btn-grid {
    display: grid;
    grid-template-rows: 3fr 1fr;
    grid-template-columns: none;
    margin-top: 0;
  }
  #tableWidget .container-btn-grid .information-span {
    margin-left: 5%;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-img-prom {
    margin-left: 8px;
  }
  #tableWidget .widget.widget-automatic_pricer {
    margin: 20px 0 -70px;
    background: transparent;
  }
  #tableWidget .widget.widget-automatic_pricer .grid-table-wrapper {
    min-width: auto;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .container-first-for-append {
    background-color: white;
    display: block;
    margin-bottom: 8px;
    padding-top: 8px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-full-ops {
    display: none;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .responsive-headers {
    display: grid !important;
    grid-template-columns: none;
    grid-template-rows: 3fr 2fr 1fr 1fr;
    padding: 8px;
  }
  #tableWidget .widget.widget-automatic_pricer .table-sorter {
    background-color: #dbdbdb;
  }
  #tableWidget .widget.widget-automatic_pricer .table-sorter .paginator-click {
    background-color: transparent;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail {
    display: grid;
    grid-template-columns: 18% 50% 32%;
    height: auto;
    padding: 4px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip {
    width: 190px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tooltip-info.new-design.listing-title-row.own-listing-selected.price-listing .tiptext-new-design {
    max-width: fit-content;
  }
  #tableWidget .widget.widget-automatic_pricer {
    padding: 0;
  }
  #tableWidget .container-btn-grid .btn-show-drawer-pricer {
    width: auto;
    margin-left: 0;
    justify-self: auto;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .winner.grid-margin {
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  #pricerDrawerConfig {
    width: 100vw;
  }
  #pricerDrawerConfig #containerMyListings {
    width: 99%;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .input-search.my-listing-item label {
    width: 100%;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option {
    grid-template-columns: 74px 2fr;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.not-found-op {
    padding: 26px 34px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details {
    grid-column-gap: 12px;
    grid-template-columns: 50px 140px 100px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details {
    grid-template-columns: 40px 110px 100px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent {
    margin-left: 55px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option {
    padding: 14px 4px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option {
    width: max-content;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .price-option {
    display: flex;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .price-option .stock-shipping {
    display: flex;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-delete-svg-this-listing-competing {
    margin-left: 0px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option {
    padding: 8px;
    column-gap: 8px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .title-option {
    width: 135px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option {
    padding: 8px;
    column-gap: 8px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option {
    width: 135px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option .title-option {
    width: 135px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail {
    display: grid;
    grid-template-columns: 18% 50% 32%;
    height: auto;
    padding: 4px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tiptext-new-design.tooltip-table-pricer .container-link-detail .container-title-tooltip {
    width: 190px;
  }
  #tableWidget .widget.widget-automatic_pricer #tablePricer .grid-table-competition-catalog .tooltip-info.new-design.listing-title-row.own-listing-selected.price-listing .tiptext-new-design {
    max-width: 295px;
  }
}
@media (max-width: 350px) {
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details {
    grid-template-columns: 40px 110px 100px;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-reference-percent {
    margin-left: 55px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option {
    padding: 14px 4px;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option {
    width: max-content;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .price-option {
    display: flex;
  }
  #pricerDrawerConfig .drawer-body #containerListingSelectedOther .container-item-option .container-title-option .price-option .stock-shipping {
    display: flex;
  }
  #pricerDrawerConfig .drawer-body .container-box-select {
    padding: 16px 12px 20px;
  }
}
@media (max-width: 300px) {
  #tableWidget .widget.widget-automatic_pricer {
    background: transparent;
    padding: 4px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelected .container-item-option .container-title-option .title-option {
    width: 100px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedComp .container-item-option .container-title-option .title-option {
    width: 115px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option {
    width: 100px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select #containerListingSelectedOther .container-item-box-option .container-item-option .container-title-option .title-option {
    width: 100px;
  }
  #pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option .container-title-option div {
    width: auto !important;
  }
  #tableCompetitionListingSelected .grid-table-competition-catalog .winner.container-this-details .container-this-percent .style-percent-data {
    font-size: 1.6rem;
  }
}
.color-error-validation-my-listing-input {
  border-color: #f04e54 !important;
}

.color-error-validation-my-listing-leyend {
  color: #f04e54 !important;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.tooltip-hover-circle:hover {
  cursor: pointer;
}

.container-active-details-style {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.backdrop_drawer_body {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 9995;
  max-width: 100%;
  width: 500px;
}

#pricerDrawerContainerSpinner {
  position: relative;
  bottom: 150%;
  left: 40%;
}
#pricerDrawerContainerSpinner .loader-wrapper {
  padding-left: 24px;
}
#pricerDrawerContainerSpinner .loader-wrapper .spinner-loading {
  margin-bottom: -2px;
}

.banner__pricer {
  height: 100px;
  position: relative;
}
.banner__pricer .banner__background .bg-sm {
  display: none;
}
.banner__pricer img {
  width: 100%;
  height: 100%;
}
.banner__pricer .banner__content {
  display: grid;
  grid-template-columns: 393px auto 244px;
  grid-gap: 5px;
  justify-self: center;
  align-items: center;
  position: relative;
}
.banner__pricer .banner__content h3 {
  margin: 0 10px 0 50px;
  font-size: 30px;
  color: #004C89;
  font-weight: 600;
  padding: 0;
  line-height: 1.1;
  text-align: right;
}
.banner__pricer .banner__content .title-top {
  font-weight: 300;
  text-align: left;
}
.banner__pricer .banner__content p {
  font-size: 16px;
  margin: 0;
  color: #292828;
  font-weight: 400;
  text-align: right;
  max-width: 700px;
}
.banner__pricer .banner__content .body-content {
  justify-self: center;
  font-size: 16px;
}
.banner__pricer .banner__content div:last-child {
  justify-self: center;
}
.banner__pricer .banner__content .link-primary-md {
  border-radius: 4px;
  min-width: 174px;
  text-align: center;
  height: 33px;
}
.banner__pricer .banner__background {
  position: absolute;
  width: 100%;
  height: 100%;
}
.banner__pricer > div {
  height: 100px;
}
.banner__pricer > div:last-child {
  justify-self: end;
}
.banner__pricer > div:last-child a.close-btn {
  position: absolute;
  top: 0;
  right: 2px;
  background: #000000;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}
.banner__pricer > div:last-child a.close-btn i {
  display: block;
  text-align: center;
  height: 16px;
  line-height: 16px;
}
.banner__pricer > div:last-child a.close-btn svg {
  width: 8px;
  height: 8px;
  margin: 0 auto;
}
.banner__pricer > div:last-child a.close-btn svg g {
  fill: #ffffff;
}
@media (max-width: 1300px) and (min-width: 1280px) {
  .banner__pricer .banner__content .body-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .banner__pricer {
    display: block;
    height: 160px;
  }
  .banner__pricer > div:first-child {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
  }
  .banner__pricer > div.banner__content {
    display: block;
    height: auto;
  }
  .banner__pricer > div.banner__content h3 {
    font-size: 1.6rem;
    margin-top: 28px;
  }
  .banner__pricer > div.banner__content p {
    font-size: 1.4rem;
  }
  .banner__pricer > div.banner__content div:last-child {
    padding: 20px 0 6px;
    text-align: right;
    width: 95%;
  }
}

@media (max-width: 1279px) {
  .banner__pricer {
    height: 210px;
  }
  .banner__pricer .banner__background .bg-md {
    display: none;
  }
  .banner__pricer .banner__background .bg-sm {
    display: block;
  }
  .banner__pricer .banner__content {
    display: block;
  }
  .banner__pricer .banner__content h3 {
    line-height: 1.05;
    margin: 0;
  }
  .banner__pricer .banner__content h3, .banner__pricer .banner__content .title-top {
    text-align: center;
  }
  .banner__pricer .banner__content .body-title {
    margin: 20px 0 13px 0;
  }
  .banner__pricer .banner__content .body-content {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }
  .banner__pricer .banner__content .body-content p {
    text-align: center;
    width: 550px;
    line-height: 21px;
  }
  .banner__pricer .banner__content .body-footer {
    display: flex;
    justify-content: center;
    margin: 18px;
  }
  .banner__pricer .banner__content .body-footer .cta-btn {
    min-width: 685px;
  }
  .banner__pricer .banner__content .body-footer .close-btn {
    top: -20px;
  }
}
.invalid_listing {
  opacity: 0.7;
  background-color: #f5f5f5;
  pointer-events: none;
}
.invalid_listing .container-title-option .title-option {
  color: #b7b7b7;
}
.invalid_listing .container-title-option .price-option .price-op {
  color: #b7b7b7;
}
.invalid_listing .container-title-option .price-option .stock-shipping {
  color: #b7b7b7;
}

#addExtraPriceModalLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  margin: 0;
  z-index: 99;
  opacity: 80%;
}
#addExtraPriceModalLoader .custom-mdc-spinner {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

#addExtraPriceModal #errorCreatePriceModal {
  display: flex;
}
#addExtraPriceModal #errorCreatePriceModal i {
  margin: 0 8px;
}
#addExtraPriceModal .modal__confirm-proceed .widget-alert span span {
  padding-right: 0;
}
#addExtraPriceModal .modal__confirm-proceed #btn-unfollow-confirm:hover {
  background: #236da9;
}
#addExtraPriceModal .modal-dialog .modal-content .modal-header {
  background-color: #a0d0f6;
}
#addExtraPriceModal .modal-dialog .modal-content {
  border: 3px solid #a0d0f6;
}
#addExtraPriceModal .modal-dialog .modal-content .modal-header h4 {
  margin-top: -7px;
}
#addExtraPriceModal .modal-dialog .modal-content .modal-header h4:not(.title__icon)::before {
  background-image: url("../img/Alertas_indicadores/Alertas e indicadores/Information.4db002efd674.svg");
  height: 23px;
  width: 36px;
  background-position: 11px 1px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  top: 5px;
  left: -12px;
  margin-right: -3px;
  position: relative;
  background-size: 22px;
}
#addExtraPriceModal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#addExtraPriceModal .modal-footer .link-to-annual-payment {
  max-width: 230px;
  text-align: left;
}
#addExtraPriceModal .modal-footer .link-to-annual-payment a {
  color: #236da9;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
#addExtraPriceModal .modal-footer .link-to-annual-payment a:hover {
  color: #17507f;
}

#addExtraPriceModalTrial {
  top: 20%;
}
#addExtraPriceModalTrial #errorCreatePriceModal {
  display: flex;
}
#addExtraPriceModalTrial #errorCreatePriceModal i {
  margin: 0 8px;
}
#addExtraPriceModalTrial #add-pricer-confirm-mp a {
  color: white;
  text-decoration: none;
}
#addExtraPriceModalTrial #add-pricer-confirm-mp:hover {
  border-color: #236da9;
}
#addExtraPriceModalTrial .modal-footer {
  padding: 12px;
}
#addExtraPriceModalTrial .modal-content .modal-body {
  padding: 0 25px 2px 22px;
}

#add-pricer-cancel:hover {
  border-color: #236da9;
  color: #236da9;
}

#tablePricerAnnual {
  min-width: auto;
}
#tablePricerAnnual .input-wrapper {
  position: relative;
  top: 1px;
  left: -3px;
}
#tablePricerAnnual .input-wrapper input {
  width: 180px;
  border-radius: 4px;
}
#tablePricerAnnual .input-wrapper input[type=number]::-webkit-inner-spin-button,
#tablePricerAnnual .input-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#tablePricerAnnual .input-wrapper .competidores-title {
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0 4px 0 4px;
  background-color: #f5f5f5;
  height: 11px;
  font-size: 12px;
}
#tablePricerAnnual .input-wrapper .input-button {
  position: absolute;
  height: 27px;
  width: 27px;
  text-align: center;
  line-height: 27px;
  left: 170px;
  cursor: pointer;
  user-select: none;
}
#tablePricerAnnual .input-wrapper .input-button.add {
  top: -3px;
}
#tablePricerAnnual .input-wrapper .input-button.add:hover {
  cursor: pointer;
}
#tablePricerAnnual .input-wrapper .input-button.remove {
  top: 13px;
}
#tablePricerAnnual .input-wrapper .input-button.remove:hover {
  cursor: pointer;
}
#tablePricerAnnual .input-wrapper .input-button.disabled {
  opacity: 0.5;
  cursor: default;
}
#tablePricerAnnual table.payment-table {
  text-align: left;
  color: #292828;
  font-size: 14px;
  margin-top: 20px;
}
#tablePricerAnnual table.payment-table thead {
  background-color: #dbdbdb;
  height: 41px;
}
#tablePricerAnnual table.payment-table thead th {
  padding: 0 20px;
}
#tablePricerAnnual table.payment-table thead th:nth-child(3) {
  text-align: right;
}
#tablePricerAnnual table.payment-table tbody strong {
  font-size: 14px;
}
#tablePricerAnnual table.payment-table tbody td:nth-child(2) {
  width: 90px;
}
#tablePricerAnnual table.payment-table tbody td:nth-child(3) {
  text-align: right;
  padding-left: 0;
}
#tablePricerAnnual table.payment-table tbody tr:nth-child(1) {
  background-color: #f5f5f5;
  border-bottom: 1px solid #d7d7d7;
  height: 75px;
}
#tablePricerAnnual table.payment-table tbody tr:nth-child(2) td {
  padding: 17px 17px 0;
}
#tablePricerAnnual table.payment-table tbody tr:nth-child(3) {
  color: #328547;
  border-bottom: 1px solid #727272;
}
#tablePricerAnnual table.payment-table tbody tr:nth-child(3) td {
  padding: 17px;
}
#tablePricerAnnual table.payment-table tbody tr:nth-child(4) td {
  padding: 19px 13px;
}
#tablePricerAnnual table.payment-table tbody td {
  padding: 10px 15px;
}
#tablePricerAnnual table.payment-table tbody td.extra-style-td {
  padding: 26px 20px 10px 20px;
  display: flex;
}
#tablePricerAnnual table.payment-table tbody .td-change {
  margin-left: -70;
}
#tablePricerAnnual table.payment-table tbody .td-change-with-margin {
  width: auto;
  display: inline;
  margin-left: -100px;
}
#tablePricerAnnual table.payment-table tbody .td-change-width.without-margin {
  margin-left: 20px;
}
#tablePricerAnnual table.payment-table .tooltip-hover-circle .tooltip-info {
  left: 5px;
}
#tablePricerAnnual table.payment-table .tooltip-hover-circle .link-icon.new-design {
  margin-left: 8px;
  background-color: transparent;
  border-radius: 50%;
  height: 23px;
  width: 23px;
  position: relative;
  top: -3px;
  left: -9px;
}
#tablePricerAnnual table.payment-table .tooltip-hover-circle .link-icon.new-design i {
  top: 4px;
  left: 4px;
}
#tablePricerAnnual table.payment-table .tooltip-hover-circle .link-icon.new-design:hover {
  background-color: #eeeeee;
}
#tablePricerAnnual table.payment-table .tooltip-hover-circle .tiptext-new-design {
  max-width: 296px;
  margin: unset;
  left: -223px;
}

#loaderContainer.loader-container-pricer {
  margin: 20% auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .container-this-title-table .container-img-list-table {
  height: 60px;
  width: 60px;
  background-color: #eeeeee;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .container-title-list-table {
  background-color: #eeeeee;
  width: 50%;
  height: 12px;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .container-title-list-table .this-title-id {
  background-color: #eeeeee;
  height: 12px;
  margin-top: 12px;
  width: 35%;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .grid-table-competition-catalog .winner.container-this-details.rule-space {
  background-color: #eeeeee;
  height: 12px;
  width: 80%;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .grid-table-competition-catalog .winner.container-this-details.price-space.grid-margin {
  background-color: #eeeeee;
  height: 30px;
  width: 50%;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .grid-table-competition-catalog .winner.container-this-details.active-inactive.grid-margin {
  background-color: #eeeeee;
  height: 15px;
  width: 50%;
}
#tableWidget .widget.widget-automatic_pricer #tablePricer #containerToAppendPricerTableLoading .grid-table-competition-catalog .container-new-details.active-inactive {
  background-color: #eeeeee;
  height: 15px;
  width: 40%;
}

#emptyStateWidgetError {
  min-height: 400px;
  height: max-content;
  margin: -8px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#emptyStateWidgetError .container-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 100px;
}
#emptyStateWidgetError .container-empty-state .img-empty-state-container .txt-explain {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  padding-left: 11px;
}
#emptyStateWidgetError .img-empty-state-container {
  display: flex;
  flex-direction: inherit;
  align-items: center;
}
#emptyStateWidgetError .img-empty-state-container #reloadPage {
  color: #236da9;
  text-decoration: none;
}
#emptyStateWidgetError .img-empty-state-container #reloadPage:hover {
  color: #17507f;
}

#modalExtraPricesInfo {
  overflow: hidden;
}
#modalExtraPricesInfo .modal-dialog {
  margin-top: 8%;
}
#modalExtraPricesInfo .modal-dialog .container-subtitle-explain {
  margin: -17px 0 16px;
  color: #292828;
  font-size: 14px;
}
#modalExtraPricesInfo .grid-table-wrapper {
  color: #292828;
  font-size: 14px;
  min-width: 550px;
}
#modalExtraPricesInfo .grid-table-wrapper.no-variation-available .variation-title, #modalExtraPricesInfo .grid-table-wrapper.no-variation-available .variation {
  display: none;
}
#modalExtraPricesInfo .grid-table-wrapper.no-variation-available .grid-table-full-ops {
  grid-template-columns: 2fr 2fr 2fr;
}
#modalExtraPricesInfo .grid-table-wrapper.no-variation-available .grid-table-full-ops .stock-amt, #modalExtraPricesInfo .grid-table-wrapper.no-variation-available .grid-table-full-ops .stock-amt-title {
  justify-self: right;
}
#modalExtraPricesInfo .grid-table-wrapper .container-first-for-append:nth-child(even) {
  background-color: #fbfbfb;
}
#modalExtraPricesInfo .grid-table-wrapper .container-first-for-append:nth-child(odd) {
  background-color: #f5f5f5;
}
#modalExtraPricesInfo .grid-table-wrapper .container-first-for-append.empty-result {
  background-color: white;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 12px 28px 12px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .stock-amt, #modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .stock-amt-title {
  justify-self: right;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops:nth-child(even) {
  background-color: #f5f5f5;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops:nth-child(odd) {
  background-color: #fbfbfb;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers {
  background-color: #dbdbdb;
  padding: 11px 28px 11px 12px;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full svg {
  left: 7px;
  cursor: pointer;
  position: relative;
  top: 2px;
  transform: rotate(90deg);
  width: 14px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops.acquiring-items .spinner-loading i {
  animation: none;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .timestamp-title {
  line-height: 30px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .reordering-full {
  background-color: #dbdbdb;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  left: 4px;
  position: relative;
  top: 1px;
  width: 28px;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .reordering-full:hover {
  background-color: #eeeeee;
}
#modalExtraPricesInfo .grid-table-wrapper .grid-table-full-ops .reordering-full i {
  display: inline-block;
  height: 28px;
  width: 28px;
}
#modalExtraPricesInfo .grid-table-full-ops {
  grid-template-columns: 2fr 2fr 2fr;
  display: grid;
  padding: 5px 16px;
}
#modalExtraPricesInfo .grid-table-full-ops .stock-amt, #modalExtraPricesInfo .grid-table-full-ops .stock-amt-title {
  justify-self: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 16px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .my-dates, #modalExtraPricesInfo .grid-table-competition-catalog .my-listing-title {
  justify-self: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers {
  background-color: #dbdbdb;
  padding: 12px 0px 12px 28px;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers .reordering-full svg {
  left: 8px;
  cursor: pointer;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 14px;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers .reordering-full svg polygon {
  fill: #727272;
}
#modalExtraPricesInfo .grid-table-competition-catalog.table-headers .reordering-full.revert svg {
  transform: rotate(270deg);
}
#modalExtraPricesInfo .grid-table-competition-catalog.acquiring-items {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog.acquiring-items .spinner-loading i {
  animation: none;
}
#modalExtraPricesInfo .grid-table-competition-catalog .rule-space {
  margin-left: 11px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .cross-lost-catalog svg {
  width: 12px;
  height: 12px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .check-win-catalog svg {
  width: 12px;
  height: 12px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .check-win-catalog svg path {
  fill: #75c367;
}
#modalExtraPricesInfo .grid-table-competition-catalog .cross-lost-catalog.red-cross svg path {
  fill: #f04e54;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner-title {
  justify-self: left;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner {
  justify-self: left;
  align-self: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner .update-arrow .tooltip-info {
  top: 0;
  left: -7px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner .update-arrow .tooltip-info .link-icon {
  width: 10px;
  margin-left: 12px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .winner .update-arrow .tooltip-info .tiptext-new-design {
  top: 29px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .icon-win-catalog {
  margin-right: 10px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .icon-win-catalog svg {
  width: 35px;
  height: 38px;
  margin-right: 10px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .description-detail.how-to-win-catalog {
  display: flex;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog .description-detail.how-to-win-catalog span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-top: 4px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-title-table {
  display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: center;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table {
  display: grid;
  grid-template-rows: auto 1fr;
  margin-right: auto;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table a {
  cursor: default;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table a span {
  display: unset;
  cursor: pointer;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  margin-bottom: 5px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title:hover {
  text-decoration: none;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title-id {
  color: #236da9;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  cursor: pointer;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table .this-title-id:hover {
  color: #17507f;
  text-decoration: none;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-title-list-table span.this-title-id {
  cursor: default;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule .price-listing .sup-style-decimals {
  margin-left: 1%;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule span {
  margin-bottom: 5px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule span a {
  color: #444;
  text-decoration: underline;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule span.price-listing {
  margin-bottom: 0px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule.include-text {
  color: #328547;
  font-size: 14px;
  display: contents;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule.include-text i svg {
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
}
#modalExtraPricesInfo .grid-table-competition-catalog .container-this-refernce-created-rule.include-text i svg path {
  fill: #328547;
}
#modalExtraPricesInfo #leyendForPrices {
  margin-top: 12px;
  margin-bottom: 27px;
}
#modalExtraPricesInfo #leyendForPrices .text-info-prices {
  font-size: 12px;
  color: #727272;
}
#modalExtraPricesInfo #buttonCloseModalPrices {
  width: 130px;
  margin-right: -1px;
}
#modalExtraPricesInfo .modal-footer.for-month {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#modalExtraPricesInfo .modal-footer.for-month .link-to-annual-payment a {
  color: #236da9;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
#modalExtraPricesInfo .modal-footer.for-month .link-to-annual-payment a:hover {
  color: #17507f;
}

.backdrop-modal-prices {
  z-index: 9998;
}

#goAnnualPaymentBtn:hover {
  cursor: pointer;
}

#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing {
  opacity: 0.7;
  background-color: #f5f5f5;
  pointer-events: none;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option .title-option {
  color: #b7b7b7;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option .price-option .price-op {
  color: #b7b7b7;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option .price-option .stock-shipping {
  color: #b7b7b7;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option .tags-options span {
  background-color: #b7b7b7 !important;
  color: #727272 !important;
  opacity: 0.7;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option .tags-options span i svg .cls-1 {
  fill: #727272 !important;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option-tooltip .tooltip-info .link-icon.new-design i svg path {
  fill: #727272 !important;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-title-option-tooltip .tooltip-info .link-icon.new-design i svg path:hover {
  fill: #292828;
}
#pricerDrawerConfig .drawer-body .container-box-select .container-options-my-listing-item ul .li-item-option.invalid_listing .container-option-box .container-img-option {
  opacity: 0.5;
}

#alertWarningPricerLister {
  margin: 20px auto 24px;
}
#alertWarningPricerLister a {
  text-decoration: none;
  color: inherit;
  font-weight: 300;
  position: relative;
}
#alertWarningPricerLister a.widget-alert__closeable--icon {
  display: block;
  width: 20px;
  height: 20px;
}
#alertWarningPricerLister a.widget-alert__closeable--icon i {
  position: relative;
  margin: 0;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#alertWarningPricerLister a.widget-alert__closeable--icon svg path {
  fill: #727272;
}
#alertWarningPricerLister a.widget-alert__closeable--icon:hover svg path {
  fill: #292828;
}
#alertWarningPricerLister a.widget-alert__closeable--icon:hover::before {
  content: " ";
  display: block;
  background: #dbdbdb;
  border-radius: 50%;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#containerListingSelected .li-item-option.loading-list-box {
  display: grid;
  grid-template-columns: 3fr 4fr 1fr;
  padding: 16px;
  border-bottom: solid 1px #eeeeee;
}

#containerListingSelected .li-item-option.loading-list-box:hover {
  background-color: transparent;
}

.color-loading-option {
  background-color: #eeeeee;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}

#containerListingSelected .container-option-box .container-img-option.color-loading-option {
  width: 40px;
  height: 36px;
}

#containerListingSelected .price-option.color-loading-option {
  width: 116px;
  height: 12px;
}

#containerListingSelected .title-option.color-loading-option {
  width: 296px;
  height: 12px;
  margin-bottom: 12px;
}

#containerListingLoadingOther .li-item-option.loading-list-box {
  display: grid;
  grid-template-columns: 3fr 4fr 1fr;
}
#containerListingLoadingOther .li-item-option.loading-list-box .container-option-box .container-img-option.color-loading-option {
  width: 40px;
  height: 36px;
}
#containerListingLoadingOther .li-item-option.loading-list-box .price-option.color-loading-option {
  width: 116px;
  height: 14px;
}
#containerListingLoadingOther .li-item-option.loading-list-box .title-option.color-loading-option {
  width: 296px;
  height: 14px;
  margin-bottom: 12px;
}
#containerListingLoadingOther .li-item-option.loading-list-box .container-title-option.loading-box {
  margin-top: 1px;
  display: grid;
  grid-template-rows: 1fr 1fr !important;
  row-gap: 4px;
  margin-left: 14px;
}

#pricerDrawerConfig .drawer-body #containerTwo .container-box-select .explain-box.other-inputs-second-part-drawer {
  margin: -8px 0px 14px 0px;
}

#containerInputSearch {
  margin-bottom: 0;
  margin-top: 20px;
  display: flex;
}
#containerInputSearch .custom-select__select .selectize-input.items.full.has-options.has-items {
  font-weight: 400;
}
#containerInputSearch .selectize-input.items.full.has-options.has-items {
  display: flex;
  align-items: center;
}
#containerInputSearch #myListingLabelSearch {
  margin-right: 12px;
  background-color: white;
}
#containerInputSearch #myListingLabelSearch i {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  right: 5px;
}
#containerInputSearch #myListingLabelSearch i:hover {
  background-color: #eeeeee;
}
#containerInputSearch #myListingLabelSearch i:hover svg g path {
  fill: #292828;
}
#containerInputSearch #myListingLabelSearch i svg {
  width: 14px;
  height: 14px;
}
#containerInputSearch #myListingLabelSearch i svg g path {
  fill: #727272;
}
#containerInputSearch #myListingLabelSearch #pricerListingSearch {
  width: 524px;
  height: 42px;
  border-radius: 4px;
}
#containerInputSearch #myListingLabelSearch #pricerListingSearch:hover:not(:focus) {
  box-shadow: 0px 0px 0px 0.5px #727272;
  border-radius: 4px;
  cursor: pointer;
}

#alertMaxPrice span {
  font-weight: 400;
}

#alertMaxPriceBack {
  margin-top: 14px;
  color: #292828;
}
#alertMaxPriceBack svg {
  width: 12px;
  margin-right: 10px;
  height: 12px;
  position: relative;
  top: 2px;
  left: 2px;
}
#alertMaxPriceBack svg path {
  fill: #292828;
}
#alertMaxPriceBack:hover {
  cursor: pointer;
}

.none-events {
  pointer-events: none;
}

.flex__box--header {
  height: 36px;
  margin: 10px 0 20px;
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.flex__box--body {
  background: #FFFFFF;
}
.flex__message--container {
  padding: 122px 0;
}
.flex__message--image img {
  max-width: 100%;
}
.flex__message--text {
  padding: 0 44px;
}
.flex__message--text p {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  line-height: 17px;
  margin: 0;
  width: fit-content;
}
.flex__message--text p:not(:last-child) {
  margin-bottom: 5px;
}
.flex__message--text button, .flex__message--text a {
  margin-top: 20px;
}
.flex-messenger__drawer.sliding-drawer .drawer-body {
  padding-top: 24px;
}
.flex-messenger__drawer.sliding-drawer .drawer-body .widget-alert:first-child {
  margin-top: 0;
}
.flex-messenger__drawer--section {
  margin-bottom: 32px;
}
.flex-messenger__drawer--section input {
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  font-weight: normal;
  border: 1px solid #b7b7b7;
}
.flex-messenger__drawer--section input::placeholder {
  color: #727272;
}
.flex-messenger__drawer--section input[disabled] {
  background: #f5f5f5;
  color: #b7b7b7;
  border: 1px solid #b7b7b7;
  opacity: 1;
}
.flex-messenger__drawer--section input:focus {
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
  font-weight: normal;
  border: 1px solid #4194d8;
}
.flex-messenger__drawer--section input:not(.mdc-text-field__input):not(:focus):valid {
  border: 1px solid #b7b7b7;
  color: rgba(0, 0, 0, 0.87);
}
.flex-messenger__drawer--section-title {
  font-weight: 600;
  color: #292828;
  font-size: 1.4rem;
  display: block;
  margin-bottom: 12px;
}
.flex-messenger__drawer--section-phone {
  display: grid;
  grid-template-columns: 136px auto;
  grid-gap: 12px;
}
.flex-messenger__drawer--section-phone label {
  width: 100%;
  margin-top: 9px;
}
.flex-messenger__drawer--section-phone label .mdc-notched-outline__leading {
  width: 14px;
}
.flex-messenger__drawer--section-phone label .mdc-floating-label {
  font-family: "proxima-nova", Arial, sans-serif;
}
.flex-messenger__drawer--section-phone label .mdc-floating-label.text-percentage-basic.mdc-floating-label--float-above {
  top: 18px;
  font-weight: 600;
}
.flex-messenger__drawer--section-phone .label--existing-value {
  display: block;
  position: relative;
}
.flex-messenger__drawer--section-phone .label--existing-value .input__label--existing-value {
  font-size: 1.2rem;
  position: absolute;
  top: -9px;
  background: rgb(245, 245, 245);
  background: linear-gradient(0deg, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
  padding: 0 2px;
  left: 14px;
  font-weight: 600;
  color: #727272;
  font-family: "proxima-nova", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.flex-messenger__drawer .input__message {
  margin: 6px 0 4px 4px;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
}
.flex-messenger__drawer .input__message .info {
  color: #727272;
}
.flex__tabs--header {
  display: grid;
  grid-template-columns: max-content max-content;
  border-bottom: 1px solid #dbdbdb;
  position: relative;
  z-index: 8;
}
.flex__tabs--header a {
  padding: 12px 24px;
  font-weight: 400;
  font-size: 1.6rem;
  color: #292828;
  text-decoration: none;
  display: block;
  position: relative;
  line-height: 1;
}
.flex__tabs--header a:hover {
  text-decoration: none;
}
.flex__tabs--header a:hover::after {
  position: absolute;
  content: " ";
  height: 2px;
  width: 102%;
  bottom: -1px;
  background: #a0d0f6;
  border-radius: 4px 4px 0px 0px;
}
.flex__tabs--header a .numeric-badge--general {
  background: #f04e54;
  color: white;
  font-size: 10px;
  font-weight: 600;
  display: none;
  padding: 2px 4px;
  border-radius: 4px;
  vertical-align: middle;
  height: 14px;
  box-sizing: border-box;
  text-align: center;
  min-width: 14px;
}
.flex__tabs--header a .numeric-badge--general[data-type=large] {
  width: 22px;
}
.flex__tabs--header a .numeric-badge--general.active {
  display: inline-block;
}
.flex__tabs--header .active-tab a {
  z-index: 2;
  font-weight: 600;
}
.flex__tabs--header .active-tab a::after {
  position: absolute;
  content: " ";
  height: 2px;
  width: 100%;
  bottom: -1px;
  left: 0;
  background: #4194d8;
  border-radius: 4px 4px 0px 0px;
}
.flex__tabs--header-button:not(.active-tab):last-child a:hover::after {
  left: -2%;
}
.flex__tabs--header-button:not(.active-tab):first-child a:hover::after {
  right: -2%;
}
.flex__tabs--each-one {
  position: relative;
  display: none;
}
.flex__tabs--each-one.active {
  display: block;
}
.flex__tabs--each-one .assign-tab__full > p {
  color: #292828;
  margin: 24px 0 20px;
  line-height: 16px;
}
.flex__tabs--each-one[data-has-shipments=true] .assign-tab__empty {
  display: none;
}
.flex__tabs--each-one[data-has-shipments=true] .assign-tab__full {
  display: block;
}
.flex__tabs--each-one[data-has-shipments=false] {
  background: white;
  margin-top: 35px;
}
.flex__tabs--each-one[data-has-shipments=false] .assign-tab__empty {
  display: block;
}
.flex__tabs--each-one[data-has-shipments=false] .assign-tab__full {
  display: none;
}
.flex__tab--body {
  position: relative;
}
.flex__tab--container {
  background: white;
  padding: 21px 16px 16px;
}
.flex__tab--container[data-tab-id=assign] {
  display: grid;
  grid-template-columns: calc(50% - 8px) 50%;
  grid-column-gap: 8px;
}
.flex__tab--container[data-status=empty] {
  opacity: 0;
  height: 589px;
  box-sizing: border-box;
}
.flex__tab--container[data-tab-id=assigned][data-status=empty] {
  opacity: 0;
  height: 721px;
  box-sizing: border-box;
}
.flex__tab--container[data-status=full] {
  opacity: 1;
  position: relative;
  z-index: 4;
}
.flex__tab--container-placeholder {
  background: white;
  padding: 21px 16px 16px;
  height: 589px;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  z-index: 3;
  bottom: 0;
  display: grid;
  grid-template-columns: calc(50% - 8px) 50%;
  grid-column-gap: 8px;
  opacity: 1;
  transition: all 0.6s;
  z-index: 4;
}
.flex__tab--container-placeholder.hide-placeholder {
  opacity: 0;
  transition: all 0.6s;
}
.flex__tab-assigned--container {
  background: white;
  padding: 21px 16px 16px;
}
.flex__tab-assigned--container-placeholder {
  background: white;
  padding: 21px 16px 16px;
  height: auto;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  z-index: 3;
  bottom: 0;
  grid-column-gap: 8px;
  opacity: 1;
  transition: all 0.6s;
  display: block;
  height: auto;
  overflow: hidden;
  transition: all 0.6s;
}
.flex__list--header {
  padding: 0 16px 12px;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}
.flex__list--header-right {
  text-align: right;
}
.flex__list--header-placeholder {
  padding: 13px 23px 34px;
  box-sizing: border-box;
}
.flex__list--header-placeholder span {
  display: block;
  width: 128px;
  height: 17px;
}
.flex__list--header #general-button-assign {
  visibility: hidden;
}
.flex__list--header #general-button-assign.active {
  visibility: visible;
}
.flex__list--header #general-button-assign span.mdc-button__label {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
}
.flex__list--header #general-button-assign i {
  display: inline-grid;
  padding-right: 8px;
}
.flex__list--header #general-button-assign i + span {
  padding-right: 4px;
}
.flex__list--header #general-button-assign span {
  line-height: 1;
  display: inline-grid;
}
.flex__list--body {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: clip;
}
.flex__list--body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
.flex__list--body::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.flex__list--body-placeholder {
  border: 1px solid #eeeeee;
}
.flex__list--each-item {
  padding: 28px 16px 20px;
}
.flex__list--each-item:first-child {
  padding-top: 20px;
}
.flex__list--each-item:nth-child(odd) {
  background: #f5f5f5;
}
.flex__list--each-item:nth-child(even) {
  background: #fbfbfb;
}
.flex__list--each-item[data-has-cart=false] {
  display: grid;
  grid-template-columns: 52px minmax(200px, auto) minmax(120px, 142px);
}
.flex__list--each-item[data-has-cart=true] {
  border-bottom: 1px solid #4194d8;
  border-top: 1px solid #4194d8;
  position: relative;
}
.flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item {
  display: grid;
  grid-template-columns: 52px minmax(200px, auto) minmax(120px, 142px);
}
.flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item:not(:first-child)::before, .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item:not(:first-child)::after {
  content: " ";
  grid-row: 1/span 1;
}
.flex__list--each-item .mdc-form-field {
  margin-top: -6px;
}
.flex__list--feedback {
  background: #ebf8fa;
  padding: 16px 20px;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 8px;
}
.flex__list--feedback[data-is-selected=false] {
  display: none;
}
.flex__list--feedback .flex__feedback--container {
  display: none;
}
.flex__list--feedback .flex__feedback--container a {
  color: #236da9;
}
.flex__list--feedback[data-kind-selected=full] .unselect--shipments {
  display: block;
}
.flex__list--feedback[data-kind-selected=partial] .select--shipments {
  display: block;
}
.flex__feedback--container {
  width: 100%;
  text-align: center;
}
.flex__feedback--container span {
  color: #292828;
}
.flex__feedback--container span span {
  font-weight: 600;
}
.flex__feedback--container a {
  color: #4194d8;
}
.flex__feedback--container a:hover {
  color: #17507f;
  text-decoration: none;
}
.flex__shipment--placeholder {
  display: grid;
  grid-template-columns: 52px minmax(200px, auto) minmax(120px, 142px);
  padding: 20px 16px;
  border-bottom: 1px solid #eeeeee;
}
.flex__shipment--placeholder:last-child {
  border: none;
}
.flex__shipment--placeholder div:first-child span {
  display: block;
  width: 18px;
  height: 18px;
}
.flex__shipment--placeholder div:nth-child(2) span {
  display: block;
  width: 100%;
  height: 14px;
  margin-bottom: 8px;
}
.flex__shipment--placeholder div:nth-child(2) span:first-child {
  max-width: 220px;
}
.flex__shipment--placeholder div:nth-child(2) span:nth-child(2) {
  max-width: 120px;
}
.flex__shipment--placeholder div:nth-child(2) span:nth-child(3) {
  max-width: 260px;
  margin-bottom: 0;
}
.flex__shipment--placeholder div:nth-child(3) {
  align-self: center;
}
.flex__shipment--placeholder div:nth-child(3) span {
  display: block;
  width: 114px;
  height: 29px;
}
.flex__item--checkbox {
  grid-row: 1/span 2;
}
.flex__item--button {
  grid-row: 1/span 2;
  align-self: center;
  text-align: right;
}
.flex__item--button button {
  width: 114px;
  display: inline-block;
}
.flex__item--button button i {
  display: none;
}
.flex__item--address {
  grid-row: 1/span 1;
  box-sizing: border-box;
  padding-right: 15px;
}
.flex__item--address span {
  font-size: 1.4rem;
  display: block;
  max-width: 350px;
  line-height: 17px;
  color: #292828;
  font-weight: 600;
}
.flex__item--address ul {
  display: grid;
  grid-template-columns: max-content max-content;
}
.flex__item--address li {
  display: inline-block;
  width: fit-content;
  position: relative;
}
.flex__item--address li a {
  color: #292828;
  font-size: 1.2rem;
}
.flex__item--address li:first-child {
  padding-right: 8px;
}
.flex__item--address li:first-child::after {
  content: " ";
  display: inline-block;
  height: 12px;
  width: 1px;
  position: absolute;
  background: #292828;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.flex__item--address li:nth-child(2) {
  padding-left: 8px;
}
.flex__item--product {
  box-sizing: border-box;
  padding-right: 15px;
}
.flex__item--product span:not(.flex__not-include) {
  font-size: 1.4rem;
  display: block;
  max-width: 350px;
  line-height: 17px;
  color: #292828;
  font-weight: 400;
  margin: 8px 0;
}
.flex__item--product .flex__item--product-order {
  font-size: 0;
}
.flex__item--product .flex__item--product-order a, .flex__item--product .flex__item--product-order .flex__item--product-operation {
  width: max-content;
  box-sizing: border-box;
  color: #292828;
  font-size: 1.2rem;
  font-weight: 400;
}
.flex__item--product .flex__item--product-order .flex__item--product-operation {
  cursor: default;
}
.flex__item--product .flex__item--date {
  display: grid;
  grid-template-columns: min-content min-content;
  grid-gap: 10px;
}
.flex__item--product .flex__item--date span {
  font-size: 1.2rem;
  color: #727272;
  font-weight: 400;
}
.flex__item--product-pipe {
  display: inline-block;
}
.flex__item--product-pipe::before {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #292828;
  margin: 0px 6px;
}
.flex__item--info-container {
  grid-row: 1/span 1;
}
.flex__item--cart-tag {
  background: #4194d8;
  position: absolute;
  top: 0;
  width: max-content;
  padding: 1px 8px;
  height: 19px;
  left: 0;
  border-radius: 0 0 4px 0;
  text-align: center;
  font-size: 1.3rem;
  color: white;
}
.flex__multiple-list--each-item:not(:first-child) {
  margin-top: 20px;
}
.flex__multiple-list--each-item:not(:first-child) .flex__item--info-container {
  padding-top: 12px;
  border-top: 1px solid #dbdbdb;
}
.flex__templates {
  display: none;
}
.flex__map--container {
  position: relative;
}
.flex__map--loader {
  position: absolute;
  top: 50%;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  grid-template-columns: 18px max-content;
  background: white;
  align-items: center;
  grid-gap: 8px;
  padding: 7px 10px 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  width: 138px;
  height: 32px;
  box-sizing: border-box;
}
.flex__map--loader svg.mdc-circular-progress {
  width: 18px;
  height: 18px;
}
.flex__map--loader span {
  line-height: 1;
  display: block;
  margin-top: -3px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #292828;
}
.flex-main[data-state=full] .flex-main__empty-state {
  display: none;
}
.flex-main[data-state=full] .flex-main__full-state {
  display: block;
}
.flex-main[data-state=empty] .flex-main__empty-state {
  display: block;
}
.flex-main[data-state=empty] .flex-main__full-state {
  display: none;
}
.flex-assigned__list--header, .flex-assigned__list--footer, .flex-assigned__list--header-placeholder, .flex-assigned__list--footer-placeholder {
  text-align: right;
  font-size: 1.4rem;
  font-weight: 400;
  color: #b7b7b7;
  background: #f5f5f5;
  display: grid;
  height: 48px;
  justify-content: end;
  box-sizing: border-box;
  padding: 0 28px;
}
.flex-assigned__list--footer, .flex-assigned__list--footer-placeholder {
  margin-top: 8px;
}
.flex-assigned__list--header, .flex-assigned__list--footer {
  height: 52px;
}
.flex-assigned__shipment--placeholder {
  margin-top: 8px;
  border: 1px solid #dbdbdb;
  display: grid;
  grid-template-columns: 78px minmax(50%, 746px) minmax(30%, auto);
  padding: 21px 0;
  align-items: center;
}
.flex-assigned__shipment--placeholder div span {
  display: block;
}
.flex-assigned__shipment--placeholder div:first-child span {
  height: 21px;
  width: 21px;
  margin: 0 auto;
}
.flex-assigned__shipment--placeholder div:nth-child(2) span {
  height: 14px;
  width: 93px;
}
.flex-assigned__shipment--placeholder div:nth-child(2) span:nth-child(2) {
  width: 191px;
  margin: 8px 0 16px;
}
.flex-assigned__shipment--placeholder div:nth-child(3) span {
  width: 76px;
  height: 20px;
}
.flex-assigned__paginator {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 32px;
  align-self: center;
  align-items: center;
  margin-top: 4px;
}
.flex-assigned__paginator--arrows {
  display: grid;
  grid-template-columns: repeat(2, 28px);
  grid-gap: 10px;
}
.flex-assigned__paginator--arrow {
  display: flex;
  width: 28px;
  padding: 7px 10px;
  box-sizing: border-box;
  height: 28px;
}
.flex-assigned__paginator--arrow i {
  display: inline-block;
  width: 100%;
  line-height: 1;
}
.flex-assigned__paginator--arrow i polygon {
  fill: #b7b7b7;
}
.flex-assigned__paginator--arrow:last-child i {
  transform: scaleX(-1);
}
.flex-assigned__paginator--arrow[data-status-arrow=active] {
  cursor: pointer;
}
.flex-assigned__paginator--arrow[data-status-arrow=active] i polygon {
  fill: #727272;
}
.flex-assigned__assigment--data span {
  font-size: 1.2rem;
  color: #727272;
}
.flex-assigned__assigment--data span:first-child {
  font-size: 1.4rem;
  color: #292828;
}
.flex-assigned__assigment--data span:nth-child(2) {
  margin: 0 10px;
}
.flex-assigned__messenger {
  margin-top: 8px;
  border: 1px solid #dbdbdb;
}
.flex-assigned__messenger--principal-info {
  display: grid;
  grid-template-columns: calc(100% - 370px) 150px 160px 60px;
  align-items: center;
  padding: 20px 28px;
  box-sizing: border-box;
}
.flex-assigned__messenger--principal-info > div:last-child {
  display: flex;
  justify-content: end;
}
.flex-assigned__messenger--checkbox {
  text-align: center;
}
.flex-assigned__messenger--time-info {
  margin-bottom: 4px;
}
.flex-assigned__messenger--time-info [data-info-type=number] {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
.flex-assigned__messenger--time-info [data-info-type=date],
.flex-assigned__messenger--time-info [data-info-type=hour] {
  font-size: 1.2rem;
  font-weight: 400;
  color: #727272;
}
.flex-assigned__messenger--name-info {
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 12px;
  color: #292828;
}
.flex-assigned__messenger--count-info {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
.flex-assigned__messenger--status {
  text-align: center;
}
.flex-assigned__messenger--status-tag {
  display: inline-flex;
  padding: 4px 8px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7rem;
}
.flex-assigned__messenger--status-tag.yellow-tag {
  background: #fffbdd;
  color: #f36c00;
}
.flex-assigned__messenger--status-tag.blue-tag {
  background: #ebf8fa;
  color: #4194d8;
}
.flex-assigned__messenger--status-tag.red-tag {
  background: #fce9e9;
  color: #f04e54;
}
.flex-assigned__messenger--status-tag.green-tag {
  background: #e4f6e9;
  color: #328547;
}
.flex-assigned__messenger--actions {
  text-align: right;
  display: grid;
  grid-gap: 20px;
  justify-content: end;
  padding-top: 5px;
}
.flex-assigned__messenger--actions[data-type=partial] {
  grid-template-columns: repeat(2, 20px);
}
.flex-assigned__messenger--actions[data-type=all] {
  grid-template-columns: repeat(4, 20px);
}
.flex-assigned__messenger--actions a {
  cursor: pointer;
  height: 20px;
  padding: 3px;
  display: block;
  box-sizing: border-box;
  position: relative;
}
.flex-assigned__messenger--actions a i, .flex-assigned__messenger--actions a svg {
  color: #727272;
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 2;
  color: #727272;
}
.flex-assigned__messenger--actions a .tooltip-message {
  position: absolute;
  top: 28px;
  font-size: 1.4rem;
  color: #292828;
  background: white;
  padding: 12px 9px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: none;
  width: max-content;
}
.flex-assigned__messenger--actions a:hover .tooltip-message {
  display: block;
}
.flex-assigned__messenger--actions a:hover i, .flex-assigned__messenger--actions a:hover svg {
  color: #292828;
}
.flex-assigned__messenger--actions a:hover::before {
  content: " ";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  background: #eeeeee;
  border-radius: 50%;
  top: -50%;
  left: -50%;
  transform: translate(6px, 20%);
}
.flex-assigned__messenger--actions a[data-button-type=unassign] .tooltip-message {
  transform: translateX(-34%);
}
.flex-assigned__messenger--actions a[data-button-type=unassign]:hover i, .flex-assigned__messenger--actions a[data-button-type=unassign]:hover svg {
  color: #f04e54;
}
.flex-assigned__messenger--actions a[data-button-type=unassign]:hover::before {
  background: #fce9e9;
}
.flex-assigned__messenger--actions a[data-button-type=route] .tooltip-message {
  transform: translateX(-42%);
}
.flex-assigned__messenger--actions a[data-button-type=print] .tooltip-message {
  transform: translateX(-42%);
}
.flex-assigned__messenger--actions a[data-button-type=print]:hover svg path {
  fill: #292828;
}
.flex-assigned__messenger--actions a[data-button-type=whats] .tooltip-message {
  transform: translateX(-38%);
}
.flex-assigned__messenger--button {
  text-align: center;
}
.flex-assigned__messenger--button a {
  display: inline-flex;
  width: 14px;
  height: auto;
  line-height: 1;
  color: #727272;
}
.flex-assigned__messenger--button a i {
  height: auto;
  display: inline-flex;
}
.flex-assigned__messenger--button a i svg {
  width: 100%;
  height: auto;
}
.flex-assigned__messenger--show-button {
  display: block;
  margin: 0;
  width: 14px;
}
.flex-assigned__messenger--show-button i, .flex-assigned__messenger--show-button svg {
  display: block;
  width: 14px;
  height: 14px;
  color: #727272;
}
.flex-assigned__messenger .assigned-shipment__principal-info {
  font-size: 1.4rem;
}
.flex-assigned__messenger .assigned-shipment__principal-info > span {
  display: block;
  color: #292828;
}
.flex-assigned__messenger .assigned-shipment__principal-info > div + span {
  margin: 2px 0 12px;
  font-weight: 600;
  font-size: 1.6rem;
  color: #292828;
  line-height: 1;
}
.flex-assigned__messenger--hidden-info {
  display: none;
  padding: 0 28px 20px;
}
.flex-assigned__messenger--hidden-info > div {
  border-top: 1px solid #dbdbdb;
  padding-top: 20px;
}
.flex-assigned__messenger.open .flex-assigned__messenger--hidden-info {
  display: block;
}
.flex-assigned__messenger.open .flex-assigned__messenger--show-button {
  transform: scaleY(-1);
}
.flex-assigned__items--tabs-header {
  padding: 14px 30px 10px;
  display: grid;
  grid-template-columns: calc((100% - 500px) / 2) calc((100% - 303px) / 2) 150px 132px 30px;
  grid-gap: 30px;
  box-sizing: border-box;
  background: #dbdbdb;
  margin-bottom: 4px;
}
.flex-assigned__items--tabs-header span {
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
.flex-assigned__items--tabs-body[data-status-order=empty] .flex-assigned__items--placeholder {
  display: block;
}
.flex-assigned__items--tabs-body[data-status-order=empty] .flex-assigned__items--list {
  display: none;
}
.flex-assigned__items--tabs-body[data-status-order=full] .flex-assigned__items--placeholder {
  display: none;
}
.flex-assigned__items--tabs-body[data-status-order=full] .flex-assigned__items--list {
  display: block;
}
.flex-assigned__items--list .flex-assigned__item-detail {
  padding: 20px 30px;
  display: grid;
  grid-template-columns: calc((100% - 500px) / 2) calc((100% - 303px) / 2) 150px 132px 30px;
  grid-gap: 30px;
  box-sizing: border-box;
  align-items: center;
}
.flex-assigned__items--list .flex-assigned__item-detail.soft-gray {
  background: #fbfbfb;
}
.flex-assigned__items--list .flex-assigned__item-detail.dark-gray {
  background: #f5f5f5;
}
.flex-assigned__items--list .flex-assigned__item-detail .flex-assigned__item--header-mobile {
  display: none;
}
.flex-assigned__items--list .flex-assigned__item-cart-detail {
  position: relative;
  border-top: 1px solid #4194d8;
  border-bottom: 1px solid #4194d8;
}
.flex-assigned__items--list .flex-assigned__item-cart-detail .flex__item--cart-tag + .flex-assigned__item-detail {
  padding-top: 28px;
}
.flex-assigned__items--list .flex-assigned__item-detail--info p {
  margin: 0;
}
.flex-assigned__items--list .flex-assigned__item-detail--info p span {
  font-weight: 600;
}
.flex-assigned__items--list .flex-assigned__item-detail--info span {
  display: block;
  font-size: 1.4rem;
  color: #292828;
}
.flex-assigned__items--list .flex-assigned__item-detail--product p {
  font-size: 1.4rem;
  color: #292828;
  margin: 0 0 8px;
  max-width: 295px;
  width: 95%;
}
.flex-assigned__items--list .flex-assigned__item-detail--product ul {
  display: grid;
  grid-template-columns: auto auto;
  width: fit-content;
  line-height: 1;
}
.flex-assigned__items--list .flex-assigned__item-detail--product ul li {
  font-size: 1.2rem;
  color: #292828;
}
.flex-assigned__items--list .flex-assigned__item-detail--product ul li span:first-child {
  margin-right: 5px;
}
.flex-assigned__items--list .flex-assigned__item-detail--product ul li a {
  color: #292828;
}
.flex-assigned__items--list .flex-assigned__item-detail--product ul li:first-child {
  padding-right: 8px;
  border-right: 1px solid #292828;
}
.flex-assigned__items--list .flex-assigned__item-detail--product ul li:last-child {
  padding-left: 8px;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons {
  text-align: right;
  display: grid;
  grid-gap: 20px;
  justify-content: end;
  padding-top: 5px;
  grid-template-columns: repeat(2, 20px);
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a {
  cursor: pointer;
  height: 20px;
  padding: 3px;
  display: block;
  box-sizing: border-box;
  position: relative;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a i, .flex-assigned__items--list .flex-assigned__item-detail--buttons a svg {
  color: #727272;
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 2;
  color: #727272;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a .tooltip-message {
  position: absolute;
  top: 28px;
  font-size: 1.4rem;
  color: #292828;
  background: white;
  padding: 12px 9px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: none;
  width: max-content;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a:hover .tooltip-message {
  display: block;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a:hover i, .flex-assigned__items--list .flex-assigned__item-detail--buttons a:hover svg {
  color: #292828;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a:hover::before {
  content: " ";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  background: #eeeeee;
  border-radius: 50%;
  top: -50%;
  left: -50%;
  transform: translate(25%, 20%);
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=each-unassign] .tooltip-message {
  transform: translateX(-34%);
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=each-unassign]:hover i, .flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=each-unassign]:hover svg {
  color: #f04e54;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=each-unassign]:hover::before {
  background: #fce9e9;
  opacity: 0.2;
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=route] .tooltip-message {
  transform: translateX(-42%);
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=print] .tooltip-message {
  transform: translateX(-42%);
}
.flex-assigned__items--list .flex-assigned__item-detail--buttons a[data-button-type=whats] .tooltip-message {
  transform: translateX(-38%);
}
.flex-assigned__items--each-placeholder {
  display: grid;
  grid-template-columns: 260px minmax(auto, 400px) auto;
  box-sizing: border-box;
  padding: 22px 28px;
  align-items: center;
  grid-gap: 30px;
  border-bottom: 1px solid #eeeeee;
}
.flex-assigned__items--each-placeholder:last-child {
  border: none;
}
.flex-assigned__items--each-placeholder span {
  display: block;
}
.flex-assigned__items--each-placeholder > div:first-child span {
  height: 14px;
}
.flex-assigned__items--each-placeholder > div:first-child span:first-child {
  width: 94px;
  margin-bottom: 8px;
}
.flex-assigned__items--each-placeholder > div:first-child span:last-child {
  width: 190px;
}
.flex-assigned__items--each-placeholder > div:nth-child(2) span {
  height: 14px;
}
.flex-assigned__items--each-placeholder > div:nth-child(2) span:first-child {
  width: 295px;
  margin-bottom: 8px;
}
.flex-assigned__items--each-placeholder > div:nth-child(2) span:nth-child(2) {
  width: 141px;
  margin-bottom: 8px;
}
.flex-assigned__items--each-placeholder > div:nth-child(2) span:last-child {
  width: 327px;
}
.flex-assigned__items--each-placeholder > div:last-child span {
  height: 20px;
  width: 80px;
}

.assign-flex-messenger__drawer .drawer-body {
  position: relative;
}
.assign-flex-messenger__drawer--text {
  margin: 12px 0 16px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
}
.assign-flex-messenger__drawer--radios {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 4px;
  max-height: calc(100% - 110px);
  overflow: auto;
}
.assign-flex-messenger__drawer--radios .mdc-form-field {
  width: 100%;
  margin-bottom: 8px;
}
.assign-flex-messenger__drawer--radios .mdc-form-field label {
  font-size: 1.4rem;
  color: #292828;
  font-weight: 400;
  margin-top: 8px;
}
.assign-flex-messenger__drawer--radios .mdc-form-field .mdc-radio {
  margin: 10px 10px 4px 4px;
}
.assign-flex-messenger__drawer--radios .mdc-form-field .mdc-radio .mdc-radio__native-control {
  height: 18px;
  width: 18px;
}
.assign-flex-messenger__drawer--check {
  margin-top: 14px;
}

.input__wrapper.has-error .mdc-text-field.mdc-text-field--focused .mdc-floating-label.mdc-floating-label--float-above {
  color: #f04e54;
}
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading {
  border-color: #f04e54;
}
.input__wrapper.has-error .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #f04e54;
}
.input__wrapper.has-error label:hover .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.input__wrapper.has-error label:hover .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.input__wrapper.has-error label:hover .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.input__wrapper.has-error label:hover .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.input__wrapper.has-error label:hover .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.input__wrapper.has-error label:hover .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #f04e54;
}
.input__wrapper.has-error input:not(.mdc-text-field__input) {
  border: 1px solid #f04e54;
}
.input__wrapper.has-error input:not(.mdc-text-field__input):hover {
  border: 1px solid #f04e54;
}
.input__wrapper.has-error .input__message span:not(.error) {
  display: none;
}
.input__wrapper.has-error .input__message span.error {
  color: #f04e54;
}
.input__wrapper.has-error .input__message span.custom-error ~ span {
  display: none;
}
.input__wrapper:not(.has-error) .input__message span.error {
  display: none;
}

.modal-over-drawer {
  background: rgba(41, 40, 40, 0.4);
}

#assigned-tab {
  margin-top: 28px;
}
#assigned-tab .assigned-tab__empty {
  display: none;
  background: white;
}
#assigned-tab .assigned-tab__full {
  display: block;
  overflow: hidden;
}
#assigned-tab .assigned-tab__full [data-status=empty] {
  position: absolute;
  opacity: 0;
}
#assigned-tab .assigned-tab__full [data-status=empty] + .flex__tab-assigned--container-placeholder {
  position: relative;
  opacity: 1;
}
#assigned-tab .assigned-tab__full [data-status=full] {
  position: relative;
  opacity: 1;
}
#assigned-tab .assigned-tab__full [data-status=full] + .flex__tab-assigned--container-placeholder {
  position: absolute;
  opacity: 0;
  transition: all 0.6s;
  top: 0;
  height: 0;
}
#assigned-tab .assigned-tab__full [data-status=partial] {
  position: relative;
  opacity: 1;
  padding: 24px 16px;
}
#assigned-tab .assigned-tab__full [data-status=partial] + .flex__tab-assigned--container-placeholder {
  position: absolute;
  opacity: 0;
  transition: all 0.6s;
  top: 0;
  height: 0;
}
#assigned-tab .assigned-tab__full [data-status=partial] .flex-assigned__list--footer {
  display: none;
}
#assigned-tab .assigned-tab__full .widget-alert {
  margin-top: 0;
  box-sizing: border-box;
}
#assigned-tab[data-status=empty] .assigned-tab__empty {
  display: block;
}
#assigned-tab[data-status=empty] .assigned-tab__full {
  display: none;
}

#shipping-map {
  height: 100%;
  z-index: 2;
  min-height: 555px;
}

#shipping-map-placeholder {
  background: #eeeeee;
  width: 100%;
  height: 100%;
}

[data-loader=active] .flex__map--loader {
  display: grid;
}
[data-loader=active] .flex__list--loader {
  padding: 20px 0 10px;
}
[data-loader=active] .flex__list--loader .custom-mdc-spinner {
  display: block;
  text-align: center;
}

[data-loader=off] .flex__map--loader {
  display: none;
}
[data-loader=off] .flex__list--loader .custom-mdc-spinner {
  display: none;
}

[data-checkbox-state=half-active] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  display: none;
}
[data-checkbox-state=half-active] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  height: 2px;
  border: none;
  background: white;
  opacity: 1;
  transform: initial;
}

.sliding-drawer .spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.sliding-drawer .spinner-wrapper .custom-mdc-spinner {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.sliding-drawer.assign-flex-messenger__drawer.drawer-wrapper .drawer-header, .sliding-drawer.flex-edit-messenger__drawer.drawer-wrapper .drawer-header, .sliding-drawer.flex-messenger__drawer.drawer-wrapper .drawer-header {
  grid-template-columns: minmax(auto, 430px) 30px;
}
.sliding-drawer.assign-flex-messenger__drawer #arrowBackPrevMessengerList, .sliding-drawer.flex-edit-messenger__drawer #arrowBackPrevMessengerList, .sliding-drawer.flex-messenger__drawer #arrowBackPrevMessengerList {
  margin-top: 3px;
}
.sliding-drawer.assign-flex-messenger__drawer[data-has-messengers=false] .flex-messenger__drawer--back, .sliding-drawer.flex-edit-messenger__drawer[data-has-messengers=false] .flex-messenger__drawer--back, .sliding-drawer.flex-messenger__drawer[data-has-messengers=false] .flex-messenger__drawer--back {
  display: none;
}
.sliding-drawer.assign-flex-messenger__drawer[data-has-messengers=true] .drawer-header, .sliding-drawer.flex-edit-messenger__drawer[data-has-messengers=true] .drawer-header, .sliding-drawer.flex-messenger__drawer[data-has-messengers=true] .drawer-header {
  grid-template-columns: 25px 407px 30px;
}
.sliding-drawer.assign-flex-messenger__drawer[data-has-messengers=true] .flex-messenger__drawer--back, .sliding-drawer.flex-edit-messenger__drawer[data-has-messengers=true] .flex-messenger__drawer--back, .sliding-drawer.flex-messenger__drawer[data-has-messengers=true] .flex-messenger__drawer--back {
  padding: 0;
  background: none;
  border: none;
  width: 9px;
  display: grid;
  align-self: center;
  line-height: 1;
  color: #727272;
}

.disabled-button {
  pointer-events: none;
}

.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
  top: 16px;
  right: 16px;
}

.leaflet-popup-content-wrapper {
  overflow: hidden;
  position: relative;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  min-width: 290px !important;
}
.leaflet-popup-content-wrapper .flex-popup__items--list {
  overflow-y: scroll;
  overflow-x: clip;
  max-height: 63px;
  overflow-y: scroll;
}
.leaflet-popup-content-wrapper .flex-popup__items--list::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
.leaflet-popup-content-wrapper .flex-popup__items--list::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
.leaflet-popup-content-wrapper .flex-popup__items--list li {
  position: relative;
  box-sizing: border-box;
  padding: 2px 16px 0;
  line-height: 1;
}
.leaflet-popup-content-wrapper .flex-popup__items--list li span {
  position: relative;
  z-index: 2;
  line-height: 1.2;
  font-size: 1.4;
  font-weight: 400;
  color: #292828;
}
.leaflet-popup-content-wrapper .flex-popup__container {
  margin: 20px 0 16px;
}
.leaflet-popup-content-wrapper .flex-popup__header {
  padding: 0 16px 8px;
}
.leaflet-popup-content-wrapper .flex-popup__body {
  padding-right: 8px;
}
.leaflet-popup-content-wrapper .flex-popup__footer {
  padding: 22px 16px 0;
  display: grid;
  grid-template-columns: calc(50% - 4px) calc(50% - 4px);
  column-gap: 8px;
}
.leaflet-popup-content-wrapper .flex-popup__footer [data-type=select], .leaflet-popup-content-wrapper .flex-popup__footer [data-type=unselect] {
  display: none;
}
.leaflet-popup-content-wrapper .flex-popup__footer[data-state=unselected] [data-type=select] {
  display: block;
}
.leaflet-popup-content-wrapper .flex-popup__footer[data-state=selected] [data-type=unselect] {
  display: block;
}
.leaflet-popup-content-wrapper .flex-popup__address {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #292828;
  width: 236px;
}
.leaflet-popup-content-wrapper .flex-popup__close-btn {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 18px;
  height: 18px;
  padding: 4px;
  box-sizing: border-box;
}
.leaflet-popup-content-wrapper .flex-popup__close-btn i {
  width: 100%;
  display: block;
  height: 10px;
  line-height: 1;
}
.leaflet-popup-content-wrapper .flex-popup__close-btn svg {
  width: 100%;
  height: 10px;
}
.leaflet-popup-content-wrapper .flex-popup__close-btn g {
  fill: #727272;
}
.leaflet-popup-content-wrapper .flex-popup__close-btn:hover {
  border-radius: 50%;
  background: #eeeeee;
  cursor: pointer;
}
.leaflet-popup-content-wrapper .flex-popup__close-btn:hover g {
  fill: #292828;
}
.leaflet-popup-content-wrapper [data-has-cart=true] .flex-popup__items--list li {
  padding: 10px 40px;
}
.leaflet-popup-content-wrapper [data-has-cart=true] .flex-popup__items--list li:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.leaflet-popup-content-wrapper [data-has-cart=true] .flex-popup__body {
  height: 69px;
  background: #f5f5f5;
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 8px 4px 0;
}
.leaflet-popup-content-wrapper [data-has-cart=true] .flex-popup__tag {
  background: #4194d8;
  position: absolute;
  top: 0;
  padding: 1px 6px;
  height: 19px;
  left: 0;
  border-radius: 0 0 4px 0;
  text-align: center;
  font-size: 1.3rem;
  color: white;
}
.leaflet-popup-content-wrapper [data-has-cart=true] .flex-popup__header {
  padding: 10px 16px 8px;
}
.leaflet-popup-content-wrapper [data-has-cart=false] .flex-popup__tag {
  display: none;
}

.flex-edit-messenger__item {
  padding: 16px 20px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: calc(100% - 64px) 64px;
  align-items: center;
  text-transform: capitalize;
}
.flex-edit-messenger__item span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  color: #292828;
  line-height: 17px;
}
.flex-edit-messenger__item span:first-child {
  margin-bottom: 4px;
  font-weight: 600;
}
.flex-edit-messenger__item > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 3px));
  column-gap: 6px;
}
.flex-edit-messenger__item > div:last-child a {
  text-align: center;
  display: inline-flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}
.flex-edit-messenger__item > div:last-child a i {
  width: auto;
  height: 14px;
  display: inline-block;
  color: #727272;
}
.flex-edit-messenger__item > div:last-child a i svg {
  width: auto;
  height: 100%;
}
.flex-edit-messenger__item > div:last-child a span.tooltip-message {
  position: absolute;
  top: 32px;
  font-size: 1.4rem;
  color: #292828;
  background: white;
  padding: 12px 9px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: none;
}
.flex-edit-messenger__item > div:last-child a.flex-edit-messenger__button--edit:hover {
  background: #eeeeee;
}
.flex-edit-messenger__item > div:last-child a.flex-edit-messenger__button--edit:hover i {
  color: #292828;
}
.flex-edit-messenger__item > div:last-child a.flex-edit-messenger__button--edit:hover span.tooltip-message {
  display: block;
}
.flex-edit-messenger__item > div:last-child a.flex-edit-messenger__button--delete:hover {
  background: #fce9e9;
}
.flex-edit-messenger__item > div:last-child a.flex-edit-messenger__button--delete:hover i {
  color: #f04e54;
}
.flex-edit-messenger__item > div:last-child a.flex-edit-messenger__button--delete:hover span.tooltip-message {
  display: block;
}

#editFlexMessengerDrawer .drawer-body {
  position: relative;
}
#editFlexMessengerDrawer .drawer-footer {
  position: relative;
  padding: 15px 20px;
  width: 100%;
  box-sizing: border-box;
  height: auto;
}
#editFlexMessengerDrawer .drawer-footer .buttons-in-ft {
  padding-right: 0;
}
#editFlexMessengerDrawer .drawer-footer .buttons-in-ft > button:first-child {
  margin-right: 0;
}
#editFlexMessengerDrawer .drawer-footer button {
  width: 100%;
}

.flex-roadmap__printing--container {
  font-weight: 600;
  border: 1px solid transparent;
  margin: 30px auto 20px;
  padding: 28px 24px 34px;
  background: none;
  color: #000;
  width: 595px;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  box-sizing: border-box;
}
.flex-roadmap__printing--container:not(.print-btn-container) {
  box-shadow: 0px 1px 8px 0px rgba(219, 219, 219, 0.3);
  border: 1px solid #dbdbdb;
}
.flex-roadmap__printing--container.print-btn-container {
  padding: 20px 0px 0;
  text-align: right;
  margin: 0 auto;
}
.flex-roadmap__printing--container.print-btn-container button {
  display: inline-block;
}
.flex-roadmap__printing--header {
  padding-bottom: 16px;
  border-bottom: 1px solid #b7b7b7;
}
.flex-roadmap__printing--header > div {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-bottom: 24px;
}
.flex-roadmap__printing--header > div div:nth-child(2) {
  text-align: right;
}
.flex-roadmap__printing--header > div div:nth-child(2) span {
  display: inline-flex;
}
.flex-roadmap__printing--header ul li {
  font-weight: 400;
  font-size: 1.2rem;
}
.flex-roadmap__printing--header ul strong {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 4px;
}
.flex-roadmap__printing--body {
  padding-top: 20px;
}
.flex-roadmap__printing--item {
  border: 1px solid #dbdbdb;
  margin-bottom: 8px;
  box-sizing: border-box;
  padding: 16px 0px;
  display: grid;
  grid-template-columns: 60px calc(100% - 75px) 15px;
  align-items: center;
  position: relative;
}
.flex-roadmap__printing--item:last-child {
  margin-bottom: 0;
}
.flex-roadmap__printing--item.has-flex-cart {
  border-top: 1px solid #292828;
  border-bottom: 1px solid #292828;
}
.flex-roadmap__printing-item--check span:not(.flex-roadmap__printing-item--cart) {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 2px solid #292828;
  display: inline-block;
  margin-left: 22px;
  background-color: transparent;
}
.flex-roadmap__printing-item--check .flex-roadmap__printing-item--cart {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 45px;
  height: 20px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #292828;
  -webkit-print-color-adjust: exact;
  color: #FFFFFF;
  border-radius: 0 0 4px 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  padding: 3px 6px 0px;
}
.flex-roadmap__printing-item--info li {
  margin-bottom: 4px;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
}
.flex-roadmap__printing-item--info li span {
  font-weight: 600;
}
.flex-roadmap__printing-item--info li:last-child {
  margin-bottom: 0;
}

#cancelAssingment .modal-dialog, #cancelShipmentAssingment .modal-dialog, #close-drawer-add-messenger .modal-dialog {
  max-width: 445px;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
}

[data-paginator-status=active] > div {
  color: #727272;
}
[data-paginator-status=active] > div span {
  color: #727272;
}

@media (min-width: 768px) {
  .flex__message--container {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
  }
  .flex-global-main {
    min-height: auto;
    margin-bottom: 70px;
  }
}
@media print {
  .flex-roadmap__printing--container.print-btn-container {
    display: none;
  }
}
@page {
  size: auto;
  margin: 0mm;
}
@media (max-width: 960px) {
  .flex__tab--container-placeholder {
    height: initial;
    bottom: initial;
    top: 0;
  }
  .flex__tab--container-placeholder .flex__list--body-placeholder {
    border: 0 none;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder {
    border: 1px solid #eeeeee;
    display: grid;
    grid-template-columns: 52px calc(100% - 52px);
    margin-bottom: 8px;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder div:nth-child(2) span:first-child {
    max-width: 95%;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder div:nth-child(2) span:nth-child(2) {
    width: 50%;
    min-width: 138px;
    max-width: initial;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder div:nth-child(2) span:last-child {
    display: none;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder div:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder div:nth-child(3) span {
    width: 100%;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder div:nth-child(3):before {
    content: " ";
    display: block;
    width: 100%;
    height: 14px;
    margin-bottom: 20px;
    background: #eeeeee;
  }
  .flex__tab--container-placeholder .flex__shipment--placeholder:last-child {
    display: none;
  }
  .flex__item--button button.mdc-button--unelevated {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 0;
    border-radius: 50%;
    display: block;
    min-width: 40px;
  }
  .flex__item--button button.mdc-button--unelevated i {
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: bottom;
  }
  .flex__item--button button.mdc-button--unelevated i svg {
    width: 100%;
  }
  .flex__item--button button.mdc-button--unelevated .mdc-button__label {
    display: none;
  }
  .flex__list--each-item[data-has-cart=false] {
    grid-template-columns: 52px calc(100% - 110px) 56px;
  }
  .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item {
    grid-template-columns: 52px calc(100% - 110px) 56px;
  }
  .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item:first-child {
    margin-top: 10px;
  }
  .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item + .flex__multiple-list--each-item {
    grid-template-columns: 1fr;
  }
  .flex__list--each-item .flex__item--button {
    grid-row: initial;
    display: grid;
    justify-content: end;
    align-self: start;
  }
  .flex__list--each-item .flex__item--product {
    padding-top: 16px;
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .flex-assigned__items--tabs-header {
    padding: 20px 20px;
    grid-template-columns: 30% 30% 20% 15%;
    grid-gap: 10px;
  }
  .flex-assigned__items--list .flex-assigned__item-detail {
    padding: 20px 20px;
    grid-template-columns: 30% 30% 20% 15%;
    grid-gap: 10px;
  }
  .flex-assigned__items--list .flex-assigned__item-detail .flex-assigned__item-detail--tag {
    text-align: center;
  }
  .flex-assigned__items--tabs-body[data-status-order=empty] .flex-assigned__items--placeholder .flex-assigned__items--each-placeholder {
    padding: 20px 20px;
    grid-template-columns: 30% 40% 23%;
    grid-gap: 20px;
  }
  .flex-assigned__items--tabs-body[data-status-order=empty] .flex-assigned__items--placeholder .flex-assigned__items--each-placeholder > div:last-child {
    text-align: center;
  }
  .flex-assigned__items--tabs-body[data-status-order=empty] .flex-assigned__items--placeholder .flex-assigned__items--each-placeholder > div span {
    max-width: 100%;
  }
  .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item:not(:first-child)::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .flex-main {
    margin-bottom: 100px;
  }
  .flex__tab--container-placeholder {
    display: block;
    margin-top: 56px;
  }
  .flex__tab--container[data-tab-id=assign] {
    display: block;
  }
  .flex__tab--container .flex__map--container {
    display: none;
  }
  .flex__tabs--header {
    grid-template-columns: minmax(100px, max-content) minmax(130px, max-content);
  }
  .flex__tabs--header a {
    font-size: 16px;
  }
  .flex__tabs--header .active-tab a {
    font-weight: 600;
  }
  .flex__box--header {
    height: auto;
    margin-bottom: 24px;
  }
  .flex__box--header button {
    display: block;
    width: 100%;
  }
  .flex__box--header button:nth-child(2) {
    margin: 8px 0px 0px;
  }
  .assign-tab__full > p {
    font-size: 14px;
    margin: 16px 0;
  }
  .flex__list--header {
    padding: 0 0px 12px 0;
    margin-left: -10px;
    width: calc(100% + 6px);
  }
  .flex__list--header #general-button-assign {
    min-width: 134px;
  }
  .flex__list--feedback[data-kind-selected=partial] {
    margin-bottom: 12px;
  }
  .flex__list--feedback[data-kind-selected=partial] .select--shipments {
    font-size: 14px;
  }
  .flex__list--feedback[data-kind-selected=partial] .select--shipments > span, .flex__list--feedback[data-kind-selected=partial] .select--shipments a {
    display: block;
  }
  .flex-main__empty-state .flex__message--image {
    text-align: center;
    margin-bottom: 16px;
  }
  .flex-main__empty-state .flex__message--text {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding: 0;
    width: calc(100% - 32px);
    margin: 0 auto;
  }
  .flex-main__empty-state .flex__message--text p {
    font-size: 14px;
    line-height: 17px;
    display: contents;
  }
  .flex-main__empty-state .flex__message--text p:not(:last-child) {
    margin-bottom: 0;
  }
  .flex-main__empty-state .flex__message--text a {
    width: 100%;
  }
  .flex__list--each-item {
    background: #fff;
    border: 1px solid #dbdbdb;
    margin-bottom: 8px;
  }
  .flex__list--each-item .mdc-form-field {
    margin: -6px 0 0 -6px;
  }
  .flex__list--each-item:nth-child(odd), .flex__list--each-item:nth-child(even) {
    background: #fff;
  }
  .flex__list--each-item .flex__item--product {
    border-top: 1px solid #eeeeee;
    margin-top: 16px;
  }
  .flex__list--each-item .flex__item--product span:not(.flex__item--product-pipe, .flex__item--product-operation) {
    font-size: 14px;
  }
  .flex__list--each-item .flex__item--product .flex__item--product-order a, .flex__list--each-item .flex__item--product .flex__item--product-order .flex__item--product-operation {
    font-size: 12px;
  }
  .flex__list--each-item .flex__item--address span {
    font-size: 14px;
  }
  .flex__list--each-item[data-has-cart=true] {
    border: 1px solid #4194d8;
  }
  .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item:not(:first-child)::before {
    display: none;
  }
  .flex__list--each-item[data-has-cart=true] .flex__multiple-list--each-item:not(:first-child) .flex__item--info-container {
    padding-top: 20px;
  }
  .flex__list--each-item[data-has-cart=true] .flex__item--product {
    border: none;
    margin-top: 0;
  }
  .flex__list--each-item[data-has-cart=true] .flex__item--product > span:first-child {
    margin-top: 4px;
  }
  .sliding-drawer.assign-flex-messenger__drawer .drawer-header__title h4 {
    font-size: 18px;
  }
  .sliding-drawer.assign-flex-messenger__drawer.drawer-wrapper .assign-flex-messenger__drawer--radios {
    padding-bottom: 14px;
  }
  .sliding-drawer.assign-flex-messenger__drawer.drawer-wrapper .assign-flex-messenger__drawer--check {
    margin-top: 18px;
  }
  .sliding-drawer.assign-flex-messenger__drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button.confirmer {
    width: 114px;
  }
  .sliding-drawer.flex-edit-messenger__drawer#editFlexMessengerDrawer .drawer-header__title h4 {
    font-size: 18px;
  }
  .sliding-drawer.flex-edit-messenger__drawer#editFlexMessengerDrawer .flex-edit-messenger__item span {
    font-size: 1.6rem;
  }
  .sliding-drawer.flex-edit-messenger__drawer#editFlexMessengerDrawer .drawer-body {
    padding: 24px 16px;
    height: calc(100vh - 194px);
  }
  .sliding-drawer.flex-edit-messenger__drawer#editFlexMessengerDrawer .drawer-footer {
    padding: 18px 20px;
  }
  .sliding-drawer.flex-edit-messenger__drawer#editFlexMessengerDrawer .drawer-footer .buttons-in-ft > button.confirmer {
    width: 114px;
  }
  .sliding-drawer.flex-messenger__drawer .drawer-header__title h4 {
    font-size: 18px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .flex-messenger__drawer--section-phone {
    display: block;
    margin-top: 21px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .flex-messenger__drawer--section-phone .input__wrapper {
    margin-top: 15px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .flex-messenger__drawer--section-phone .input__wrapper .input__message .info {
    font-size: 12px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .drawer-footer .buttons-in-ft > button.confirmer {
    width: 114px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .flex-messenger__drawer--section input {
    font-size: 14px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .flex-messenger__drawer--section-title {
    font-size: 14px;
  }
  .sliding-drawer.flex-messenger__drawer.drawer-wrapper .flex-messenger__drawer--section-phone .label--existing-value .input__label--existing-value {
    font-size: 12px;
  }
  .modal-over-drawer#close-assign-drawer .modal-dialog, .modal-over-drawer#edit-messenger-modal .modal-dialog, .modal-over-drawer#close-edit-drawer .modal-dialog, .modal-over-drawer#close-drawer .modal-dialog, .modal-over-drawer#cancelAssingment .modal-dialog, .modal-over-drawer#close-drawer-add-messenger .modal-dialog {
    max-width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .modal-over-drawer#close-assign-drawer .modal-header h4 + p, .modal-over-drawer#edit-messenger-modal .modal-header h4 + p, .modal-over-drawer#close-edit-drawer .modal-header h4 + p, .modal-over-drawer#close-drawer .modal-header h4 + p, .modal-over-drawer#cancelAssingment .modal-header h4 + p, .modal-over-drawer#close-drawer-add-messenger .modal-header h4 + p {
    font-size: 14px;
  }
  .modal-over-drawer#close-assign-drawer .modal-footer, .modal-over-drawer#edit-messenger-modal .modal-footer, .modal-over-drawer#close-edit-drawer .modal-footer, .modal-over-drawer#close-drawer .modal-footer, .modal-over-drawer#cancelAssingment .modal-footer, .modal-over-drawer#close-drawer-add-messenger .modal-footer {
    padding-top: 55px;
  }
  .modal-over-drawer#close-assign-drawer .modal-footer > div, .modal-over-drawer#edit-messenger-modal .modal-footer > div, .modal-over-drawer#close-edit-drawer .modal-footer > div, .modal-over-drawer#close-drawer .modal-footer > div, .modal-over-drawer#cancelAssingment .modal-footer > div, .modal-over-drawer#close-drawer-add-messenger .modal-footer > div {
    display: grid;
    grid-template-columns: repeat(2, calc((100% - 24px) / 2));
    grid-gap: 24px;
  }
  .modal-over-drawer#close-assign-drawer .modal-footer > div button, .modal-over-drawer#edit-messenger-modal .modal-footer > div button, .modal-over-drawer#close-edit-drawer .modal-footer > div button, .modal-over-drawer#close-drawer .modal-footer > div button, .modal-over-drawer#cancelAssingment .modal-footer > div button, .modal-over-drawer#close-drawer-add-messenger .modal-footer > div button {
    padding: 8px 15px;
    font-size: 14px;
  }
  .modal-over-drawer#close-assign-drawer .modal-footer > div button:first-child, .modal-over-drawer#edit-messenger-modal .modal-footer > div button:first-child, .modal-over-drawer#close-edit-drawer .modal-footer > div button:first-child, .modal-over-drawer#close-drawer .modal-footer > div button:first-child, .modal-over-drawer#cancelAssingment .modal-footer > div button:first-child, .modal-over-drawer#close-drawer-add-messenger .modal-footer > div button:first-child {
    margin-right: 0;
  }
  .flex-assigned__list--header {
    padding: 0 16px;
  }
  .flex-assigned__items--each-placeholder {
    display: block;
  }
  .flex-assigned__items--each-placeholder > div {
    margin-bottom: 20px;
  }
  .flex-assigned__items--each-placeholder > div span {
    max-width: 100%;
  }
  .flex-assigned__messenger--principal-info {
    grid-template-columns: 1fr 1fr;
    padding: 20px 16px;
    position: relative;
  }
  .flex-assigned__messenger--principal-info .assigned-shipment__principal-info {
    grid-column-start: 1;
    grid-column-end: 4;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
  }
  .flex-assigned__messenger--principal-info .assigned-shipment__principal-info .flex-assigned__assigment--data span {
    font-size: 12px;
  }
  .flex-assigned__messenger--principal-info .assigned-shipment__principal-info .flex-assigned__assigment--data span:first-child {
    font-size: 14px;
    display: block;
  }
  .flex-assigned__messenger--principal-info .assigned-shipment__principal-info .flex-assigned__assigment--data span:nth-child(2) {
    margin-left: 0;
  }
  .flex-assigned__messenger--principal-info .assigned-shipment__principal-info > div + span {
    font-size: 16px;
    margin-top: 4px;
  }
  .flex-assigned__messenger--principal-info .assigned-shipment__principal-info > span:last-child {
    font-size: 14px;
  }
  .flex-assigned__messenger--principal-info .flex-assigned__messenger--actions + div {
    position: absolute;
    top: 20px;
    right: 16px;
  }
  .flex-assigned__messenger--actions {
    padding-top: 2px;
  }
  .flex-assigned__messenger--status-tag {
    font-size: 14px;
  }
  .flex-assigned__messenger--hidden-info {
    padding: 20px 16px;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--tabs-header {
    display: none;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    padding: 16px 18px;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail span, .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail p {
    font-size: 14px;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail.soft-gray {
    background: #ffffff;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--info, .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product {
    grid-column-start: 1;
    grid-column-end: 4;
    display: grid;
    grid-template-columns: 40% 60%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    align-items: center;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--info .flex-assigned__item--header-mobile, .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product .flex-assigned__item--header-mobile {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #292828;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product ul {
    display: block;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product ul li {
    font-size: 12px;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product ul li span {
    font-size: 12px;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product ul li:last-child {
    padding-left: 0;
  }
  .flex__message--image {
    text-align: center;
    margin-bottom: 20px;
  }
  .flex__message--text {
    text-align: center;
    font-size: 14px;
  }
  .flex__message--text p {
    font-size: 14px;
    display: inline-block;
  }
  .flex__message--text.without-flex {
    margin-top: 25px;
  }
  .flex__message--text.without-flex p span {
    display: block;
  }
  .flex-assigned__shipment--placeholder {
    grid-template-columns: 1fr 1fr;
  }
  .flex-assigned__shipment--placeholder > div span {
    max-width: 90%;
  }
  .flex-assigned__shipment--placeholder > div:first-child {
    display: none;
  }
  .flex-assigned__shipment--placeholder > div:last-child {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .flex-assigned__shipment--placeholder > div:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 3;
    padding-left: 18px;
  }
  .flex-assigned__shipment--placeholder > div:nth-child(2) span {
    width: 60%;
  }
  .flex-assigned__shipment--placeholder > div:nth-child(2) span:nth-child(2) {
    width: 80%;
  }
  .flex-assigned__shipment--placeholder > div:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    grid-gap: 20px;
    padding: 15px 18px;
  }
  .flex-assigned__shipment--placeholder > div:nth-child(3) span {
    width: 100%;
    max-width: 100%;
  }
  .flex-assigned__shipment--placeholder > div:nth-child(3):after {
    content: " ";
    display: block;
    height: 20px;
    background: #eeeeee;
    width: 100%;
  }
  .flex-assigned__paginator {
    margin-top: 0px;
  }
  .flex-assigned__paginator--arrows {
    grid-template-columns: repeat(2, 32px);
  }
  .flex-assigned__paginator--arrows .flex-assigned__paginator--arrow {
    width: 32px;
    padding: 9px 12px;
    height: 32px;
  }
}
@media (max-width: 360px) {
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--info,
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail--product {
    grid-template-columns: 35% 65%;
  }
  .flex-assigned__messenger--hidden-info .flex-assigned__items--list .flex-assigned__item-detail {
    grid-template-columns: 1.5fr 1fr;
  }
}
.has-error-label {
  color: #f04e54 !important;
}

.loading-text-animation-assigned, .flex__list--header-placeholder span, .flex__shipment--placeholder div:first-child span, .flex__shipment--placeholder div:nth-child(2) span, .flex__shipment--placeholder div:nth-child(3) span, .flex-assigned__shipment--placeholder div span, .flex-assigned__shipment--placeholder div:first-child span, .flex-assigned__shipment--placeholder div:nth-child(2) span:nth-child(2), .flex-assigned__shipment--placeholder div:nth-child(3) span, .flex-assigned__items--each-placeholder span {
  background-color: #eeeeee;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
.loading-text-animation-assigned:first-child, .flex__list--header-placeholder span:first-child, .flex__shipment--placeholder div:first-child span:first-child, .flex__shipment--placeholder div:nth-child(2) span:first-child, .flex__shipment--placeholder div:nth-child(3) span:first-child, .flex-assigned__shipment--placeholder div span:first-child, .flex-assigned__shipment--placeholder div:nth-child(2) span:first-child:nth-child(2), .flex-assigned__items--each-placeholder span:first-child {
  margin-bottom: 8px;
}

#flexConfigDrawer .nav-tabs.nav-tabs__small > li.active a[data-toggle=tab].disabled,
#flexConfigDrawer .nav-tabs.nav-tabs__small > li.active a[data-toggle=tab].disabled:hover,
#flexConfigDrawer .nav-tabs.nav-tabs__small > li.active a[data-toggle=tab].disabled:focus {
  font-weight: normal;
}
#flexConfigDrawer .spinner-wrapper {
  z-index: 10;
  display: none;
}
#flexConfigDrawer.is-hiden {
  right: -530px !important;
  transition: all 0.2s ease-out;
}
#flexConfigDrawer .drawer-body .nav-tabs {
  margin: 8px 0px 10px 0px;
  border-bottom-color: #dbdbdb;
}
#flexConfigDrawer .drawer-body .nav-tabs li a[data-toggle=tab].disabled:focus,
#flexConfigDrawer .drawer-body .nav-tabs li.active a[data-toggle=tab].disabled:focus {
  font-weight: normal !important;
}
#flexConfigDrawer .drawer-body .nav-tabs li a[data-toggle=tab].disabled::after,
#flexConfigDrawer .drawer-body .nav-tabs li.active a[data-toggle=tab].disabled::after {
  box-shadow: none;
}
#flexConfigDrawer .drawer-body .api-get-information-error-alert {
  padding: 68px 138px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: column;
  border: 1px solid #dbdbdb;
}
#flexConfigDrawer .drawer-body .api-get-information-error-alert .api-get-information-error-alert__text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#flexConfigDrawer .drawer-body .api-get-information-error-alert .api-get-information-error-alert__text p {
  margin: 0;
  font-size: 14px;
  color: #292828;
}
#flexConfigDrawer .drawer-body #delivery-times-config {
  display: none;
  overflow-y: auto;
  max-height: calc(100% - 68px);
}
#flexConfigDrawer .drawer-body #delivery-times-config::-webkit-scrollbar {
  width: 3px;
  height: 8px;
}
#flexConfigDrawer .drawer-body #delivery-times-config::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 16px 0px;
  gap: 20px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config::-webkit-scrollbar {
  width: 3px;
  height: 8px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .widget-alert {
  margin: 0;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .section-title {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  padding: 0;
  margin: 0;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .radio-buttons-time-delivery {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .section-description {
  margin: 0;
  padding: 0;
  color: #292828;
  font-size: 14px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .mdc-radio__native-control {
  width: 42px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config input:focus {
  box-shadow: none !important;
  transition: none;
  -webkit-transition: none;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives {
  width: 445px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 20px 12px 20px;
  border-bottom: 1px solid #dbdbdb;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative:nth-child(odd) {
  background-color: #f5f5f5;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  gap: 12px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize {
  width: 128px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .custom-placeholder {
  background: linear-gradient(to top, #fbfbfb 60%, transparent 40%);
  font-size: 12px;
  font-weight: 600;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-control.single .selectize-input {
  background-color: #FFFFFF;
  color: #292828;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-control.single .selectize-input:hover {
  border-color: #727272;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-control.single .selectize-input:hover .item {
  color: #292828;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-dropdown.single::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-dropdown.single::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-dropdown.single .selectize-dropdown-content {
  max-height: 190px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .time-comfiguration-dropdowns .mtl-selectize .selectize-dropdown.single .selectize-dropdown-content .option {
  color: #292828;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .max-shippings-capacity {
  margin-top: 22px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .max-shippings-capacity .max-shippings-capacity-input-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column;
  gap: 4px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .max-shippings-capacity .max-shippings-capacity-input-container .mdc-text-field {
  background-color: #FFFFFF;
  width: 205px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .max-shippings-capacity .max-shippings-capacity-input-container .mdc-text-field input:disabled {
  background-color: #f5f5f5;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .flex-hours-config-alternatives .day-alternative .max-shippings-capacity .max-shippings-capacity-input-container p {
  padding: 0;
  margin: 0 0 0 4px;
  color: #f04e54;
  font-size: 12px;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .mdc-form-field {
  display: flex;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .mdc-radio__outer-circle::before {
  border: solid 1px red;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .desc-radio {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
  font-family: "proxima-nova", Arial, sans-serif;
}
#flexConfigDrawer .drawer-body #delivery-times-config .drawer-container.flex-config .container-max-delivery {
  border: solid 1px #dbdbdb;
  background-color: #fff;
  width: 100%;
}
#flexConfigDrawer .drawer-body #coverage-areas-config {
  display: none;
}
#flexConfigDrawer .drawer-body #coverage-areas-config p {
  color: #292828;
  font-size: 14px;
  margin: 14px 0 20px 0;
}
#flexConfigDrawer .drawer-body #coverage-areas-config .coverage-areas-table-container {
  overflow: hidden;
  max-height: 470px;
  display: none;
}
#flexConfigDrawer .drawer-footer {
  background-color: #fff;
}
#flexConfigDrawer .drawer-footer .bt-secondary.flex-config-save {
  width: 114px;
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  background-color: #4194d8;
  margin-left: 10px;
}
#flexConfigDrawer .drawer-footer .bt-secondary.flex-config-save:hover {
  background-color: #236da9;
}
#flexConfigDrawer .drawer-footer .bt-secondary.flex-config-save.disabled {
  color: #fff;
  background-color: #b7b7b7;
}
#flexConfigDrawer .drawer-footer .bt-secondary.flex-config-save.disabled:hover {
  color: #fff;
  background-color: #b7b7b7;
}
#flexConfigDrawer .drawer-footer .bt-secondary.flex-config-remove {
  color: #4194d8;
  width: 114px;
  height: 36px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 19px;
}
#flexConfigDrawer .drawer-footer .bt-secondary.flex-config-remove:hover {
  border-radius: 8px;
  background-color: #ebf8fa;
  color: #4194d8;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

@media (max-width: 800px) {
  #flexConfigDrawer.is-hidden {
    right: -100vw !important;
    transition: all 0.2s ease-out;
  }
  #flexConfigDrawer .drawer-header {
    display: flex !important;
    justify-content: space-between !important;
  }
  #flexConfigDrawer .drawer-header .close-this.drawer-flex {
    width: 35px !important;
  }
}
.modal-cancel {
  z-index: 9999;
}
.modal-cancel .container-modal.cancel-or-delete {
  margin: auto;
  margin-top: 15%;
  width: 600px;
  height: 209px;
  border-radius: 4px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
  max-width: 95%;
}
.modal-cancel .container-modal.cancel-or-delete.cancel {
  height: 210px;
}
.modal-cancel .md-content.cancel-or-delete {
  padding-top: 24px;
  padding-left: 24px;
  color: #292828;
}
.modal-cancel .md-content.cancel-or-delete .modal-delete-flex {
  font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
.modal-cancel .md-actions.cancel-or-delete {
  float: right;
  padding-right: 24px;
  padding-top: 30px;
}
.modal-cancel .bt-secondary.flex-cancel {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  border: solid 1px #4194d8;
  color: #4194d8;
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-right: 10px;
}
.modal-cancel .bt-secondary.flex-cancel:hover {
  border: solid 1px #236da9;
  border-color: #236da9 !important;
}
.modal-cancel .bt-secondary.flex-cancel-confirm {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  border: solid 1px #4194d8;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  background-color: #4194d8;
  margin-left: 10px;
}
.modal-cancel .bt-secondary.flex-cancel-confirm:hover {
  background-color: #236da9;
}

@media (min-width: 400px) and (max-width: 600px) {
  #deleteThisDiscount {
    margin-right: -9px;
    margin-left: -5px;
    width: 158px;
    display: inline-flex;
  }
  #drawerDiscount .drawer-footer #deleteThisDiscount {
    margin-left: 8px;
  }
  .container-btn-discount {
    margin-left: -16px;
    padding-right: 5px;
  }
}
@media (min-width: 300px) and (max-width: 400px) {
  #drawerDiscount .drawer-footer #deleteThisDiscount {
    margin-left: 10px;
  }
  .container-btn-discount {
    margin-right: 7px;
  }
  #tableCatalogCompetition {
    margin-left: 0;
  }
  #tableCatalogCompetition .img-title-container svg {
    margin-top: 0;
  }
  #tableCatalogCompetition .scroller-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
  }
  #tableCatalogCompetition .scroller-wrapper::-webkit-scrollbar {
    width: 2px;
    height: 4px;
  }
  #tableCatalogCompetition .scroller-wrapper::-webkit-scrollbar-thumb {
    background: #dbdbdb;
    border-radius: 4px;
  }
  #tableCatalogCompetition .spinner-loading.winner-table {
    margin-top: -31px;
    margin-bottom: 56px;
  }
  #tableCatalogCompetition .text-loadin-winner {
    margin-bottom: -30px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid {
    margin-left: 0;
    min-width: 550px;
    height: 495px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog {
    grid-template-columns: 4fr 5fr 5fr;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog #btnModalChangePrice {
    margin-left: -19%;
    width: 260px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .grid-table-competition-catalog.how-to-win-catalog {
    grid-template-columns: max-content;
    margin-left: -20px;
  }
  #tableCatalogCompetition #tableCatalogCompetitionGrid .description-detail.how-to-win-catalog {
    width: 300px;
    margin-bottom: 10px;
  }
  #tableCatalogCompetition #tableWinnerCatalogCompetition {
    margin-left: 0;
    min-width: auto;
  }
  #tableCatalogCompetition #tableWinnerCatalogCompetition .grid-table-competition-catalog {
    grid-template-columns: 5fr 3fr;
  }
  #tableCatalogCompetition #tableWinnerLaoding {
    margin-left: 0;
    min-width: 310px;
  }
  #tableCatalogCompetition #titleNotListedCatalog {
    margin-top: 29%;
    margin-left: 0;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog {
    margin-left: 73px;
    margin-top: 40px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .img-title-container.loading-img {
    width: 56px;
    height: 56px;
    margin-left: -86px;
    margin-top: -30px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-load-subtitles {
    width: 300px;
    margin-top: 0;
    margin-left: 0;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .widget-title-catalog.loading-title {
    width: 80%;
    margin-left: 12px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .widget-title-subtitle.loading-sub {
    margin-left: 12px;
    width: 80%;
    height: 16px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-princ-loading {
    display: flex;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-sec-loading {
    display: block;
    margin-left: -382px;
    margin-top: 80px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-sec-loading .widget-title-catalog.loading-title.second {
    width: 320px;
  }
  #tableCatalogCompetition #titleLoadingWinnerCatalog .container-sec-loading .widget-title-subtitle.loading-sub.second {
    width: 260px;
  }
  #tableCatalogCompetition .title-catalog-competition {
    margin-top: 3px;
    margin-left: 0;
  }
  #tableCatalogCompetition .widget-title-subtitle {
    margin-top: 12px;
    margin-left: -63px;
  }
  #tableCatalogCompetition .widget-title-catalog {
    margin-top: -4px;
  }
  .widget.widget-listing-detail-listing-advice.new-design.is-in-catalog {
    max-width: 304px;
  }
  #changePriceModal {
    padding-top: 58px;
  }
  #changePriceModal .ds-modal button.close #closeModalChangePriceIcon {
    top: 14px;
  }
  #changePriceModal .modal-title {
    width: 85%;
  }
}
@media (max-width: 500px) {
  #flexConfigDrawer .drawer-header {
    display: flex !important;
    justify-content: space-between !important;
  }
  #flexConfigDrawer .drawer-header .close-this.drawer-flex {
    width: 35px !important;
  }
  #flexConfigDrawer #delivery-times-config .drawer-container.flex-config .container-time-delivery {
    width: 100% !important;
  }
  #flexConfigDrawer #delivery-times-config .drawer-container.flex-config .container-max-delivery {
    width: 100% !important;
  }
  #flexConfigDrawer.is-hidden {
    right: -100vw !important;
    transition: all 0.2s ease-out;
  }
  .tooltip-info.new-design.discount {
    top: -4px;
  }
  #drawerDiscount .drawer-body .daterangepicker.dropdown-menu {
    margin-left: 22px;
  }
  #deleteDiscountModal .modal-title {
    margin-bottom: 0 !important;
    margin-top: 7px;
  }
  #closeAndCancel .modal-title {
    margin-top: 6px;
  }
}
@media (max-width: 800px) {
  #flexConfigDrawer.is-hidden {
    right: -100vw !important;
    transition: all 0.2s ease-out;
  }
  #flexConfigDrawer .drawer-header {
    display: flex !important;
    justify-content: space-between !important;
  }
  #flexConfigDrawer .drawer-header .close-this.drawer-flex {
    width: 35px !important;
  }
}
@media (min-width: 1700px) {
  .widget-listings-item-info .container-title {
    display: flex;
    width: 108%;
  }
}
.modal-cancel {
  z-index: 9999;
}
.modal-cancel .container-modal.cancel-or-delete {
  margin: auto;
  margin-top: 15%;
  width: 600px;
  height: 209px;
  border-radius: 4px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
}
.modal-cancel .container-modal.cancel-or-delete.cancel {
  height: 210px;
}
.modal-cancel .md-content.cancel-or-delete {
  padding-top: 24px;
  padding-left: 24px;
  color: #292828;
}
.modal-cancel .md-content.cancel-or-delete .modal-delete-flex {
  font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #292828;
}
.modal-cancel .md-actions.cancel-or-delete {
  float: right;
  padding-right: 24px;
  padding-top: 30px;
}
@media (max-width: 320px) {
  .modal-cancel .md-actions.cancel-or-delete {
    padding-right: 10px;
  }
}
.modal-cancel .bt-secondary.flex-cancel {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  border: solid 1px #4194d8;
  color: #4194d8;
  background-color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-right: 10px;
  text-transform: none;
  font-family: "proxima-nova", Arial, sans-serif;
}
.modal-cancel .bt-secondary.flex-cancel:hover {
  border: solid 1px #236da9;
  border-color: #236da9 !important;
}
.modal-cancel .bt-secondary.flex-cancel-confirm {
  width: 130px;
  height: 44px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  background-color: #4194d8;
  margin-left: 10px;
  font-family: "proxima-nova", Arial, sans-serif;
}
.modal-cancel .bt-secondary.flex-cancel-confirm:hover {
  background-color: #236da9;
  border-color: none !important;
}
.modal-cancel .mdc-button--raised {
  box-shadow: none !important;
}

#turboConfigDrawer #closeTurboDrawerX {
  border-radius: 50%;
  width: 34px;
}
#turboConfigDrawer #closeTurboDrawerX:hover {
  background-color: #eeeeee;
}
#turboConfigDrawer .nav-tabs.nav-tabs__small.inactive-tabs > li > a[data-toggle=tab]::after {
  box-shadow: inset 0px -2px 0px #dbdbdb;
}
#turboConfigDrawer #navTabs .inactive-tabs.nav-tabs.nav-tabs__small li.active {
  box-shadow: inset 0px -2px 0px #dbdbdb;
}
#turboConfigDrawer .nav-tabs > li.active {
  border-bottom: none;
}
#turboConfigDrawer .drawer-body {
  overflow: hidden;
}
#turboConfigDrawer .drawer-body .container-info-box {
  border: solid 1px #dbdbdb;
  padding: 16px;
}
#turboConfigDrawer .drawer-body .container-info-box span {
  font-size: 14px;
  color: #292828;
}
#turboConfigDrawer .drawer-body .container-info-box span .bold-info {
  font-weight: 600;
}
#turboConfigDrawer .drawer-body .container-table-config h3 {
  font-weight: 600;
  color: #292828;
}
#turboConfigDrawer .drawer-body .container-table-config .info-txt {
  color: #292828;
  font-size: 14px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table {
  margin-bottom: 18px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr {
  border-bottom: none !important;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr:nth-child(1) {
  background-color: #f5f5f5;
  height: 75px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr:nth-child(2) {
  background-color: #fbfbfb;
  height: 75px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr:nth-child(3) {
  background-color: #f5f5f5;
  height: 75px;
  color: #292828;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr:nth-child(4) {
  background-color: #fbfbfb;
  height: 75px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr:nth-child(5) {
  background-color: #f5f5f5;
  height: 75px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody tr:nth-child(6) {
  background-color: #fbfbfb;
  height: 75px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td {
  padding: 10px 15px !important;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table thead th {
  padding: 15px 15px 15px 10px;
  font-weight: 300;
  font-size: 14px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table thead th:nth-child(1) {
  width: 120px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table thead th:nth-child(2) {
  width: 122px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table thead th:nth-child(3) {
  padding-left: 24px;
  text-align: left;
  border-bottom: none !important;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table thead th:nth-child(3) .RT-tooltip.new-tooltip-info .RT-tooltip__content {
  right: 0%;
  max-width: 264px;
  left: initial;
  transform: none;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.first-elem .loading-state.container {
  padding-top: 14px;
  display: flex;
  align-items: center;
  padding-left: 0;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.first-elem .loading-state.container .first-div {
  background-color: #dbdbdb;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.first-elem .loading-state.container .second-div {
  background-color: #dbdbdb;
  width: 44px;
  height: 12px;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.first-elem .real-state {
  margin-left: -12px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.second-elem .loading-state div {
  background-color: #dbdbdb;
  width: 44px;
  height: 12px;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.last-elem .ds-secondary-content label input {
  width: 127px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.last-elem .ds-secondary-content label input:hover:not(:focus) {
  border: solid 1px #727272;
  border-radius: 4px;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.last-elem .ds-secondary-content label input:active {
  border: solid 1px #4194d8;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.last-elem .ds-secondary-content label input.error-color {
  border: solid 1px #f04e54 !important;
  border-radius: 4px;
  background-color: white;
}
#turboConfigDrawer .drawer-body #tablePricerAnnual table.payment-table tbody td.last-elem .ds-secondary-content .color-error-validation-leyend {
  text-align: left;
  margin-top: 2px;
  margin-left: 6px;
  margin-right: 0px;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config .info-txt {
  width: 95%;
  color: #292828;
  font-size: 14px;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config .info-txt a {
  color: #236da9;
  text-decoration: none;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config .info-txt a:hover {
  color: #17507f;
  text-decoration: none;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config #containerCoverConfig {
  margin-top: 12px;
  margin-bottom: 12px;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config #containerCoverConfig .ds-secondary-content.four-columns {
  display: flex;
  flex-direction: column;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config #containerCoverConfig .loading-state.container {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-left: 10px;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config #containerCoverConfig .loading-state.container .first-div {
  background-color: #eeeeee;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#turboConfigDrawer .drawer-body #turboCoverDrawer .container-info-config #containerCoverConfig .loading-state.container .second-div {
  background-color: #eeeeee;
  width: 44px;
  height: 12px;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: "animate-loader";
  -webkit-animation-iteration-count: infinite;
}
#turboConfigDrawer .drawer-body #turboTimesConfigDrawer {
  overflow-y: auto;
  max-height: calc(100% - 68px);
}
#turboConfigDrawer .drawer-body #turboTimesConfigDrawer::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  margin-right: 2px;
  margin-left: 6px;
}
#turboConfigDrawer .drawer-body #turboTimesConfigDrawer::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  border-radius: 4px;
}
#turboConfigDrawer .drawer-footer {
  display: grid;
  padding: 16px 31px;
  width: auto;
  grid-template-columns: 3fr 1fr 1fr;
}
#turboConfigDrawer .drawer-footer #abtnCancelAndLinkML {
  padding: 0px 28px;
  margin-left: -40px;
  width: fit-content;
}
#turboConfigDrawer .drawer-footer #abtnCancelAndLinkML #btnCancelAndLinkML {
  background-color: transparent;
  border: 1px solid transparent;
  color: #236da9;
}
#turboConfigDrawer .drawer-footer #abtnCancelAndLinkML #btnCancelAndLinkML:hover {
  background-color: #ebf8fa;
  color: #17507f;
}
#turboConfigDrawer .drawer-footer #btnCloseTurboDrawer {
  background-color: transparent;
  border: 1px solid transparent;
  color: #236da9;
  padding: 8px 24px;
  margin-right: 13px;
  width: 107px;
}
#turboConfigDrawer .drawer-footer #btnCloseTurboDrawer:hover {
  background-color: #ebf8fa;
  color: #17507f;
}
#turboConfigDrawer .drawer-footer #btnAddTurboDrawer {
  width: 107px;
  margin-right: -13px;
}
#turboConfigDrawer #turboConfigEmptyState .container-info-box-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #dbdbdb;
  padding: 16px;
}
#turboConfigDrawer #turboConfigEmptyState .container-info-box-empty i {
  margin-top: 40px;
  margin-bottom: 14px;
}
#turboConfigDrawer #turboConfigEmptyState .container-info-box-empty .title-empty {
  font-size: 14px;
  color: #292828;
  font-weight: 600;
  margin-bottom: 16px;
}
#turboConfigDrawer #turboConfigEmptyState .container-info-box-empty .text-empty {
  font-size: 14px;
  color: #292828;
  line-height: 20px;
  margin-bottom: 25px;
  width: 337px;
}
#turboConfigDrawer #turboConfigEmptyState .container-info-box-empty #btnConfigTurbo {
  background-color: transparent;
  border: 1px solid transparent;
  color: #236da9;
  padding: 8px 24px;
}
#turboConfigDrawer #turboConfigEmptyState .container-info-box-empty #btnConfigTurbo:hover {
  background-color: #ebf8fa;
  color: #17507f;
}
#turboConfigDrawer #turboConfigErrorBox .container-info-box-empty-error-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #dbdbdb;
  padding: 16px;
}
#turboConfigDrawer #turboConfigErrorBox .container-info-box-empty-error-box i {
  margin-top: 40px;
  margin-bottom: 14px;
}
#turboConfigDrawer #turboConfigErrorBox .container-info-box-empty-error-box .title-empty {
  font-size: 14px;
  color: #292828;
  font-weight: 600;
  margin-bottom: 16px;
}
#turboConfigDrawer #turboConfigErrorBox .container-info-box-empty-error-box .text-empty {
  font-size: 14px;
  color: #292828;
  line-height: 20px;
  margin-bottom: 25px;
}
#turboConfigDrawer #turboConfigErrorBox .container-info-box-empty-error-box #btnConfigTurboReloadSave {
  background-color: transparent;
  border: 1px solid transparent;
  color: #236da9;
  padding: 8px 24px;
}
#turboConfigDrawer #turboConfigErrorBox .container-info-box-empty-error-box #btnConfigTurboReloadSave:hover {
  background-color: #ebf8fa;
  color: #17507f;
}

.inactive-tabs {
  pointer-events: none;
}

#turboConfigDrawer .drawer-footer.inactive-footer-empty {
  display: block !important;
  width: -webkit-fill-available !important;
}

#btnCloseTurboDrawerEmptyState {
  width: 114px;
}

.backdrop_drawer_body {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 9995;
  max-width: 100%;
  width: 500px;
}

#pricerDrawerContainerSpinner {
  position: relative;
  bottom: 150%;
  left: 40%;
}
#pricerDrawerContainerSpinner .loader-wrapper {
  padding-left: 24px;
}
#pricerDrawerContainerSpinner .loader-wrapper .spinner-loading {
  margin-bottom: -2px;
}

/* signup_v3 */
#containerGrid {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-rows: 40% 60%;
  overflow: hidden;
}
@media (min-width: 1800px) {
  #containerGrid {
    overflow: hidden;
    grid-template-rows: 50% 50%;
  }
}
#containerGrid .first-container-sign {
  background-color: white;
  width: -webkit-fill-available;
  width: -moz-available;
  height: -webkit-fill-available;
  margin: 0 auto;
  padding: 0 13vw;
  grid-template-columns: repeat(10, 1fr);
  display: grid;
}
@media (max-width: 1090px) {
  #containerGrid .first-container-sign {
    grid-template-columns: 1fr;
  }
}
#containerGrid .first-container-sign .first-container-info {
  padding-top: 33px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-column-start: 1;
  grid-column-end: 6;
}
#containerGrid .first-container-sign #containerSignLogo .sign_up-logo {
  width: 150px;
}
#containerGrid .first-container-sign #containerSignLogo.container-welcome-logo {
  margin-left: 32%;
}
#containerGrid .first-container-sign #titleUser.title-user-arg {
  text-align: center;
  margin-top: 23px;
  text-align: center;
}
#containerGrid .first-container-sign #titleUser.title-user-arg .name_or_title {
  color: #292828;
  font-weight: 600;
  font-size: 30px;
  line-height: 39px;
}
#containerGrid .first-container-sign #stateSignUpShop {
  font-size: 16px;
  margin-top: 16px;
  font-weight: 400;
  color: #292828;
  text-align: center;
  position: relative;
}
#containerGrid .first-container-sign .special-container {
  margin: 28px 0 28px;
}
#containerGrid .first-container-sign .special-container .tag-icon {
  padding: 5px 8px;
}
#containerGrid .second-container-sign {
  background-color: #f5f5f5;
  position: relative;
  margin: 0 auto;
  padding: 0 13vw;
  grid-template-columns: repeat(10, 1fr);
  display: grid;
}
@media (max-width: 1090px) {
  #containerGrid .second-container-sign {
    grid-template-columns: 1fr;
  }
}
#containerGrid .second-container-sign .info-second-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column-start: 1;
  grid-column-end: 6;
}
#containerGrid .second-container-sign .info-second-card .container-btn-partner a {
  text-decoration: none;
}
#containerGrid .second-container-sign .info-second-card button#partnerBtn {
  margin: 24px 0 96px;
  border-radius: 50px;
  background-color: white;
  padding: 20px 19px 19px;
  color: #292828;
  width: 268px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.0588235294);
}
#containerGrid .second-container-sign .info-second-card button#partnerBtn:hover {
  background-color: white;
}
#containerGrid .second-container-sign .info-second-card button#partnerBtn i {
  margin-right: 20px;
  margin-top: 2px;
}
#containerGrid .second-container-sign .info-second-card .list-container {
  margin-top: -72px;
  z-index: 9999;
}
#containerGrid .second-container-sign .info-second-card .list-container ul li {
  font-size: 14px;
  color: #292828;
  margin-bottom: 12px;
  line-height: 20px;
}
#containerGrid .second-container-sign .info-second-card .list-container ul li i svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#containerGrid .second-container-sign .info-second-card .container-img-card {
  z-index: 9999;
  margin: 0px 190px 76px;
  display: grid;
  grid-template-columns: 1fr 3fr;
  position: relative;
}
@media (min-width: 1800px) {
  #containerGrid .second-container-sign .info-second-card .container-img-card {
    margin: 0px 345px 76px;
  }
}
#containerGrid .second-container-sign .info-second-card .container-img-card .img-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: -22px;
  margin-top: -8px;
}
#containerGrid .second-container-sign .info-second-card .container-img-card .img-list i.graph-img {
  margin-bottom: -30px;
}
#containerGrid .second-container-sign .info-second-card img.background-footer {
  width: 715px;
  height: 163px;
  position: relative;
  left: -76px;
  top: -212px;
  z-index: 999;
}
#containerGrid .conainer-footer-img {
  position: fixed;
  margin: 0px;
  padding: 0px;
  bottom: -5px;
  left: 0;
}
#containerGrid .conainer-footer-img i {
  bottom: -1px;
  position: relative;
}
#containerGrid #containerFormSignUp {
  position: absolute;
  left: 53%;
  margin: -21px 100px;
  top: 70px;
}
@media (min-width: 1700px) {
  #containerGrid #containerFormSignUp {
    margin: 186px 182px;
  }
}
@media (min-width: 1600px) and (max-width: 1700px) {
  #containerGrid #containerFormSignUp {
    margin: 150px 92px;
  }
}
@media (max-width: 1400px) {
  #containerGrid #containerFormSignUp {
    margin: -21px 40px;
  }
}
#containerGrid #containerFormSignUp #signUpWidget {
  padding: 31px 60px;
  width: 348px;
  margin: 28px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  border-top: solid 4px #4194d8;
}
@media (min-width: 1500px) {
  #containerGrid #containerFormSignUp #signUpWidget {
    margin: 55px 17px;
  }
}
@media (min-width: 1600px) {
  #containerGrid #containerFormSignUp #signUpWidget {
    margin: -80px -38px;
  }
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop {
  border-top: solid 4px #4194d8;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop-processing {
  border-top: solid 4px #4194d8;
  margin-top: 10%;
}
@media (min-width: 1600px) {
  #containerGrid #containerFormSignUp #signUpWidget.widget-shop-processing {
    margin-top: -20%;
  }
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state {
  margin: 28px 8px;
  align-self: center;
  padding: 20px 15px;
  width: 300px;
  margin: 28px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state i svg {
  width: 13px;
  height: 24px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state i svg polygon {
  fill: #292828;
}
@media (min-width: 1500px) {
  #containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state {
    margin: -80px -38px;
  }
}
#containerGrid #containerFormSignUp #signUpWidget.welcome-card-widget {
  padding: 46px 60px;
}
#containerGrid #containerFormSignUp #rightColSignupNew.welcome-card {
  padding: 0px 15px 19px 18px;
}
#containerGrid #containerFormSignUp #rightColSignupNew.welcome-card .regular-login.signup {
  align-self: center;
}
#containerGrid #containerFormSignUp #rightColSignupNew {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#containerGrid #containerFormSignUp #rightColSignupNew .time-line-state {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
#containerGrid #containerFormSignUp #rightColSignupNew .time-line-state .circle-state {
  width: 16px;
  height: 16px;
  background-color: #dbdbdb;
  border-radius: 50%;
}
#containerGrid #containerFormSignUp #rightColSignupNew .time-line-state .circle-state.color-active {
  background-color: #4194d8;
}
#containerGrid #containerFormSignUp #rightColSignupNew .time-line-state .line-state {
  width: 150px;
  height: 2px;
  background-color: #dbdbdb;
}
#containerGrid #containerFormSignUp #rightColSignupNew .time-line-state .line-state.color-active {
  background-color: #4194d8;
}
#containerGrid #containerFormSignUp #rightColSignupNew .text-info-state {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
  margin-bottom: 32px;
}
#containerGrid #containerFormSignUp #rightColSignupNew .text-info-state.second-step {
  margin-left: 135px;
}
#containerGrid #containerFormSignUp #rightColSignupNew .text-info-state.last-step {
  margin-left: 260px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #containerSstateSignUpShopLine {
  background-color: #fbfbfb;
  left: -60px;
  position: relative;
  width: 468px;
  height: 95px;
  top: -32px;
  margin-bottom: 1px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine {
  display: flex;
  position: relative;
  top: -142px;
  margin-bottom: -135px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .text-state {
  font-size: 14px;
  font-weight: 400;
  text-align: start;
  color: #292828;
  margin: 8px -5px;
  min-width: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .text-state.step-one {
  width: 91px;
  min-width: 70px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .text-state.step-two {
  width: 136px;
  margin-right: -10px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .text-state.step-three {
  width: 133px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .text-state.step-three.active-step {
  width: 135px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .active-step {
  font-weight: 600;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state {
  margin: 28px 8px;
  align-self: center;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state i svg {
  width: 8px;
  height: 15px;
}
#containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine .icon-state i svg polygon {
  fill: #292828;
}
#containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .view-pswd {
  left: -12px;
  top: -35px;
}
#containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .view-pswd.pass-str {
  top: 10px;
}
#containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .view-pswd svg {
  width: 16px;
  cursor: pointer;
  text-align: right;
  fill: #727272;
  top: 38px;
  left: 87%;
  position: relative;
}
#containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .viewed-pswd {
  left: -12px;
  top: -35px;
}
#containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .viewed-pswd.pass-str {
  top: 10px;
}
#containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .viewed-pswd svg {
  width: 16px;
  cursor: pointer;
  text-align: right;
  fill: #727272;
  top: 38px;
  left: 87%;
  position: relative;
}
#containerGrid #selectorCountryWrapper {
  display: flex;
  border: solid 1px #b7b7b7;
  font-size: 1.4rem;
  color: #292828;
  padding: 12.5px;
  border-radius: 4px;
  outline: none;
  width: 315px;
  height: 20px;
}
#containerGrid #selectorCountryWrapper:hover {
  cursor: pointer;
  border: solid 1px #727272;
}
#containerGrid #selectorCountryWrapper:focus {
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
#containerGrid #selectorCountryWrapper:focus {
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
#containerGrid #selectorCountryWrapper:focus ~ .selectize-control.single .selectize-input:after {
  color: #4194d8;
}
#containerGrid .login-country-selector .selector-wrapper .selectize-control {
  padding-right: 0%;
}
#containerGrid .selectize-control.single .selectize-input.input-active {
  border: none;
  -webkit-box-shadow: white;
  cursor: pointer;
  box-shadow: none;
}
#containerGrid .selectize-input {
  border: none;
  -webkit-box-shadow: white;
  cursor: pointer;
  box-shadow: none;
}
#containerGrid #selectorCountryWrapper .select.material.login {
  width: inherit;
}
#containerGrid #selectorCountryWrapper .selectize-control.single .selectize-dropdown.single {
  width: 342px !important;
  top: 37px !important;
  left: -13px !important;
  color: #292828;
}
#containerGrid .selectize-input.items.full.has-options.has-items {
  right: 0;
}
#containerGrid .selectize-input.items.full.has-options.has-items .container-svg {
  display: flex;
}
#containerGrid .selectize-input.items.full.has-options.has-items .container-svg i svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  margin-left: 12px;
}
#containerGrid .selectize-dropdown-content div i svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  margin-left: 12px;
}
#containerGrid .selectize-dropdown-content .container-svg {
  display: flex;
}
#containerGrid #signUpWidget .selectize-dropdown .active {
  background-color: #eeeeee;
  color: #292828 !important;
}
#containerGrid #signUpWidget .selectize-input.items.full.has-options.has-items {
  position: relative;
  right: 124px;
}
#containerGrid #selectorCountryWrapper .selectize-control.single .selectize-dropdown.single .option::after {
  width: 12px;
}
#containerGrid .login-rt-fields.main-col {
  margin-top: 20px;
}
#containerGrid .login-rt-fields.main-col #signup_form {
  margin-bottom: 16px;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block {
  margin-top: 20px;
}
#containerGrid .login-rt-fields.main-col #signup_form #passwordLogin {
  margin-top: -7px;
  margin-bottom: 36px;
}
#containerGrid .login-rt-fields.main-col #signup_form #passwordLogin .error-line {
  margin-top: -12px;
  margin-left: 2px;
}
#containerGrid div.input-block {
  position: relative;
}
#containerGrid div.input-block input {
  font-size: 1.4rem;
  color: #292828;
  padding: 12.5px;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
  outline: none;
  width: 315px;
}
#containerGrid div.input-block input:focus {
  outline: none;
}
#containerGrid div#passwordLogin span.placeholder {
  top: 25px;
}
#containerGrid div.input-block span.placeholder {
  position: absolute;
  margin: 12px 0;
  padding: 0 4px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  top: 0;
  left: 9px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  background: none;
  pointer-events: none;
}
#containerGrid div.input-block input:valid + span.placeholder,
#containerGrid div.input-block input:focus + span.placeholder,
#containerGrid div.input-block input:placeholder-shown + span.placeholder,
#containerGrid div.input-block input:-webkit-autofill + span.placeholder,
#containerGrid div.input-block input:read-only + span.placeholder,
#containerGrid div.input-block input:valid ~ span.placeholder,
#containerGrid div.input-block input:focus ~ span.placeholder,
#containerGrid div.input-block input:placeholder-shown ~ span.placeholder,
#containerGrid div.input-block input:-webkit-autofill ~ span.placeholder,
#containerGrid div.input-block input[type=password]:read-only ~ span.placeholder {
  transform: scale(0.8) translateY(-25px);
  background: #fff;
  font-weight: 600;
  color: #727272;
}
#containerGrid div.input-block input:focus {
  color: #292828;
  border-color: #4194d8;
  outline: none;
  box-shadow: none;
}
#containerGrid div.input-block input:focus + span.placeholder {
  color: #4194d8;
}
#containerGrid div.input-block input:focus ~ span.placeholder {
  color: #4194d8;
}
#containerGrid .mdc-button.mdc-button--unelevated.primary-md {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  border: none;
  font-weight: 400;
  color: white;
  margin-top: 16px;
}
#containerGrid .mdc-button.mdc-button--unelevated.primary-md:focus {
  outline: 2px solid #a0d0f6;
  outline-offset: -1px;
}
#containerGrid .checkbox-terms .mdc-form-field {
  display: flex;
  height: inherit;
  margin-bottom: -50px;
}
#containerGrid .checkbox-terms .mdc-form-field input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
#containerGrid .checkbox-terms .mdc-form-field input:hover {
  cursor: pointer;
}
#containerGrid .checkbox-terms .mdc-form-field input:focus, #containerGrid .checkbox-terms .mdc-form-field input:active {
  border: 1px solid red;
  outline: 1px solid #4194d8; /* Add a custom outline */
  outline-offset: -1px; /* Adjust spacing if necessary */
}
#containerGrid .checkbox-terms .mdc-form-field label {
  display: flex;
  margin-left: -11px;
  font-weight: 400;
  font-size: 12px;
  margin-top: 2px;
}
#containerGrid .checkbox-terms .mdc-form-field label a {
  color: #236da9;
  text-decoration: none;
  margin-left: 5px;
}
#containerGrid .checkbox-terms .mdc-form-field label a:hover {
  color: #17507f;
  cursor: pointer;
}
#containerGrid #notRegistredNew {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #292828;
}
#containerGrid #notRegistredNew a {
  color: #236da9;
  text-decoration: none;
  margin-left: 5px;
}
#containerGrid #notRegistredNew a:hover {
  color: #17507f;
  cursor: pointer;
}
#containerGrid hr.line-div-login.registration {
  border-top: solid 1px #dbdbdb;
  width: 340px;
  margin-left: 0px;
}
#containerGrid .error-line {
  font-size: 12px;
  color: #f04e54;
  font-weight: 400;
  margin-top: 4px;
}
#containerGrid #section-paymentdue.processing_new .payment-text {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  width: 369px;
  line-height: 17px;
  text-align: left;
  margin-bottom: 41px;
}
#containerGrid #section-paymentdue.processing_new .payment-text p.txt-payment-text {
  margin: 0;
}
#containerGrid #section-paymentdue.processing_new #containerApplyDisc {
  width: 340px;
  height: max-content;
  border: 1px solid #b7b7b7;
  border-radius: 4px;
  margin: 12px;
}
#containerGrid #section-paymentdue.processing_new #containerApplyDisc p {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
  width: auto !important;
}
#containerGrid #section-paymentdue.processing_new #containerApplyDisc #applyDiscountSucces {
  width: 90%;
  margin-left: 14px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount {
  width: 348px;
  height: max-content;
  border: 1px solid #b7b7b7;
  border-radius: 4px;
  margin: 12px 0;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount p {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
  width: auto !important;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount form {
  margin: 20px 10px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #discountField {
  width: 212px;
  border: solid 1px #b7b7b7;
  color: #292828;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #discountField:hover {
  border: solid 1px #727272;
  color: #292828;
  cursor: pointer;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #discountField:hover::placeholder {
  color: #727272;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #discountBtnDisable {
  border: none;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #discountBtn {
  padding: 8px 16px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #discountBtnDisable {
  padding: 8px 16px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .container-tooltip-and-text {
  margin-left: -90px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .container-RT-tooltip {
  width: max-content;
  position: relative;
  top: -43px;
  left: 284px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .RT-tooltip {
  display: inline-block;
  position: absolute;
  left: 45px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  top: -6px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .RT-tooltip span svg {
  width: 14px;
  margin-top: 7px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .RT-tooltip span svg:hover {
  color: #292828;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .RT-tooltip .RT-tooltip__content {
  left: -83px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount .RT-tooltip:hover {
  cursor: pointer;
  background-color: #eeeeee;
  color: #292828;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #errorInput {
  font-size: 11px;
  position: relative;
  top: -21px;
  left: -62px;
  color: #f04e54;
  margin-bottom: -1px;
}
#containerGrid #section-paymentdue.processing_new #contentDiscount #applyDiscountError {
  width: 90%;
  margin-left: 14px;
}
#containerGrid #section-paymentdue.processing_new #continueBtn {
  margin-top: 40px;
}
#containerGrid #section-paymentdue.processing_new #continueBtn button {
  width: 342px;
}
#containerGrid #section-paymentdue.processing_new #continueBtn button:hover {
  cursor: pointer;
}
#containerGrid .login-rt-fields.main-col .error input {
  border: solid 1px #f04e54;
}
#containerGrid .login-rt-fields.main-col .error .placeholder {
  color: #f04e54;
  transform: scale(0.8) translateY(-25px);
  background-color: #FFF;
}
#containerGrid .login-rt-fields.main-col .container-psw-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  position: relative;
}
#containerGrid .login-rt-fields.main-col .container-psw-info .input-block input {
  order: 1;
}
#containerGrid .login-rt-fields.main-col .container-psw-info .input-block #pswd-error.error-line {
  order: 2;
}
#containerGrid .login-rt-fields.main-col .container-psw-info .input-block #mail-error-security {
  order: 3;
}
#containerGrid .login-rt-fields.main-col .container-psw-info .container-tooltip-info {
  position: absolute;
  top: 53px;
  right: -24px;
  margin-left: -10px;
}
#containerGrid .login-rt-fields.main-col .container-psw-info .container-tooltip-info .RT-tooltip[data-position=right][datat-type=icon] .RT-tooltip__content {
  left: -100px;
  padding: 20px;
}
#containerGrid .login-rt-fields.main-col .container-psw-info .container-tooltip-info .RT-tooltip[data-position=right][datat-type=icon] .RT-tooltip__content ul li {
  list-style: disc;
}

#new-sign-up #signUpWidget .selectize-input.items.full.has-options.has-items {
  right: 12px;
}

#new-sign-up #signUpWidget .selectize-control.single .selectize-input:after {
  left: 322px;
}

#new-sign-up div.input-block input:hover {
  border: solid 1px #727272;
}

#new-sign-up div.input-block input:focus {
  border: solid 1px #4194d8;
}

#containerGrid .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: transparent;
  border-color: transparent;
}

#createUserAlert {
  margin-top: -16px;
  margin-bottom: 24px;
  width: 99%;
  border-left: 1px solid #f04e54;
  font-weight: 400;
  color: #292828;
}

#new-login .main-wrapper.single.welcome-user .dual-grid.widget.account__link {
  padding: 0px 50px;
}

#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) {
  margin: auto;
  padding: 90px 50px;
  box-shadow: transparent;
  -webkit-box-shadow: transparent;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) h3 {
  font-size: 24px;
  width: 340px;
  color: #292828;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .explain-meli-step {
  font-size: 14px;
  font-weight: 400;
  width: 284px;
  color: #292828;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) #meliConnectBtnStyles {
  width: 366px;
  margin-bottom: 16px;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) a.redirect-meli {
  color: #236da9;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  margin: 70px;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) a.redirect-meli:hover {
  color: #17507f;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .session__close.wel-close-session {
  font-size: 14px;
  color: #292828;
  font-weight: 400;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .session__close.wel-close-session a {
  color: #236da9;
  text-decoration: none;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .session__close.wel-close-session a:hover {
  color: #17507f;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .welc-meli-info-certificated {
  display: grid;
  grid-template-columns: 1fr 5fr;
  margin: 128px 30px 4px;
  column-gap: 12px;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .welc-meli-info-certificated i {
  margin: 8px;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) .welc-meli-info-certificated span {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
}
#new-login .main-wrapper.single .dual-grid.widget:not(.change-password-widget) hr {
  width: 340px;
  color: #dbdbdb;
  height: 1px;
}

#new-login.welcome-conect-card {
  height: 526px;
}

#titleUserWelc.processing-title {
  width: 480px;
}

#titleUserWelc {
  width: 491px;
  margin-top: 20px;
  padding: 4px;
  margin-left: -20px;
  text-align: center;
}
#titleUserWelc .name_or_title {
  color: #292828;
  font-weight: 600;
  font-size: 30px;
}

#titleUserWelc.margin-for-title-shop {
  width: auto;
}

.error-field {
  border: solid 1px #f04e54 !important;
}

.error-class-container-conect {
  margin-top: 60px !important;
}

#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine {
  display: flex;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state {
  font-size: 14px;
  font-weight: 400;
  text-align: start;
  color: #292828;
  margin: 8px -5px;
  align-self: center;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state.step-one {
  width: 91px;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state.step-two {
  width: 136px;
  margin-right: -10px;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state.step-three {
  width: 132px;
  margin-right: 10px;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .active-step {
  font-weight: 600;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .icon-state {
  margin: 28px 8px;
  align-self: center;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .icon-state i svg {
  width: 8px;
  height: 15px;
}
#containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .icon-state i svg polygon {
  fill: #292828;
}

#containerGrid #selectorCountryWrapper .selectize-control.single .selectize-dropdown.single {
  height: auto !important;
}

.error-validate {
  border: solid 1px #f04e54;
  color: #f04e54;
}

#containerGrid #section-paymentdue.processing_new #contentDiscount #applyDiscountSucces.refreseh-discount {
  width: 90%;
  margin-left: 14px;
}

.input-hover-class {
  border: solid 1px #292828;
  color: #727272;
  cursor: text;
}
.input-hover-class::placeholder {
  color: #727272;
}

#section-paymentdue .payment-notif-wrapper table {
  margin: 0 !important;
}

#check-error {
  margin-top: -48px;
  margin-bottom: 16px;
}

.style-error-check {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0);
  width: 14px;
  height: 14px;
  appearance: inherit;
}

.style-error-check-change {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0);
  width: 14px;
  height: 14px;
  appearance: auto;
}

.margin-for-title-shop {
  margin: 30px 0px;
}

.margin-for-title-shop-logo {
  margin-left: 35%;
  margin-top: 12px;
}

.margin-for-title-shop-processing {
  margin: 24px 40px;
}

#subtitleProcessingShop {
  font-size: 14px;
  font-weight: 400;
  width: 419px;
  margin-left: 32px;
}

#nameForTitle {
  text-transform: capitalize;
}

.selectize-dropdown .active {
  color: #292828 !important;
}

.border-hover-conuntry {
  border: solid 1px #4194d8 !important;
}

#containerGrid #containerFormSignUp #rightColSignupNew.welcome-card .regular-login.signup {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#containerGrid #containerFormSignUp #rightColSignupNew .text-info-state.second-step {
  margin-left: 0;
}

@media (max-width: 1090px) {
  .container-psw-info {
    margin-left: 0px !important;
    gap: 12px;
  }
  .container-psw-info #passwordLogin {
    width: 100%;
  }
  hr.line-div-login.registration {
    width: 100% !important;
  }
  #rtLogin {
    width: 100% !important;
  }
  #containerGrid {
    grid-template-rows: 22% 70%;
  }
  #containerGrid div.input-block input {
    width: calc(100% - 24px);
    margin-right: 0;
  }
  #containerGrid .first-container-sign .first-container-info #titleUser {
    margin: 12px 0px 0px 0px;
    padding: 0;
    width: fit-content;
  }
  #containerGrid .first-container-sign .first-container-info #titleUser .name_or_title {
    padding: 0 16px;
    font-size: 24px;
    display: flex;
  }
  #containerGrid .first-container-sign .first-container-info #stateSignUp {
    display: none;
  }
  #containerGrid .first-container-sign .first-container-info #stateSignUpShop {
    text-align: center;
    font-size: 14px;
  }
  #containerGrid .conainer-footer-img {
    display: none;
  }
  #containerGrid .second-container-sign {
    margin-top: auto;
  }
  #containerGrid .second-container-sign .info-second-card {
    width: 312px;
  }
}
@media (max-width: 1090px) and (max-width: 392px) {
  #containerGrid .second-container-sign .info-second-card {
    margin-left: 0;
  }
}
@media (max-width: 1090px) {
  #containerGrid .second-container-sign .info-second-card .footer-card {
    display: none;
  }
  #containerGrid .second-container-sign .info-second-card .container-btn-partner {
    margin-left: -16px;
  }
  #containerGrid .second-container-sign .info-second-card .list-container {
    margin-left: 18px;
  }
  #containerGrid .second-container-sign .info-second-card .list-container ul li i {
    margin-left: -22px;
  }
  #containerGrid #containerFormSignUp {
    position: relative;
    left: 0px;
    margin: 0px auto;
    top: -1090px;
    max-width: 328px;
  }
  #containerGrid #containerFormSignUp #signUpWidget {
    width: 328px;
    padding: 0;
    margin: 130px 0px;
  }
  #containerGrid #containerFormSignUp #signUpWidget .selectize-input.items.full.has-options.has-items {
    width: 100%;
  }
  #containerGrid #containerFormSignUp #signUpWidget .selectize-control.single .selectize-input:after {
    left: unset;
    right: -24px;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew {
    padding: 0px 20px 30px;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .time-line-state {
    width: 100%;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .time-line-state .line-state {
    width: 50% !important;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .text-info-state {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: 0;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .text-info-state.second-step {
    justify-content: center;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .text-info-state.last-step {
    justify-content: flex-end;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .login-country-selector {
    width: 100%;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login #selectorCountryWrapper {
    width: calc(100% - 24px);
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login #selectorCountryWrapper .selectize-control.single .selectize-dropdown.single {
    width: calc(100% + 48px) !important;
    left: -24px !important;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .login-rt-fields {
    margin-top: 0;
    width: 100%;
  }
  #containerGrid #containerFormSignUp #rightColSignupNew #containerSstateSignUpShopLine {
    display: none;
  }
  #containerGrid #containerFormSignUp #rightColSignupNew #stateSignUpShopLine {
    display: none !important;
  }
  #containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .viewed-pswd svg {
    left: calc(100% - 24px);
  }
  #containerGrid #containerFormSignUp .dual-grid.widget.tempflow .regular-login .view-pswd svg {
    left: calc(100% - 24px);
  }
  #containerGrid #section-paymentdue .processing_new .payment-text {
    width: auto;
  }
  #containerGrid #section-paymentdue .min-heigher .text-left.percent-and-bar {
    max-width: 270px;
    width: auto;
  }
  #containerGrid #section-paymentdue .processing_new #contentDiscount {
    width: auto;
  }
  #containerGrid #section-paymentdue .processing_new #contentDiscount .container-RT-tooltip {
    top: -43px;
    left: 223px;
  }
  #containerGrid #section-paymentdue .processing_new #contentDiscount .container-tooltip-and-text {
    margin-left: -42px;
  }
  #containerGrid #section-paymentdue .processing_new #contentDiscount #discountField {
    width: 179px;
  }
  #containerGrid #section-paymentdue .processing_new #continueBtn {
    margin-top: 25px;
  }
  #containerGrid #section-paymentdue .processing_new #continueBtn button {
    width: 235px;
  }
  #containerGrid .first-container-sign .special-container {
    margin-left: -6px;
  }
  #new-login .main-wrapper.single .dual-grid .widget h3 {
    width: 290px;
  }
  #new-login .main-wrapper.single .dual-grid .widget .forgotpass-txt {
    margin: 0;
  }
  #new-login .main-wrapper.single .dual-grid .widget #meliConnectBtnStyles {
    width: 280px;
    margin-bottom: 16px;
  }
  #new-login .main-wrapper.single .dual-grid .widget a.redirect-meli {
    margin: 38px;
  }
  #new-login .main-wrapper.single .dual-grid .widget .welc-meli-info-certificated {
    margin: 60px 0px 4px;
  }
  #new-login .main-wrapper.single .dual-grid .widget hr {
    margin-top: 0;
    width: 220px;
  }
  #new-login .main-wrapper.single .dual-grid .widget .session__close.wel-close-session {
    width: 292px;
  }
  #tittleProcessingShop #subtitleProcessingShop {
    width: 290px;
    margin-left: 55px;
  }
  #containerGrid #containerFormSignUp #signUpWidget.welcome-card-widget {
    padding: 0;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .login-rt-fields {
    max-width: 100%;
  }
  #new-login.welcome-conect-card {
    max-width: 100%;
    height: fit-content;
  }
  #new-login .main-wrapper.single.welcome-user {
    max-width: 100%;
  }
  #new-login .main-wrapper.single .dual-grid.widget a.redirect-meli {
    margin: 0;
  }
  #containerGrid.welcome-section .first-container-sign .first-container-info {
    margin: 0px;
    height: 360px;
  }
  #containerGrid.welcome-section .first-container-sign .first-container-info #titleUserWelc {
    margin-top: 0;
    padding: 0;
    margin-left: 0;
    text-align: center;
    width: fit-content;
  }
  #new-login.welcome-conect-card {
    display: flex;
    flex-direction: column;
  }
  #new-login .main-wrapper.single.welcome-user .dual-grid.widget.account__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0px 0px;
    margin: 0;
  }
  #new-login .main-wrapper.single .dual-grid.widget h3 {
    width: fit-content;
    margin: 0;
  }
  #new-login .main-wrapper.single .dual-grid.widget .explain-meli-step {
    width: fit-content;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .forgotpass-txt {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 60px;
    width: 100%;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .login-meli-connect-welcome {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .login-meli-connect-welcome #meliConnectBtn {
    width: 100%;
  }
  #new-login .main-wrapper.single .dual-grid.account__link .login-meli-connect-welcome .redirect-meli {
    margin: 0;
  }
  #new-login .main-wrapper.single .dual-grid.widget #meliConnectBtnStyles {
    width: 100%;
    margin: 0;
  }
  #new-login .main-wrapper.single .dual-grid.widget .welc-meli-info-certificated {
    margin: 72px 0 0 0;
    align-items: center;
    max-width: 240px;
  }
  #containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .icon-state {
    margin: 0;
    padding: 0;
    width: fit-content;
    transform: rotate(90deg);
  }
  #containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine {
    flex-direction: column;
    gap: 12px;
  }
  #containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state {
    width: fit-content !important;
    text-align: center;
    margin: 0;
  }
  #containerGrid #containerFormSignUp #rightColSignupNew #containerSstateSignUpShopLine {
    width: fit-content;
    height: 132px;
    left: 0;
    top: 0;
    margin-bottom: 0;
  }
  #containerGrid #containerFormSignUp .new-sign-up #rightColSignupNew #containerSstateSignUpShopLine {
    width: calc(100% + 40px);
    height: 212px;
    top: -32px;
    margin-bottom: 0;
    background-color: #fbfbfb;
  }
  #containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state.step-two, #containerGrid #containerFormSignUp #signUpWidget.widget-shop #stateSignUpShopLine .text-state.text-state.step-three {
    margin-right: 0;
  }
  #containerGrid #containerFormSignUp #signUpWidget #rightColSignupNew .regular-login .login-country-selector.new-design-login {
    margin-top: 56px;
  }
  #createUserAlert {
    margin-top: 24px;
    margin-bottom: 0;
  }
  #containerGrid .login-rt-fields.main-col .container-psw-info .container-tooltip-info {
    right: -8px;
  }
  #containerGrid .login-rt-fields.main-col .container-psw-info .container-tooltip-info .RT-tooltip[data-position=right][datat-type=icon] .RT-tooltip__content {
    left: -212px;
  }
  #containerGrid .login-rt-fields.main-col .container-psw-info .container-tooltip-info {
    position: relative;
    top: 54px;
    align-self: flex-start;
  }
}
@media (min-width: 390px) and (max-width: 1090px) {
  #containerGrid .first-container-sign .first-container-info {
    padding-left: 12px;
  }
}
.password__input-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

#containerGrid .login-rt-fields.main-col #signup_form .input-block.error input {
  border: solid 1px #f04e54;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block.error .placeholder {
  color: #f04e54;
  transform: scale(0.8) translateY(-25px);
  background-color: #FFF;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .error-line {
  font-size: 12px;
  line-height: 18px;
  color: #f04e54;
  font-weight: 400;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .error-line.empty-pssw {
  display: none;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .error-line.empty-pssw.show {
  display: block;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations {
  color: #727272;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 4px;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations .password-subtitle, #containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations li {
  align-items: center;
  background-color: white;
  display: flex;
  height: 18px;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations .password-subtitle svg, #containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations li svg {
  height: 12px;
  width: 12px;
  padding: 4px 4px 0 0;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations ul {
  padding-top: 4px;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations .successful {
  color: #328547;
}
#containerGrid .login-rt-fields.main-col #signup_form .input-block .password-validations .failed {
  color: #f04e54;
}

#signup_form i.pass-hide, i.pass-show {
  right: 8px;
  position: absolute;
  width: 28px;
  top: 7px;
  height: 28px;
  box-sizing: border-box;
  border-radius: 100%;
  padding: 5px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
#signup_form i.pass-hide svg, i.pass-show svg {
  fill: #727272;
  width: 14px;
}

.fut-user-wrapper.welcome-section {
  text-align: center;
  height: 100vh;
}
.fut-user-wrapper.welcome-section div.section-container-one {
  height: 40%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fut-user-wrapper.welcome-section div.section-container-one .login-logo {
  margin: auto;
  width: 134px;
  padding: 21px;
}
.fut-user-wrapper.welcome-section div.section-container-one #titleUserWelc {
  margin-top: 5px;
  margin-bottom: 20px;
}
.fut-user-wrapper.welcome-section div.section-container-one #titleUserWelc .title-section {
  font-size: 30px;
  font-weight: 600;
  color: #292828;
}
.fut-user-wrapper.welcome-section div.section-container-one #titleUserWelc .title-text-description {
  font-size: 16px;
  color: #292828;
  font-weight: 400;
}
.fut-user-wrapper.welcome-section div.section-container-one #titleUserWelc #alreadyLinkedError {
  width: max-content;
  margin: 8px -290px;
  padding: 12px;
  display: flex;
  border-left: solid 4px #f04e54;
}
.fut-user-wrapper.welcome-section div.section-container-one #titleUserWelc #alreadyLinkedError span {
  margin-left: 12px;
  color: #292828;
}
.fut-user-wrapper.welcome-section div.section-container-one #titleUserWelc #alreadyLinkedError span a {
  font-weight: 300;
}
.fut-user-wrapper.welcome-section .widget-wrapper {
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #292828;
  margin: 0 auto;
  padding-top: 34px;
  width: 350px;
  max-height: 442px;
  border: solid 1px #dbdbdb;
}
.fut-user-wrapper.welcome-section .widget-wrapper .login-logo {
  margin: 0 auto;
  width: 134px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-nickname {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  width: 464px;
  margin: 0 auto;
  text-align: center;
}
.fut-user-wrapper.welcome-section .widget-wrapper .security-disclaimer {
  margin: 8px auto;
  max-width: 80%;
  font-size: 14px;
  color: #292828;
  font-weight: 400;
  margin-top: -6px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security a {
  text-decoration: none;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security button.fut-reconnect {
  margin: 24px 0 8px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292828;
  font-weight: 400;
  gap: 4px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link:last-child {
  margin-top: 20px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link p {
  font-size: 12px;
  color: #292828;
  margin: 0px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link i {
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link i svg {
  width: 12px;
  height: 12px;
  position: inherit;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link i svg path {
  fill: #292828;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link .link-no-meli-conect {
  color: #236da9;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}
.fut-user-wrapper.welcome-section .widget-wrapper .container-bnt-security .security-disclaimer-link .link-no-meli-conect:hover {
  color: #17507f;
  cursor: pointer;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper {
  padding-bottom: 36px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper .container-icon-meli {
  margin-bottom: 12px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper .title-security-disclaimer {
  font-size: 16px;
  color: #292828;
  font-weight: 600;
  margin-bottom: 8px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper .special-container {
  margin-bottom: 50px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button.fut-reconnect i {
  margin-right: 12px;
  position: relative;
  top: 1px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button#partnerBtn {
  margin: 24px 0 96px;
  border-radius: 50px;
  background-color: transparent;
  border-color: #dbdbdb;
  padding: 4px 13px 25px 12px;
  color: #292828;
  width: 233px;
  height: 16px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button#partnerBtn:hover {
  background-color: #f5f5f5;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button#partnerBtn i {
  margin-right: 15px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button#partnerBtn span {
  font-size: 12px;
  font-weight: 400;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button#meliConect {
  background-color: #FFE600;
  border-color: #FFE600;
  color: #292828;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 44px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper button#meliConect:hover {
  background-color: #FFD600;
  border-color: #FFD600;
}
.fut-user-wrapper.welcome-section .widget-wrapper .user-actions-wrapper .container-btn-partner {
  position: relative;
  top: -42px;
  height: 48px;
}
.fut-user-wrapper.welcome-section .widget-wrapper h3 {
  font-size: 24px;
  font-weight: 600;
}
.fut-user-wrapper.welcome-section .widget-wrapper .line-div-login {
  border-top: solid 1px #dbdbdb;
  width: 520px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .fut-reconnect {
  margin: 24px 0 96px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .support-request {
  margin-top: 30px;
}
.fut-user-wrapper.welcome-section .widget-wrapper .support-request p {
  font-size: 14px;
  color: #292828;
  font-weight: 400;
}
.fut-user-wrapper.welcome-section .widget-wrapper .support-request a {
  color: #236da9;
}
.fut-user-wrapper.welcome-section .widget-wrapper .support-request a:hover {
  color: #17507f;
  text-decoration: none;
}
.fut-user-wrapper.welcome-section .container-help-link {
  margin-top: 23px;
  margin-bottom: 12px;
}
.fut-user-wrapper.welcome-section .container-help-link .helper-links {
  display: flex;
}
.fut-user-wrapper.welcome-section .container-help-link p {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  margin-right: 2px;
}
.fut-user-wrapper.welcome-section .container-help-link p a {
  color: #236da9;
}
.fut-user-wrapper.welcome-section .container-help-link p a:hover {
  color: #17507f;
  text-decoration: none;
}
.fut-user-wrapper.welcome-section .container-help-link .text-brands {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
}

@media (max-width: 720px) {
  .fut-user-wrapper.welcome-section div.section-container-one {
    width: fit-content;
    margin-left: -20px;
  }
  .fut-user-wrapper.welcome-section div.section-container-one .login-logo {
    padding: 40px;
  }
  .fut-user-wrapper.welcome-section .rectangle-filler {
    width: 328px;
  }
  .fut-user-wrapper.welcome-section .widget-wrapper {
    width: 328px;
    max-height: fit-content;
  }
  .fut-user-wrapper.welcome-section .widget-wrapper .user-nickname {
    font-size: 18px;
    width: 80%;
  }
  .fut-user-wrapper.welcome-section .widget-wrapper .line-div-login {
    width: 90%;
  }
  .fut-user-wrapper.welcome-section .widget-wrapper .security-disclaimer {
    max-width: 90%;
    font-size: 14px;
  }
  .fut-user-wrapper.welcome-section .widget-wrapper .support-request p {
    width: 89%;
    margin-left: 12px;
  }
  .fut-user-wrapper.welcome-section .container-icons-brands {
    width: 80%;
    margin: 21px auto;
  }
  .fut-user-wrapper.welcome-section .container-help-link .helper-links {
    display: block;
  }
}
@media (min-width: 1800px) {
  .fut-user-wrapper.welcome-section div.section-container-one .login-logo {
    margin: 0px auto;
    width: 134px;
    padding: 100px;
  }
}
.fut-user-wrapper.processing-section {
  text-align: center;
  height: 100vh;
}
.fut-user-wrapper.processing-section div.section-container-one {
  height: 40%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fut-user-wrapper.processing-section div.section-container-one .login-logo {
  margin: auto;
  width: 134px;
  padding: 21px;
}
.fut-user-wrapper.processing-section .widget-wrapper {
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #292828;
  margin: 0 auto 32px;
  width: 576px;
  min-height: 550px;
  height: auto;
  border: solid 1px #dbdbdb;
}
.fut-user-wrapper.processing-section .widget-wrapper .login-logo {
  margin: 0 auto;
  width: 134px;
}
.fut-user-wrapper.processing-section .widget-wrapper .user-nickname {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  width: 464px;
  margin: 0 auto 12px;
  text-align: center;
}
.fut-user-wrapper.processing-section .widget-wrapper .security-disclaimer {
  margin: 16px auto;
  max-width: 420px;
  font-size: 14px;
  color: #292828;
  font-weight: 400;
  margin-top: -6px;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 20px;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td {
  padding: 10px;
  display: block;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #itemsProgressBar, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #ordersProgressBar, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #questionProgressBar {
  width: 105px;
  display: block;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #itemsProgressBar svg path, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #ordersProgressBar svg path, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #questionProgressBar svg path {
  stroke-width: 4;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #items_percentage, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #orders_percentage, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #questions_percentage {
  position: relative;
  top: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td.text-left.percent-and-bar {
  margin-bottom: 65px;
}
.fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td.text-left.txt-bar {
  width: 66%;
  text-align: center;
  min-height: 40px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount {
  border: solid 1px #dbdbdb;
  width: 390px;
  height: auto;
  min-height: 163px;
  margin: 22px auto;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-tooltip-and-text {
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-RT-tooltip {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-RT-tooltip:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-RT-tooltip .RT-tooltip .RT-tooltip__meli-icon i {
  position: relative;
  top: 8px;
  left: 2px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-RT-tooltip .RT-tooltip .RT-tooltip__meli-icon i svg {
  width: 14px;
  height: 14px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-RT-tooltip .RT-tooltip .RT-tooltip__meli-icon i svg path {
  fill: #727272;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount .container-RT-tooltip .RT-tooltip__content {
  line-height: 20px;
  max-width: 200px;
  margin-top: 20px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #discountField {
  height: 24px;
  margin: 0;
  width: auto;
  border-color: #b7b7b7;
  color: #292828;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #discountField:hover {
  border-color: #727272;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #discountField::placeholder {
  color: #727272;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #discountBtn {
  width: 75px;
  height: 36px;
  margin-top: 2px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #discountBtnDisable {
  width: 75px;
  height: 36px;
  margin-top: 2px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #containerApplyDisc {
  position: relative;
  top: -19px;
  width: 90%;
  text-align: justify;
  font-weight: 400;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #containerApplyDisc .payment-text {
  margin-top: 0;
  margin-bottom: -4px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #formDiscount {
  display: grid;
  margin-bottom: 12px;
  margin-top: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  grid-template-columns: 5fr 1fr;
  grid-column-gap: 20px;
  padding: 0px 10px;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #formDiscount .container-input {
  display: flex;
  flex-direction: column;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #formDiscount .container-input #errorInput {
  color: #f04e54;
  margin-left: -112px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
}
.fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #applyDiscountError {
  text-align: justify;
  margin: 0 0 8px 0;
  padding: 4px 0;
  width: 95%;
  font-weight: 400;
}
.fut-user-wrapper.processing-section .widget-wrapper #continueBtn {
  margin-top: 30px;
  margin-bottom: 30px;
}
.fut-user-wrapper.processing-section .widget-wrapper #continueBtn a {
  text-decoration: none;
}
.fut-user-wrapper.processing-section .widget-wrapper #continueBtn .mdc-button.mdc-button--unelevated.primary-md {
  color: white;
  font-weight: 400;
  width: 420px;
  height: 36px;
  min-width: 108px;
  padding: 8px 16px 8px 16px;
  border-radius: 4px;
}
.fut-user-wrapper.processing-section .widget-wrapper #continueBtn .mdc-button.mdc-button--unelevated.primary-md.disabled {
  color: white;
  font-weight: 400;
  width: 420px;
  height: 36px;
  min-width: 108px;
  padding: 8px 16px 8px 16px;
  border-radius: 4px;
  border: none;
}

@media (max-width: 720px) {
  .fut-user-wrapper.processing-section div.section-container-one {
    width: auto;
    margin-left: -20px;
  }
  .fut-user-wrapper.processing-section div.section-container-one .login-logo {
    padding: 40px;
  }
  .fut-user-wrapper.processing-section .rectangle-filler {
    width: 328px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper {
    width: 328px;
    max-height: fit-content;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .user-nickname {
    font-size: 18px;
    width: 80%;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .line-div-login {
    width: 90%;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .security-disclaimer {
    max-width: 90%;
    font-size: 14px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody {
    display: flex;
    flex-direction: column;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr {
    flex-direction: row;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #itemsProgressBar, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #ordersProgressBar, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #questionProgressBar {
    width: 90px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #items_percentage, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #orders_percentage, .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td #questions_percentage {
    top: 26px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper .loaders-processing table tbody tr td.text-left.txt-bar {
    text-align: justify;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #contentDiscount {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 15px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #formDiscount {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #formDiscount .container-input #errorInput {
    margin-left: -58px;
    margin-top: 4px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #contentDiscount #discountField {
    width: 214px !important;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #continueBtn button.mdc-button.mdc-button--unelevated.primary-md {
    width: 90%;
    margin-bottom: 12px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #continueBtn button.mdc-button.mdc-button--unelevated.primary-md.disabled {
    width: 90%;
    margin-bottom: 12px;
  }
  .fut-user-wrapper.processing-section .widget-wrapper #continueBtn {
    margin-bottom: 12px;
  }
}
@media (min-width: 1800px) {
  .fut-user-wrapper.processing-section div.section-container-one .login-logo {
    margin: 0px auto;
    width: 134px;
    padding: 100px;
  }
}
.unauthorized-user-wrapper {
  text-align: center;
  height: 100vh;
}
.unauthorized-user-wrapper div.section-container-one {
  height: 40%;
  background-color: white;
}
.unauthorized-user-wrapper div.section-container-one .login-logo {
  margin: auto;
  width: 134px;
  padding: 21px;
}
.unauthorized-user-wrapper div.section-container-one.access_denied {
  height: 100%;
  background-color: #f5f5f5;
}
.unauthorized-user-wrapper .rectangle-filler {
  height: 4px;
  background-color: #4194d8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 auto;
  width: 576px;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied {
  width: 512px;
  height: 468px;
  border: solid 1px #dbdbdb;
  box-shadow: none;
  border-radius: 4px;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .security-disclaimer {
  margin: 12px auto;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .container-img-access-denied {
  margin: 32px auto;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .footer-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
  top: 8px;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .footer-contact i svg {
  width: 20px;
  position: relative;
  top: 2px;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .footer-contact i svg path {
  fill: #727272;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .support-request {
  margin-top: 36px;
}
.unauthorized-user-wrapper .widget-wrapper.access_denied .support-request hr {
  width: 368px;
}
.unauthorized-user-wrapper .widget-wrapper {
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  color: #292828;
  margin: 0 auto;
  padding-top: 52px;
  width: 576px;
}
.unauthorized-user-wrapper .widget-wrapper .login-logo {
  margin: 0 auto;
  width: 134px;
}
.unauthorized-user-wrapper .widget-wrapper .user-nickname {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  width: 464px;
  margin: 0 auto;
  text-align: center;
}
.unauthorized-user-wrapper .widget-wrapper .security-disclaimer {
  margin: 8px auto;
  max-width: 80%;
  font-size: 16px;
  color: #292828;
  font-weight: 400;
}
.unauthorized-user-wrapper .widget-wrapper .container-bnt-security {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.unauthorized-user-wrapper .widget-wrapper .container-bnt-security button.fut-reconnect {
  margin: 24px 0 0;
}
.unauthorized-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292828;
  font-weight: 400;
}
.unauthorized-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link p {
  font-size: 12px;
  color: #292828;
}
.unauthorized-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link i svg {
  width: 9px;
  position: relative;
  top: 2px;
  right: 7px;
}
.unauthorized-user-wrapper .widget-wrapper .container-bnt-security .security-disclaimer-link i svg path {
  fill: #292828;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper {
  padding-bottom: 8px;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button.fut-reconnect i {
  margin-right: 12px;
  position: relative;
  top: 1px;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button#partnerBtn {
  margin: 24px 0 96px;
  border-radius: 50px;
  background-color: transparent;
  border-color: #dbdbdb;
  padding: 20px 19px 19px;
  color: #292828;
  width: 268px;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button#partnerBtn:hover {
  background-color: #f5f5f5;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button#partnerBtn i {
  margin-right: 31px;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button#meliConect {
  background-color: #FFE600;
  border-color: #FFE600;
  color: #292828;
  width: 270px;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button#meliConect:hover {
  background-color: #FFD600;
  border-color: #FFD600;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper button#accessDeniedBtn {
  width: 368px;
  height: 36px;
}
.unauthorized-user-wrapper .widget-wrapper .user-actions-wrapper .container-btn-partner {
  position: relative;
  top: -42px;
  height: 48px;
}
.unauthorized-user-wrapper .widget-wrapper h3 {
  font-size: 24px;
  font-weight: 600;
}
.unauthorized-user-wrapper .widget-wrapper .line-div-login {
  border-top: solid 1px #dbdbdb;
  width: 520px;
}
.unauthorized-user-wrapper .widget-wrapper .fut-reconnect {
  margin: 24px 0 96px;
}
.unauthorized-user-wrapper .widget-wrapper .support-request {
  margin-top: 30px;
}
.unauthorized-user-wrapper .widget-wrapper .support-request p {
  font-size: 14px;
  color: #292828;
  font-weight: 400;
}
.unauthorized-user-wrapper .widget-wrapper .support-request a {
  color: #236da9;
}
.unauthorized-user-wrapper .widget-wrapper .support-request a:hover {
  color: #17507f;
  text-decoration: none;
}
.unauthorized-user-wrapper .container-help-link {
  margin-top: 23px;
  margin-bottom: 12px;
}
.unauthorized-user-wrapper .container-help-link p {
  font-size: 14px;
  font-weight: 400;
  color: #292828;
  margin-bottom: 40px;
}
.unauthorized-user-wrapper .container-help-link p a {
  color: #236da9;
}
.unauthorized-user-wrapper .container-help-link p a:hover {
  color: #17507f;
  text-decoration: none;
}
.unauthorized-user-wrapper .container-help-link .text-brands {
  font-size: 16px;
  font-weight: 600;
  color: #292828;
}

@media (max-width: 720px) {
  .unauthorized-user-wrapper div.section-container-one {
    width: fit-content;
    margin-left: -20px;
  }
  .unauthorized-user-wrapper div.section-container-one .login-logo {
    padding: 40px;
  }
  .unauthorized-user-wrapper .rectangle-filler {
    width: 328px;
  }
  .unauthorized-user-wrapper .widget-wrapper {
    width: 328px;
    max-height: fit-content;
  }
  .unauthorized-user-wrapper .widget-wrapper .user-nickname {
    font-size: 18px;
    width: 80%;
  }
  .unauthorized-user-wrapper .widget-wrapper .line-div-login {
    width: 90%;
  }
  .unauthorized-user-wrapper .widget-wrapper .security-disclaimer {
    max-width: 90%;
    font-size: 14px;
  }
  .unauthorized-user-wrapper .widget-wrapper .support-request p {
    width: 89%;
    margin-left: 12px;
  }
  .unauthorized-user-wrapper .container-icons-brands {
    width: 80%;
    margin: 21px auto;
  }
}
@media (min-width: 1800px) {
  .unauthorized-user-wrapper div.section-container-one .login-logo {
    margin: 0px auto;
    width: 134px;
    padding: 100px;
  }
}
.decimal-number {
  position: relative;
  font-weight: 600;
  font-size: 14px;
}
.decimal-number .sup-decimals {
  top: -5px;
  font-weight: 400;
  margin-left: 2px;
  font-size: 11px;
}

.bold {
  font-weight: bold;
}

.rt__design-system__base-table {
  display: grid;
  grid-template-areas: "table-head" "table-body";
  grid-template-columns: 1fr;
  place-content: flex-start;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.rt__design-system__base-table thead {
  grid-area: table-head;
  display: grid;
  grid-auto-columns: 1fr;
}
.rt__design-system__base-table thead .rt__design-system__base-row-head {
  background-color: #dbdbdb;
  display: grid;
  grid-auto-flow: column;
}
.rt__design-system__base-table thead .rt__design-system__base-row-head .rt__design-system__base-row-head-data {
  padding: 16px 12px;
  color: #292828;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.rt__design-system__base-table thead .rt__design-system__base-row-head .rt__design-system__base-row-head-data .rt__design-system__loading-row-head {
  background-color: #b7b7b7;
}
.rt__design-system__base-table tbody {
  grid-area: table-body;
  overflow-y: auto;
  max-height: 100%;
  display: grid;
  grid-auto-columns: auto;
}
.rt__design-system__base-table tbody::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.rt__design-system__base-table tbody::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
  visibility: hidden;
}
.rt__design-system__base-table tbody::-webkit-scrollbar-corner {
  background-color: transparent;
}
.rt__design-system__base-table tbody::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
.rt__design-system__base-table tbody .rt__design-system__base-row {
  background-color: #f5f5f5;
  display: grid;
  grid-auto-flow: column;
}
.rt__design-system__base-table tbody .rt__design-system__base-row:nth-child(even) {
  background-color: #FBFBFB;
}
.rt__design-system__base-table tbody .rt__design-system__base-row .rt__design-system__base-row-data {
  padding: 16px 12px;
  color: #292828;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.rt__design-system__base-table tbody .rt__design-system__base-row .rt__design-system__base-row-data .rt__design-system__loading-row-data {
  background-color: #dbdbdb;
}

.nav-tabs {
  margin: 32px 0 24px 0;
  border: 0;
  border-bottom: 1px solid #dbdbdb;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
  background-color: transparent;
  border: 0;
  color: #292828;
}
.nav-tabs li a {
  font-weight: 400;
  border: 0;
  color: #292828;
  margin: 0;
  padding: 5px 25px;
  position: relative;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
  background-color: transparent;
  border: 0;
  color: #292828;
}
.nav-tabs li a .numeric-badge {
  font-size: 10px;
  font-weight: 600;
  background: #f04e54;
  min-width: 14px;
  padding: 0 3px 0 2px;
  box-sizing: border-box;
  height: 14px;
  display: none;
  vertical-align: middle;
  text-align: center;
  color: white;
  border-radius: 4px;
  margin-left: 8px;
}
.nav-tabs li a .numeric-badge.active-badge {
  display: inline-block;
}
.nav-tabs.nav-tabs__large li:hover, .nav-tabs.nav-tabs__large li:focus {
  box-shadow: inset 0px -2px 0px #a0d0f6;
}
.nav-tabs.nav-tabs__large li a[data-toggle=tab] {
  padding: 10px 24px;
  font-size: 1.6rem;
  cursor: pointer;
}
.nav-tabs.nav-tabs__large li.active {
  box-shadow: inset 0px -2px 0px #4194d8;
}
.nav-tabs.nav-tabs__large li.active a[data-toggle=tab],
.nav-tabs.nav-tabs__large li.active a[data-toggle=tab]:hover,
.nav-tabs.nav-tabs__large li.active a[data-toggle=tab]:focus {
  font-weight: 600;
  color: #292828;
}
.nav-tabs.nav-tabs__small li:hover, .nav-tabs.nav-tabs__small li:focus {
  box-shadow: inset 0px -2px 0px #a0d0f6;
}
.nav-tabs.nav-tabs__small li a[data-toggle=tab] {
  padding: 10px 16px;
  font-size: 1.4rem;
  cursor: pointer;
}
.nav-tabs.nav-tabs__small li.active {
  box-shadow: inset 0px -2px 0px #4194d8;
}
.nav-tabs.nav-tabs__small li.active a[data-toggle=tab],
.nav-tabs.nav-tabs__small li.active a[data-toggle=tab]:hover,
.nav-tabs.nav-tabs__small li.active a[data-toggle=tab]:focus {
  font-weight: 600;
  color: #292828;
}
@media (max-width: 768px) {
  .nav-tabs .nav-tabs > li {
    float: none;
  }
}

.container-all-reputation {
  height: 24px;
  display: flex;
  flex-direction: row;
}
.container-all-reputation .medal-reputation {
  margin: 0 8px;
}
.container-all-reputation .medal-reputation.medal-lg.medal-official-store {
  background-size: 105%;
  margin-left: 2px;
}
.container-all-reputation .RT-tooltip span {
  z-index: 0 !important;
}

.container-thermometer.large {
  width: 306px;
}

.container-thermometer {
  width: 196px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reputation-color.large {
  width: 58px;
  height: 8px;
}

.reputation-color {
  width: 36px;
  height: 4px;
  background-color: #eeeeee;
}

#ds-progress-half-circle {
  overflow: hidden;
  width: fit-content;
}
#ds-progress-half-circle .half-circle {
  position: relative;
  width: 48px;
  height: 24px;
  background-color: white;
  border-top-left-radius: 45.6px;
  border-top-right-radius: 45.6px;
  border: 4px solid #eeeeee;
  border-bottom: 0;
}
#ds-progress-half-circle .half-circle .bar {
  width: 48px;
  height: 24px;
  background-color: white;
  border-top-left-radius: 45.6px;
  border-top-right-radius: 45.6px;
  border: 4px solid #328547;
  border-bottom: 0;
  transition: all 1s ease;
  transform-origin: bottom;
  position: absolute;
  z-index: 1;
  transform: rotate(-180deg);
  left: -4px;
  bottom: 0;
}
#ds-progress-half-circle .half-circle .text {
  position: absolute;
  left: 50%;
  top: 70%;
  z-index: 1;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 600;
  color: #727272;
  margin: 0;
  padding: 0;
}
#ds-progress-half-circle .half-circle .separator-left {
  visibility: hidden;
  background-color: white;
  width: 10px;
  height: 8px;
  position: absolute;
  z-index: 10;
  top: 6%;
  left: 20%;
  rotate: 60deg;
}
#ds-progress-half-circle .half-circle .separator-right {
  visibility: hidden;
  background-color: white;
  width: 10px;
  height: 8px;
  position: absolute;
  z-index: 10;
  top: 6%;
  right: 20%;
  rotate: 120deg;
}
#ds-progress-half-circle.large .half-circle {
  width: 100px;
  height: 50px;
  border-top-left-radius: 95px;
  border-top-right-radius: 95px;
}
#ds-progress-half-circle.large .half-circle .bar {
  width: 100px;
  height: 50px;
  border-top-left-radius: 95px;
  border-top-right-radius: 95px;
}
#ds-progress-half-circle.large .half-circle .text {
  font-size: 36px;
}
#ds-progress-half-circle.with-separators .separator-left, #ds-progress-half-circle.with-separators .separator-right {
  visibility: visible;
}

.sidebar {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 72px;
  height: 100%;
  border-right: 1px solid #eeeeee;
  z-index: 201;
  display: block;
}
@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
  .sidebar.show {
    display: block;
  }
}
.sidebar__tools-navigation {
  position: absolute;
  top: 0;
  left: -273px;
  height: calc(100% - 54px);
  width: 264px;
  background-color: #fff;
  padding-top: 80px;
  padding-right: 4px;
  border-right: none;
  transition: left 250ms ease-in-out, border-right 1ms 150ms ease-in-out;
  z-index: 199;
}
.sidebar__tools-navigation .navigation-links {
  padding: 0 12px;
  overflow-y: auto;
  max-height: 86vh;
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.sidebar__tools-navigation .navigation-links::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  margin-right: 2px;
}
.sidebar__tools-navigation .navigation-links::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 4px;
}
@media (max-height: 720px) {
  .sidebar__tools-navigation .navigation-links {
    max-height: 80vh;
  }
}
.sidebar__tools-navigation .navigation-links.visible {
  opacity: 1;
  visibility: visible;
  height: fit-content;
  transition: opacity 250ms 150ms ease-in-out, height 50ms 50ms ease-in-out, visibility 50ms ease-in-out;
}
.sidebar__tools-navigation .navigation-links ul:last-child {
  border-top: 1px solid #eeeeee;
  margin-top: 12px;
  padding-top: 12px;
}
.sidebar__tools-navigation .navigation-links ul li {
  display: flex;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border-radius: 8px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation.has-badges span {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation.active {
  background-color: #ebf8fa;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation.active span {
  font-weight: 600;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__tool-presentation {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__tool-presentation span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__tool-presentation span svg {
  width: 12px;
  height: 12px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__tool-notifications {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f04e54;
  border-radius: 4px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__tool-notifications:has(span:empty) {
  display: none;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__tool-notifications span {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__informative-tag {
  padding: 4px 8px;
  background-color: #ebf8fa;
  border-radius: 2px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation__informative-tag span {
  color: #4194d8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation:hover, .sidebar__tools-navigation .navigation-links ul li .link-navigation:focus {
  background-color: #eeeeee;
  text-decoration: none;
  color: #292828;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation:hover.active .link-navigation__tool-presentation span, .sidebar__tools-navigation .navigation-links ul li .link-navigation:focus.active .link-navigation__tool-presentation span {
  font-weight: 600;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation:hover .link-navigation__tool-presentation span, .sidebar__tools-navigation .navigation-links ul li .link-navigation:focus .link-navigation__tool-presentation span {
  font-weight: 400;
}
.sidebar__tools-navigation .navigation-links ul li .link-navigation:hover .link-navigation__informative-tag span, .sidebar__tools-navigation .navigation-links ul li .link-navigation:focus .link-navigation__informative-tag span {
  font-weight: 400;
}
.sidebar__tools-navigation .portal-intro {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.sidebar__tools-navigation .portal-intro .intro-container {
  padding: 0 24px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column nowrap;
}
.sidebar__tools-navigation .portal-intro .intro-container.tienda-introduction h3 {
  margin-top: 4px;
}
.sidebar__tools-navigation .portal-intro .intro-container p, .sidebar__tools-navigation .portal-intro .intro-container h3 {
  margin: 0;
  width: 100%;
  text-align: center;
}
.sidebar__tools-navigation .portal-intro .intro-container h3 {
  color: #292828;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 16px;
}
.sidebar__tools-navigation .portal-intro .intro-container .description {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 12px 0;
}
.sidebar__tools-navigation .portal-intro .intro-container a {
  margin-top: 12px;
  width: 100%;
}
.sidebar__tools-navigation .portal-intro .intro-container a:hover {
  text-decoration: none;
}
.sidebar__tools-navigation .portal-intro .intro-container a:hover button {
  text-decoration: none;
}
.sidebar__tools-navigation .portal-intro .intro-container a button {
  width: 100%;
  padding: 8px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: none;
  outline: none;
}
.sidebar__tools-navigation .portal-intro .intro-container a button span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__tools-navigation .portal-intro .intro-container a button.primary {
  background-color: #4194d8;
}
.sidebar__tools-navigation .portal-intro .intro-container a button.primary span {
  color: #fff;
}
.sidebar__tools-navigation .portal-intro .intro-container a button.primary:hover, .sidebar__tools-navigation .portal-intro .intro-container a button.primary:focus {
  background-color: #236da9;
}
.sidebar__tools-navigation .portal-intro .intro-container a button.outlined {
  border: 1px solid #236da9;
  background-color: #fff;
}
.sidebar__tools-navigation .portal-intro .intro-container a button.outlined span {
  color: #236da9;
}
.sidebar__tools-navigation .portal-intro .intro-container a button.outlined:hover, .sidebar__tools-navigation .portal-intro .intro-container a button.outlined:focus {
  background-color: #ebf8fa;
}
.sidebar__tools-navigation .portal-intro .intro-container .maintence-cost {
  margin-top: 24px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #727272;
}
.sidebar__tools-navigation .portal-intro.visible {
  opacity: 1;
  visibility: visible;
  height: fit-content;
  transition: opacity 250ms 150ms ease-in-out, height 50ms 100ms ease-in-out, visibility 50ms ease-in-out;
}
.sidebar__link-icons-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  position: relative;
  height: 100%;
  z-index: 200;
  background-color: #fff;
}
.sidebar__link-icons-container .bottom-side {
  padding-bottom: 8px;
}
.sidebar__link-icons-container .nav-section.principal-anchor-logo {
  width: fit-content;
  height: fit-content;
  padding: 12px 16px 20px;
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 400;
}
.sidebar__link-icons-container .nav-section.principal-anchor-logo .logo-rt {
  width: 40px;
  height: 40px;
  z-index: 198;
  transition: width 100ms 75ms ease-in-out;
  position: relative;
}
.sidebar__link-icons-container .nav-section.principal-anchor-logo .logo-rt > svg {
  width: 40px;
  height: 40px;
}
.sidebar__link-icons-container .nav-section.principal-anchor-logo .logo-rt .extension-rt-logo {
  position: absolute;
  top: 0;
  left: -273px;
  width: fit-content;
  opacity: 0;
  z-index: 197;
  transition: left 250ms ease-in-out, opacity 0ms ease-in-out;
}
.sidebar__link-icons-container .nav-section.principal-anchor-logo .logo-rt .extension-rt-logo svg {
  width: 86px;
  height: 38px;
}
.sidebar__link-icons-container .nav-section.interactable-section ul li {
  cursor: pointer;
}
.sidebar__link-icons-container .nav-section.interactable-section ul li:hover .sidebar-tool-icon, .sidebar__link-icons-container .nav-section.interactable-section ul li:hover .sidebar-tool-icon.active-portal, .sidebar__link-icons-container .nav-section.interactable-section ul li:focus .sidebar-tool-icon, .sidebar__link-icons-container .nav-section.interactable-section ul li:focus .sidebar-tool-icon.active-portal {
  background-color: #eeeeee;
}
.sidebar__link-icons-container .nav-section.has-separator::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  background-color: #eeeeee;
  margin: 8px 0 8px 12px;
}
.sidebar__link-icons-container .nav-section.only-child > ul > li {
  margin: 4px 0;
  padding: 0;
}
.sidebar__link-icons-container .nav-section.only-child > ul > li > .sidebar-tool-icon {
  margin: 0;
}
.sidebar__link-icons-container .nav-section > ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column nowrap;
}
.sidebar__link-icons-container .nav-section > ul > li {
  padding: 4px 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  border-radius: 8px;
  margin-right: 0;
  position: relative;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation {
  position: relative;
  margin: 0px 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .icon-badge-unread-news {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #4194d8;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .icon-platform-status {
  position: absolute;
  top: 4px;
  right: 4px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .link-badge-unread-news {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #4194d8;
  border: 1px solid #fff;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options {
  width: 264px;
  height: fit-content;
  position: absolute;
  bottom: -72px;
  left: 60px;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid #eeeeee;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options header {
  padding: 12px 24px;
  border-bottom: 2px solid #71D8BF;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options header h3, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options header small {
  margin: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options header h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options header small {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul {
  margin: 12px 0;
  list-style: none;
  border-bottom: none;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  height: 1px;
  margin: 12px 8px 0;
  background-color: #eeeeee;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li {
  padding: 0 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border-radius: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation.has-badges span {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation.active {
  background-color: #ebf8fa;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation.active span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__tool-presentation {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__tool-presentation span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__tool-presentation span svg {
  width: 12px;
  height: 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__tool-notifications {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f04e54;
  border-radius: 4px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__tool-notifications:has(span:empty) {
  display: none;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__tool-notifications span {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__informative-tag {
  padding: 4px 8px;
  background-color: #ebf8fa;
  border-radius: 2px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation__informative-tag span {
  color: #4194d8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:focus {
  background-color: #eeeeee;
  text-decoration: none;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:hover.active .link-navigation__tool-presentation span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:focus.active .link-navigation__tool-presentation span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:hover .link-navigation__tool-presentation span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:focus .link-navigation__tool-presentation span {
  font-weight: 400;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:hover .link-navigation__informative-tag span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:focus .link-navigation__informative-tag span {
  font-weight: 400;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation {
  width: unset;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:has(.icon-platform-status) {
  justify-content: flex-start;
  gap: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .link-navigation:has(.icon-platform-status) .icon-platform-status {
  position: unset;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li:has(.resources-navigation):hover .resources-navigation, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li:has(.resources-navigation):focus .resources-navigation {
  background-color: #eeeeee;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation {
  padding-right: 12px;
  border-radius: 8px;
  position: relative;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  width: 100%;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border-radius: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation.has-badges span {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation.active {
  background-color: #ebf8fa;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation.active span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__tool-presentation {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__tool-presentation span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__tool-presentation span svg {
  width: 12px;
  height: 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__tool-notifications {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f04e54;
  border-radius: 4px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__tool-notifications:has(span:empty) {
  display: none;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__tool-notifications span {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__informative-tag {
  padding: 4px 8px;
  background-color: #ebf8fa;
  border-radius: 2px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation__informative-tag span {
  color: #4194d8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:focus {
  background-color: #eeeeee;
  text-decoration: none;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:hover.active .link-navigation__tool-presentation span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:focus.active .link-navigation__tool-presentation span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:hover .link-navigation__tool-presentation span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:focus .link-navigation__tool-presentation span {
  font-weight: 400;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:hover .link-navigation__informative-tag span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:focus .link-navigation__informative-tag span {
  font-weight: 400;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation {
  justify-content: flex-start;
  gap: 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__interactable-section .link-navigation:focus {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options {
  position: absolute;
  bottom: -182px;
  left: 256px;
  width: 284px;
  height: fit-content;
  border: 1px solid #eeeeee;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
  .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options {
    left: -8px;
  }
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options header {
  display: none;
}
@media (max-width: 768px) {
  .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 16px;
  }
  .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options header button {
    outline: none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
  }
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li {
  padding: 0 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border-radius: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation.has-badges span {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation.active {
  background-color: #ebf8fa;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation.active span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__tool-presentation {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__tool-presentation span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__tool-presentation span svg {
  width: 12px;
  height: 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__tool-notifications {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f04e54;
  border-radius: 4px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__tool-notifications:has(span:empty) {
  display: none;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__tool-notifications span {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__informative-tag {
  padding: 4px 8px;
  background-color: #ebf8fa;
  border-radius: 2px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation__informative-tag span {
  color: #4194d8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:focus {
  background-color: #eeeeee;
  text-decoration: none;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:hover.active .link-navigation__tool-presentation span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:focus.active .link-navigation__tool-presentation span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:hover .link-navigation__tool-presentation span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:focus .link-navigation__tool-presentation span {
  font-weight: 400;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:hover .link-navigation__informative-tag span, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation:focus .link-navigation__informative-tag span {
  font-weight: 400;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .link-navigation {
  width: unset;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link__presentation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link__presentation span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link__tag {
  padding: 4px 8px;
  background-color: #ebf8fa;
  border-radius: 2px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link__tag span {
  color: #4194d8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .training-link:focus {
  background-color: #eeeeee;
  text-decoration: none;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  border-radius: 8px;
  background-color: transparent;
  border: none;
  outline: none;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button span {
  color: #292828;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 8px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button img {
  width: 20px;
  height: 20px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button.active {
  background-color: #ebf8fa;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button.active span {
  font-weight: 600;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.user-configuration-navigation .user-navigation-options__options-container ul li .resources-navigation__options ul li .meli-news-button:focus {
  background-color: #eeeeee;
  text-decoration: none;
  color: #292828;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.active-portal {
  background-color: #ebf8fa;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon.focused-portal {
  background-color: #eeeeee;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon:hover, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon:focus {
  background-color: #eeeeee;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__title:not(:has(button, a)), .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .only-icon:not(:has(button, a)) {
  padding: 12px;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__title button, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__title a, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .only-icon button, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .only-icon a {
  display: flex;
  width: fit-content;
  height: fit-content;
  padding: 12px;
  margin: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__content {
  left: 52px !important;
  margin-top: 0;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  padding: 12px 8px;
  z-index: 410;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__content .RT-tooltip-meli {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__content .RT-tooltip-meli .tag-icon {
  margin-top: 6px;
}
@media (max-width: 768px) {
  .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .RT-tooltip__content {
    display: none;
  }
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .existing-portal-badges-circle {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .existing-portal-badges-circle.badge-pending-payment {
  background-color: #ffcc59;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .existing-portal-badges-circle.important {
  background-color: #f04e54;
}
.sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .existing-portal-badges-circle.informative, .sidebar__link-icons-container .nav-section > ul > li .sidebar-tool-icon .existing-portal-badges-circle.badge-retrial {
  background-color: #4194d8;
}
.sidebar.extend .sidebar__link-icons-container {
  border-right: 1px solid #eeeeee;
}
.sidebar.extend .sidebar__link-icons-container .nav-section.principal-anchor-logo .logo-rt {
  width: 120px;
  display: flex;
}
.sidebar.extend .sidebar__link-icons-container .nav-section.principal-anchor-logo .logo-rt .extension-rt-logo {
  left: 40px;
  opacity: 1;
  transition: left 250ms ease-in-out, opacity 250ms 250ms ease-in-out;
}
.sidebar.extend .sidebar__tools-navigation {
  left: 72px;
  border-right: 1px solid #eeeeee;
}

.layout-header {
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 72px;
  padding: 0 32px;
  border-bottom: 2px solid #71d8bf;
  width: calc(100vw - 72px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  z-index: 14;
}
@media (max-width: 768px) {
  .layout-header {
    width: 100vw;
    left: 0;
    padding: 0 16px;
  }
}
.layout-header .menu-mobile-toggle-button {
  display: none;
  background-color: transparent;
  border: none;
  outline: none;
}
@media (max-width: 768px) {
  .layout-header .menu-mobile-toggle-button {
    display: block;
  }
}
.layout-header__aplication-information {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
}
.layout-header__aplication-information .tool-title {
  font-size: 18px;
  font-weight: 600;
  color: #292828;
  line-height: 26px;
  margin: 0;
}
@media (max-width: 768px) {
  .layout-header__aplication-information .tool-title {
    display: none;
  }
}
.layout-header__aplication-information .annual-discount-button {
  border-radius: 16px;
  height: 24px;
  width: auto;
  padding: 0px 12px;
}
.layout-header__user-information {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.layout-header__user-information .user-logged {
  font-size: 14px;
  font-weight: 600;
  color: #292828;
  line-height: 20px;
  margin: 0;
  padding: 16px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
@media (width < 480px) {
  .layout-header__user-information .user-logged {
    max-width: 12ch;
  }
}
@media (480px <= width < 768px) {
  .layout-header__user-information .user-logged {
    max-width: 24ch;
  }
}
.layout-header__user-information .user-notification {
  padding: 4px 16px;
}
.layout-header__user-information .user-notification ul {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  margin-right: 0;
  position: relative;
  border-radius: 50%;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon:hover, .layout-header__user-information .user-notification ul .tool-notification-link-icon:focus {
  background-color: #eeeeee;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon .RT-tooltip__title a, .layout-header__user-information .user-notification ul .tool-notification-link-icon .only-icon a {
  padding: 12px;
  margin: 0;
  text-decoration: none;
  display: flex;
  width: fit-content;
  height: fit-content;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon .RT-tooltip__title a button, .layout-header__user-information .user-notification ul .tool-notification-link-icon .only-icon a button {
  border: none;
  outline: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon .RT-tooltip__content {
  margin-top: 0;
  top: 48px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  padding: 12px 8px;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon span.badge-header-notifications {
  position: absolute;
  top: 8px;
  right: 4px;
  background-color: #f04e54;
  color: #fff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
  text-align: center;
  z-index: 4;
}
.layout-header__user-information .user-notification ul .tool-notification-link-icon span.badge-header-notifications:empty {
  display: none;
}
.layout-header__user-information .related-account-notifications {
  border-right: 1px solid #b7b7b7;
  padding: 4px 16px;
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  .layout-header__user-information .related-account-notifications {
    display: none;
  }
}
.layout-header__user-information .related-account-notifications ul {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  margin-right: 0;
  position: relative;
  border-radius: 50%;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon:hover, .layout-header__user-information .related-account-notifications ul .tool-notification-link-icon:focus {
  background-color: #eeeeee;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon .RT-tooltip__title a, .layout-header__user-information .related-account-notifications ul .tool-notification-link-icon .only-icon a {
  padding: 12px;
  margin: 0;
  text-decoration: none;
  display: flex;
  width: fit-content;
  height: fit-content;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon .RT-tooltip__title a button, .layout-header__user-information .related-account-notifications ul .tool-notification-link-icon .only-icon a button {
  border: none;
  outline: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon .RT-tooltip__content {
  margin-top: 0;
  top: 48px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  padding: 12px 8px;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon span.badge-header-notifications {
  position: absolute;
  top: 8px;
  right: 4px;
  background-color: #f04e54;
  color: #fff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
  text-align: center;
  z-index: 4;
}
.layout-header__user-information .related-account-notifications ul .tool-notification-link-icon span.badge-header-notifications:empty {
  display: none;
}
.layout-header__user-information .related-account-notifications h2.related-account-user {
  color: #292828;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.layout-header__user-information .related-account-notifications a.related-account-user {
  color: #292828;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
}
.layout-header__user-information .related-account-notifications a.related-account-user:hover, .layout-header__user-information .related-account-notifications a.related-account-user:focus, .layout-header__user-information .related-account-notifications a.related-account-user:active, .layout-header__user-information .related-account-notifications a.related-account-user:visited {
  text-decoration: none;
  color: #292828;
  outline: none;
}
.layout-header__user-information .related-multi-accounts-notifications {
  border-right: 1px solid #b7b7b7;
  padding: 4px 16px;
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .layout-header__user-information .related-multi-accounts-notifications {
    display: none;
  }
}
.layout-header__user-information .related-multi-accounts-notifications > ul {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
}
.layout-header__user-information .related-multi-accounts-notifications > ul li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-header__user-information .related-multi-accounts-notifications > ul li .tool-notification-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  width: fit-content;
  height: fit-content;
  margin: 0;
  border-radius: 50%;
  margin-right: 0;
  position: relative;
}
.layout-header__user-information .related-multi-accounts-notifications > ul li .tool-notification-icon span {
  position: absolute;
  top: 8px;
  right: 4px;
  background-color: #f04e54;
  color: #fff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
  text-align: center;
  z-index: 4;
}
.layout-header__user-information .related-multi-accounts-notifications > ul li .tool-notification-icon span:empty {
  display: none;
}
.layout-header__user-information .related-multi-accounts-notifications > ul li .tool-notification-icon.hovereable.hovered, .layout-header__user-information .related-multi-accounts-notifications > ul li .tool-notification-icon.hovereable:hover {
  background-color: #eeeeee;
}
.layout-header__user-information .related-multi-accounts-notifications .related-multi-accounts-title {
  color: #292828;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns {
  position: absolute;
  top: 52px;
  right: 0;
  width: fit-content;
  height: fit-content;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  padding: 16px 12px;
  cursor: default;
  max-height: 400px;
  overflow-y: auto;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  margin: 0;
  padding: 12px;
  gap: 4px;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #292828;
  margin: 0;
  width: 100%;
  text-align: start;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-flow: row nowrap;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  margin-right: 0;
  position: relative;
  border-radius: 50%;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon:hover, .layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon:focus {
  background-color: #eeeeee;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon .RT-tooltip__title a, .layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon .only-icon a {
  padding: 12px;
  margin: 0;
  text-decoration: none;
  display: flex;
  width: fit-content;
  height: fit-content;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon .RT-tooltip__title a button, .layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon .only-icon a button {
  border: none;
  outline: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon .RT-tooltip__content {
  margin-top: 0;
  top: 48px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  padding: 12px 8px;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon span.badge-header-notifications {
  position: absolute;
  top: 8px;
  right: 4px;
  background-color: #f04e54;
  color: #fff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  padding: 0 2px;
  height: fit-content;
  width: fit-content;
  min-width: 2ch;
  text-align: center;
  z-index: 4;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li > ul > li .tool-notification-link-icon span.badge-header-notifications:empty {
  display: none;
}
.layout-header__user-information .related-multi-accounts-notifications__accounts-dropdowns > ul > li .multiaccount-payment-status-alert {
  margin: 0;
}

#section-paymentdue {
  padding: 0;
}
#section-paymentdue .unauthorized-screen-img img {
  width: 100%;
}
#section-paymentdue .issue-title strong {
  color: #292828;
  font-weight: 600;
  font-size: 21px;
}
#section-paymentdue strong {
  color: #292828;
  font-weight: 600;
  font-size: 14px;
}
#section-paymentdue .main-total {
  max-width: 1100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
}
#section-paymentdue table.payment-table {
  width: 100%;
  text-align: left;
  color: #292828;
  font-weight: 400;
  font-size: 14px;
  margin-top: 20px;
}
#section-paymentdue table.payment-table thead {
  background-color: #dbdbdb;
  height: 41px;
}
#section-paymentdue table.payment-table thead th {
  padding: 0 20px;
}
#section-paymentdue table.payment-table thead th:nth-child(1) {
  width: 300px;
}
#section-paymentdue table.payment-table thead th:nth-child(3) {
  text-align: right;
}
#section-paymentdue table.payment-table tbody strong {
  font-size: 14px;
}
#section-paymentdue table.payment-table tbody td:nth-child(1) {
  width: 300px;
}
#section-paymentdue table.payment-table tbody td:nth-child(2) {
  width: 90px;
}
#section-paymentdue table.payment-table tbody td:nth-child(2) input {
  margin-right: 0 !important;
}
#section-paymentdue table.payment-table tbody td:nth-child(3) {
  text-align: right;
  padding-left: 0;
}
#section-paymentdue table.payment-table tbody tr:nth-child(1) {
  background-color: #f5f5f5;
}
#section-paymentdue table.payment-table tbody tr:nth-child(2) {
  background-color: #fbfbfb;
  height: 75px;
}
#section-paymentdue table.payment-table tbody tr:nth-child(2) td {
  padding: 17px;
}
#section-paymentdue table.payment-table tbody tr:nth-child(3) {
  background-color: #f5f5f5;
}
#section-paymentdue table.payment-table tbody tr:nth-child(3) td {
  padding: 17px;
}
#section-paymentdue table.payment-table tbody tr:nth-child(4) {
  background-color: #fbfbfb;
  border-bottom: 1px solid #727272;
}
#section-paymentdue table.payment-table tbody tr:nth-child(4) td {
  padding: 17px;
}
#section-paymentdue table.payment-table tbody tr:nth-child(5) {
  color: #328547;
  border-bottom: 1px solid #727272;
}
#section-paymentdue table.payment-table tbody tr:nth-child(5) td {
  padding: 19px 13px;
}
#section-paymentdue table.payment-table tbody td {
  padding: 10px 20px;
}
#section-paymentdue table.payment-table tbody .td-change-width {
  width: auto;
  min-width: 180px;
}
#section-paymentdue table.payment-table .tooltip-hover-circle .link-icon.new-design {
  margin-left: 8px;
  background-color: transparent;
  border-radius: 50%;
  height: 23px;
  width: 23px;
  position: relative;
  top: -2px;
  left: -9px;
}
#section-paymentdue table.payment-table .tooltip-hover-circle .link-icon.new-design i {
  top: 4px;
  left: 4px;
}
#section-paymentdue table.payment-table .tooltip-hover-circle .link-icon.new-design:hover {
  background-color: #dbdbdb;
}
#section-paymentdue table.payment-table .tooltip-hover-circle .tiptext-new-design {
  max-width: 326px;
  margin: unset;
  left: -167px;
}
#section-paymentdue .ds-content.promo-code-box {
  border: solid 1px #b7b7b7;
  border-radius: 4px;
  margin: 24px 0px 24px 0px;
}
#section-paymentdue .payment-notif-wrapper:not(.trial) .annual-paid-wording {
  font-size: 14px;
  padding: 7px 45px;
  margin: 0;
  color: #292828;
}
#section-paymentdue .widget-competition-table-billing {
  margin: 0;
}
#section-paymentdue .payment-notif-wrapper {
  margin: 0 auto;
  max-width: 1100px;
  text-align: center;
}
#section-paymentdue .payment-notif-wrapper .payment-txt {
  margin-top: 8px;
}
#section-paymentdue .payment-notif-wrapper .payment-txt a {
  text-decoration: none;
  color: #4194d8;
  font-size: 14px;
  font-weight: 600;
}
#section-paymentdue .payment-notif-wrapper .payment-txt a:hover {
  text-decoration: underline;
  color: #4194d8;
}
#section-paymentdue .payment-notif-wrapper .other-payment {
  margin-top: 12px;
  text-decoration: none;
}
#section-paymentdue .payment-notif-wrapper .other-payment a {
  font-size: 14px;
  text-decoration: none;
  color: #236da9;
  font-weight: normal;
}
#section-paymentdue .payment-notif-wrapper .other-payment a:hover {
  text-decoration: none;
  color: #17507f;
}
#section-paymentdue .payment-notif-wrapper h4 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0;
}
#section-paymentdue .payment-notif-wrapper .support-icon {
  display: block;
  margin: 0 auto;
  text-align: center;
  height: 40px;
  margin-bottom: -15px;
}
#section-paymentdue .payment-notif-wrapper.admin-error__container {
  max-width: 580px;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue {
  border-radius: 4px;
  max-width: 711px;
  box-sizing: border-box;
  padding: 2px 30px;
  margin: 0 auto 70px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper {
  position: relative;
  top: 1px;
  left: -3px;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper input {
  width: 180px;
  border-radius: 4px;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper input[type=number]::-webkit-inner-spin-button,
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper .competidores-title {
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0 4px 0 4px;
  background-color: #fbfbfb;
  font-size: 12px;
  color: #727272;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper .input-button {
  position: absolute;
  height: 27px;
  width: 27px;
  text-align: center;
  line-height: 27px;
  left: 170px;
  cursor: pointer;
  user-select: none;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper .input-button.add {
  top: -3px;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper .input-button.remove {
  top: 13px;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper .input-button.disabled {
  opacity: 0.5;
  cursor: default;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .input-wrapper .tooltip-hover-circle.pricer-tooltip .tooltip-info.new-design.listing-title-row.own-listing-selected {
  left: -10px;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue #targetSelectPricer .competidores-title, #section-paymentdue .payment-notif-wrapper .widget-paymentdue #targetSelectOperators .competidores-title {
  height: 11px;
  background-color: #fbfbfb;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue .widget-alert {
  display: none;
  margin-bottom: 30px;
  text-align: left;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue #loaderContainerDrawer.backdrop_drawer_body {
  width: auto;
}
#section-paymentdue .payment-notif-wrapper .widget-paymentdue #loaderContainerDrawer.backdrop_drawer_body .spinner-wrapper {
  margin: 50% auto;
}
#section-paymentdue .payment-notif-wrapper #contentDiscount p {
  text-align: center;
  width: unset;
}
#section-paymentdue .payment-notif-wrapper:not(.trial) p {
  margin: 25px;
  line-height: 17px;
}
#section-paymentdue .payment-notif-wrapper:not(.trial) .login-logo {
  margin: 65px auto 35px;
}
#section-paymentdue .payment-notif-wrapper:not(.trial) .issue-title {
  font-size: 21px;
  font-weight: 400;
  color: #808080;
  text-align: center;
  padding: 0;
  margin: 23px 0 3px;
}
#section-paymentdue .payment-notif-wrapper:not(.trial) .issue-title strong {
  font-size: 24px;
}
#section-paymentdue .login-logo {
  width: 134px;
  height: 46px;
  margin: 32px auto 10px;
}
#section-paymentdue .login-logo.retrial_log {
  width: 134px;
  height: 46px;
  margin: 0;
}
#section-paymentdue .issue-title {
  font-size: 21px;
  font-weight: 400;
  color: #808080;
  text-align: center;
  margin: 22px 0 12px;
}
#section-paymentdue .issue-title.payment__title--special {
  margin-top: 32px;
}
#section-paymentdue .issue-title.rtr {
  color: #292828;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
#section-paymentdue .container-rtr {
  display: inline;
  left: 98px;
}
#section-paymentdue .cta-payment {
  background-color: #4194d8;
  height: 37px;
  color: #FFF;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  outline: 0;
  padding: 9px 46px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  margin: 9px 0 30px;
  text-decoration: none;
}
#section-paymentdue .cta-payment:hover {
  text-decoration: none;
  background-color: #5682bd;
}
#section-paymentdue .cta-payment:disabled {
  opacity: 1;
  cursor: default;
}
#section-paymentdue .cta-payment.canceled {
  background-color: #b7b7b7;
}
#section-paymentdue .cta-payment .custom-mdc-spinner .mdc-circular-progress__path {
  stroke: white;
}
#section-paymentdue .cta-payment .custom-mdc-spinner svg {
  height: 20px;
  margin-top: -7px;
  position: relative;
  top: 6px;
  width: 20px;
}
#section-paymentdue .payment-support {
  margin-top: 50px;
  font-size: 1.6rem;
}
#section-paymentdue .payment-support h4 {
  margin-bottom: -11px;
}
#section-paymentdue .login-meli-connect {
  width: 366px;
  margin: 40px auto 30px;
  padding-top: 5px;
  overflow: hidden;
  height: 73px;
  position: relative;
  -webkit-transition: all 200ms ease-out 200ms;
  -moz-transition: all 200ms ease-out 200ms;
  -o-transition: all 200ms ease-out 200ms;
  transition: all 200ms ease-out 200ms;
}
#section-paymentdue .login-meli-connect button {
  width: 366px;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#section-paymentdue .login-meli-connect button:hover {
  width: 373px;
  height: 80px;
}
#section-paymentdue .payment-text {
  font-size: 14px;
  font-weight: 300;
  color: #292828;
}
#section-paymentdue .annual-paid-wording {
  color: #292828;
}
#section-paymentdue .payment-text.rtr {
  font-size: 16px;
  font-weight: 200;
  text-align: left;
  margin-top: -20px;
  line-height: 1.56;
}
#section-paymentdue .payment-text.title {
  margin-top: -30px;
  margin-left: -25px;
}
#section-paymentdue #rechurnBtn {
  margin-top: 28px;
}
#section-paymentdue .payment-txt.support-email {
  margin-top: -20px;
}
#section-paymentdue a.back-to-rt {
  text-decoration: none;
  color: #818181;
}
#section-paymentdue a.back-to-rt:hover {
  opacity: 0.8;
}
#section-paymentdue.payment-section {
  background: white;
  min-height: 100vh;
  display: flex;
  padding-top: 131px;
  margin: 0;
  box-sizing: border-box;
}
#section-paymentdue #targetSelect input, #section-paymentdue #targetSelectOperators input, #section-paymentdue #targetSelectPricer input {
  margin-right: 0;
}
#section-paymentdue #targetSelect .tooltip-info.own-listing-selected, #section-paymentdue #targetSelectOperators .tooltip-info.own-listing-selected, #section-paymentdue #targetSelectPricer .tooltip-info.own-listing-selected {
  display: inline-block;
  width: 21px;
  left: 8px;
  height: 18px;
}
#section-paymentdue #targetSelect .tooltip-hover-circle:hover .tooltip-info.own-listing-selected a, #section-paymentdue #targetSelectOperators .tooltip-hover-circle:hover .tooltip-info.own-listing-selected a, #section-paymentdue #targetSelectPricer .tooltip-hover-circle:hover .tooltip-info.own-listing-selected a {
  background-color: #dbdbdb;
}

@media (max-height: 850px) {
  #section-paymentdue {
    padding-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  #section-paymentdue.payment-section .payment-successful__wrapper {
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  #section-paymentdue.payment-section .payment-successful__wrapper {
    max-width: 600px;
  }
  #section-paymentdue.payment-section .payment-successful__title,
  #section-paymentdue.payment-section .payment-successful__text {
    font-size: 14px;
  }
  #section-paymentdue.payment-section .payment-successful__title {
    margin-bottom: 8px;
  }
}