/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.customer-profile-menu-js .active-js {
fill: rgba(33,90,60,1.00);
color: rgba(33,90,60,1.00);
}
.customer-container {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
padding-bottom: 24px;
}
.customer-container .customer-submenu {
position: relative;
width: 100%;
}
.customer-container .customer-submenu__header {
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 24px;
gap: 16px;
}
.customer-container .customer-submenu__header .title span {
margin-left: 4px;
}
.customer-container .invoice {
display: flex;
gap: 8px;
}
.customer-container .change-container {
margin-bottom: 24px;
text-align: left !important;
position: relative;
}
.customer-container .change-container__type {
display: inline-block;
cursor: pointer;
font-size: 14px;
font-weight: 600;
color: rgba(46,46,46,1.00);
padding-bottom: 2px;
}
.customer-container .change-type-js {
display: inline-block;
padding: 0 8px;
position: relative;
}
.customer-container .change-type-js.active {
color: rgba(33,90,60,1.00);
}
.customer-container .slider {
position: absolute;
bottom: 0;
height: 2px;
background-color: rgba(33,90,60,1.00);
transition: left 0.25s, width 0.25s;
}
.customer-container .customer-info {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1215686275);
padding: 24px;
margin-bottom: 32px;
}
.customer-container .customer-info__header, .customer-container .customer-info__title {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-bottom: 24px;
gap: 32px;
word-break: break-word;
}
.customer-container .customer-info__header .pure-button, .customer-container .customer-info__title .pure-button {
word-break: normal;
}
.customer-container .customer-info__container {
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.customer-container .customer-info__content {
display: flex;
flex-direction: column;
min-width: 210px;
margin-right: 24px;
}
.customer-container .customer-info__content .title {
padding-bottom: 8px;
display: block;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #696666;
}
.customer-container .customer-info__content input:disabled,
.customer-container .customer-info__content span {
font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
background-color: transparent;
border: none;
}
.customer-container .customer-history {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.customer-container .customer-history__header, .customer-container .customer-history__row {
display: flex;
gap: 24px;
justify-content: flex-start;
align-items: center;
height: 40px;
border-bottom: 1px solid #f2f2f2;
}
.customer-container .customer-history__header {
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
}
.customer-container .customer-history__rowData {
display: flex;
align-items: center;
text-align: left;
}
.customer-container .customer-history__rowData--title {
padding-left: 8px;
min-width: 70px;
margin-right: 12px;
flex-basis: 85px;
}
.customer-container .customer-history__rowData--action {
padding-left: 8px;
flex-basis: 350px;
}
.customer-container .pagination-right {
text-align: right;
}
.customer-container .inc {
width: 600px !important;
}
.customer-container .change-data-container {
position: relative;
max-width: 100%;
width: 500px;
margin: 0 auto;
padding: 24px;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px #ddd;
background-color: rgba(255,255,255,1.00);
color: rgba(46,46,46,1.00);
transform: translateY(-50%);
top: 50%;
left: 0px;
right: 0px;
}
.customer-container .change-data-container .data-form__header {
display: flex;
justify-content: space-between;
color: rgba(46,46,46,1.00);
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-bottom: 24px;
gap: 16px;
}
.customer-container .change-data-container .data-form__info {
border-bottom: 1px solid #E7E7E7;
margin-bottom: 24px;
padding-bottom: 32px;
}
.customer-container .change-data-container .data-form .primary-action-button {
width: 100%;
}
.customer-container .change-data-container .buttons-container {
padding: 0;
}
.customer-container .change-data-container .customer-data-edit-popup {
max-height: 600px;
overflow: auto;
padding: 12px 12px 0 0;
}
.customer-container .complaint {
text-wrap: auto;
text-align: left;
}
.customer-container .order-cancel {
width: 640px;
}
.customer-container.not-authenticated {
display: block;
width: 100%;
}
.buttons-container {
padding-top: 24px;
display: flex;
justify-content: flex-end;
gap: 16px;
}
.short .primary-action-button {
width: fit-content !important;
}
.secondary-action-button {
float: right;
position: relative;
z-index: 2;
}
.customer-edit-container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.customer-edit-container__change {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 24px;
}
.customer-edit-container__change .form__input-value-disabled {
flex: 1;
margin-right: 1rem;
color: rgba(46,46,46,1.00);
}
.customer-edit-container__change .secondary-action-button {
align-self: flex-end;
position: relative;
bottom: 35px;
}
.customer-edit-container label {
margin: 0 0 5px 2px;
}
.eshop__table-container {
overflow: auto;
width: 100%;
white-space: nowrap;
position: relative;
min-height: 40px;
}
.eshop__table-container table {
border-collapse: collapse;
width: 100%;
}
.eshop__table-container thead tr {
background: white;
position: sticky;
z-index: 4;
top: 0;
}
.eshop__table-container thead tr:focus-visible {
outline-offset: -2px;
}
.eshop__table-container thead tr::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #D5D5D5;
z-index: 4;
}
.eshop__table-container thead tr th.open-complaint-form-container-js {
position: sticky;
right: 0;
background: transparent;
z-index: 5;
}
.eshop__table-container thead tr th.open-complaint-form-container-js::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 200px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
pointer-events: none;
}
.eshop__table-container td.complaint-actions-inline {
white-space: nowrap;
text-align: right;
padding-left: 16px;
padding-right: 8px;
position: sticky;
right: 0;
background: #fff;
z-index: 2;
}
.eshop__table-container td.complaint-actions-inline::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -32px;
width: 32px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 100%);
pointer-events: none;
}
.eshop__table-container td.complaint-actions-inline .pure-button.complaint-action-btn {
display: inline-flex;
background: transparent;
border: 0;
border-radius: 4px;
color: rgba(33,90,60,1.00);
padding: 4px 8px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 20px;
transition: background-color 150ms ease;
}
.eshop__table-container td.complaint-actions-inline .pure-button.complaint-action-btn:hover, .eshop__table-container td.complaint-actions-inline .pure-button.complaint-action-btn:focus-visible {
color: rgba(33,90,60,1.00);
background: rgba(0, 0, 0, 0.06);
}
.eshop__table-container td.complaint-actions-inline .pure-button.complaint-action-btn + .complaint-action-btn {
margin-left: 8px;
}
.eshop__table-container th, .eshop__table-container td {
padding: 8px 16px 8px 0;
vertical-align: middle;
text-align: left;
}
.eshop__table-container th:last-child, .eshop__table-container td:last-child {
padding-right: 0;
}
.eshop__table-container th .options, .eshop__table-container td .options {
text-align: right;
width: 24px;
}
.eshop__table-container th {
white-space: nowrap;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
}
.eshop__table-container tbody tr {
border-bottom: 1px solid #D5D5D5;
}
.eshop__table-container tbody tr:focus-visible {
outline-offset: -2px !important;
}
.eshop__table-container tbody td {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.eshop__table-container tbody td .products-list__quick-shopping-view-product {
flex-direction: row;
}
.eshop__table-container tbody .prices {
display: flex;
flex-direction: column;
justify-content: center;
}
.eshop__table-container tbody .summary-row {
background: white;
position: sticky;
z-index: 3;
bottom: -1px;
}
.eshop__table-container tbody .summary-row::before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background: #D5D5D5;
z-index: 4;
}
.drop {
width: 40px;
padding-right: 16px !important;
}
.products {
max-height: max-content;
min-height: 180px;
}
.price-column {
display: flex;
flex-direction: column;
}
.row .options.drop .open-dropdown-js,
.row .options.drop .close-dropdown-js,
.row .options.drop .delete-product-from-wishlist-js {
opacity: 0;
}
.row:hover, .row:focus-within, .row.hovered-js {
background: #F1DDDE;
}
.row:hover .quantity, .row:focus-within .quantity, .row.hovered-js .quantity {
background: #fff;
}
.row:hover .options.drop .open-dropdown-js,
.row:hover .options.drop .close-dropdown-js,
.row:hover .options.drop .delete-product-from-wishlist-js, .row:focus-within .options.drop .open-dropdown-js,
.row:focus-within .options.drop .close-dropdown-js,
.row:focus-within .options.drop .delete-product-from-wishlist-js, .row.hovered-js .options.drop .open-dropdown-js,
.row.hovered-js .options.drop .close-dropdown-js,
.row.hovered-js .options.drop .delete-product-from-wishlist-js {
opacity: 1;
}
.row:hover td.complaint-actions-inline, .row:focus-within td.complaint-actions-inline, .row.hovered-js td.complaint-actions-inline {
background: #F1DDDE;
}
.row:hover td.complaint-actions-inline::before, .row:focus-within td.complaint-actions-inline::before, .row.hovered-js td.complaint-actions-inline::before {
background: linear-gradient(to right, rgba(241, 221, 222, 0), #F1DDDE 100%);
}
.row.set {
background: #ececec;
border-bottom: 1px solid #cdcdcd;
border-width: 2px 0;
}
.row.set:hover {
background: #F1DDDE;
}
.row.set td.complaint-actions-inline {
background: #ececec;
}
.row.set td.complaint-actions-inline::before {
background: linear-gradient(to right, rgba(236, 236, 236, 0), #ececec 100%);
}
.can-hover {
cursor: pointer;
}
.no-hover:hover {
background: none;
}
.state {
display: flex;
align-items: center;
min-width: max-content;
gap: 8px;
}
.id {
padding-left: 8px !important;
}
.product-cell {
display: flex;
flex-grow: 1;
min-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
align-items: center;
gap: 16px;
flex-shrink: 0;
}
.product-cell .image {
width: 40px;
height: 40px;
flex-shrink: 0;
fill: #696666;
}
.product-cell .image img {
height: inherit;
width: inherit;
object-fit: contain;
border-radius: 4px;
}
.product-cell .product-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.product-cell .product-info .product-name {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
color: rgba(33,90,60,1.00);
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-cell .product-info .product-code,
.product-cell .product-info .description {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 15px;
color: #4A4A4A;
}
.no-data {
margin-top: 16px;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.success-container {
width: fit-content;
background: rgba(0,137,69,1.00);
padding: 1px 8px;
border-radius: 3px;
color: rgba(248,248,248,1.00);
}
.paid {
color: rgba(0,137,69,1.00);
}
.warning-container {
width: max-content;
background: rgba(245,166,35,1.00);
padding: 1px 8px;
border-radius: 3px;
color: rgba(248,248,248,1.00);
}
.partial {
color: rgba(245,166,35,1.00);
}
.danger-container {
width: fit-content;
background: rgba(218,36,66,1.00);
padding: 1px 8px;
border-radius: 3px;
color: rgba(248,248,248,1.00);
}
.info-container {
width: fit-content;
background: #0a68ca;
padding: 1px 8px;
border-radius: 3px;
color: rgba(248,248,248,1.00);
}
.not-paid {
color: rgba(218,36,66,1.00);
}
.erp-orders-tab {
margin-bottom: 24px;
}
.erp-orders-tab .form__input-value {
margin-left: 16px;
width: 140px;
}
.message-container {
border-radius: 5px;
border: 1px solid rgba(33,90,60,1.00);
background: #F8F9FA;
padding: 8px 16px;
width: fit-content;
margin: 24px 0;
}
.default-address {
width: fit-content;
background: rgba(0,137,69,1.00);
border-radius: 2px;
padding: 1px 8px;
}
.default {
width: fit-content;
background: rgba(0,137,69,1.00);
padding: 1px 8px;
border-radius: 3px;
color: rgba(248,248,248,1.00);
}
.toggle-button {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.toggle-button .text {
margin-left: 8px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.toggle-button input[type=checkbox] {
visibility: hidden;
display: none;
}
.toggle-button .toggle {
position: relative;
display: block;
width: 40px;
height: 20px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transform: translate3d(0, 0, 0);
}
.toggle-button .toggle:before {
content: "";
position: relative;
top: 3px;
left: 3px;
width: 34px;
height: 14px;
display: block;
background: #9a9999;
border-radius: 8px;
transition: background 0.2s ease;
}
.toggle-button .toggle span {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
display: block;
background: white;
border-radius: 10px;
box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
transition: all 0.2s ease;
}
.toggle-button .toggle span:hover {
background: #F1DDDE;
}
.toggle-button .toggle span:before {
content: "";
position: absolute;
display: block;
margin: -18px;
width: 56px;
height: 56px;
background: #934346;
border-radius: 50%;
transform: scale(0);
opacity: 1;
pointer-events: none;
}
.toggle-button #cbx:checked + .toggle:before {
background: #9a6f70;
}
.toggle-button #cbx:checked + .toggle span {
background: #934346;
transform: translateX(20px);
transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
}
.toggle-button #cbx:checked + .toggle span:before {
transform: scale(1);
opacity: 0;
transition: all 0.4s ease;
}
.lock-pure {
color: #DA2442;
}
.lock-pure svg {
fill: #DA2442;
}
.lock-pure:hover {
color: #ff95a7;
}
.lock-pure:hover svg {
fill: #ff95a7;
}
.unlock-pure {
color: #008945;
}
.unlock-pure svg {
fill: #008945;
}
.unlock-pure:hover {
color: #5cb186;
}
.unlock-pure:hover svg {
fill: #5cb186;
}
.lock {
background: #DA2442;
}
.lock:hover {
background: #ff95a7;
}
.options,
.dropdown-wrapper {
position: relative;
text-align: center !important;
}
.options .dropdown,
.dropdown-wrapper .dropdown {
position: absolute;
z-index: 999;
background-color: white;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
border-radius: 5px;
width: max-content;
max-width: 90vw;
transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}
.options .dropdown .pure-button,
.dropdown-wrapper .dropdown .pure-button {
color: rgba(46,46,46,1.00);
display: flex;
padding: 10px 16px;
font-weight: 400;
width: 100%;
}
.options .dropdown .pure-button:hover, .options .dropdown .pure-button.focused-option-js,
.dropdown-wrapper .dropdown .pure-button:hover,
.dropdown-wrapper .dropdown .pure-button.focused-option-js {
background: #F1DDDE;
}
.options .dropdown .pure-button:first-child,
.dropdown-wrapper .dropdown .pure-button:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.options .dropdown .pure-button:last-child,
.dropdown-wrapper .dropdown .pure-button:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.options .header-options,
.dropdown-wrapper .header-options {
right: auto !important;
}
.submenu {
display: flex;
gap: 8px;
}
.options-buttons {
display: flex;
gap: 16px;
}
.submenu-header {
border-bottom: 1px solid #E7E7E7;
padding-bottom: 16px !important;
}
.navigation-header {
display: flex;
gap: 24px;
}
.erp-name {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.details-info {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
padding: 24px 0;
gap: 24px;
}
.details-info__state {
display: flex;
flex-direction: column;
}
.details-info .customer-info__content {
margin: 0;
min-width: auto;
}
.details-info .customer-info__content .title {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #696666;
}
.details-info__summary {
display: flex;
width: max-content;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
gap: 8px;
}
.details-info__summary .row-summ {
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
gap: 16px;
}
.details-info__summary .row-summ span {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.details-info__summary .row-summ .title {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #696666;
}
.details-info__summary .summary {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
gap: 24px;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 24px !important;
}
.details-info__summary .price {
text-align: end;
}
.details-info .details {
gap: 37px;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.attachements-container {
padding-top: 8px;
font-size: 14px;
line-height: 20px;
display: flex;
flex-direction: column;
}
.attachements-container .title {
display: block;
font-weight: 400;
color: #696666;
}
.attachements-container .attachements {
display: flex;
align-items: center;
gap: 24px;
margin: 16px 0 32px;
flex-wrap: wrap;
}
.attachements-container .attachements a {
font-weight: 600;
display: flex;
align-items: center;
gap: 4px;
}
.waybills {
padding-bottom: 16px;
}
.info-container-js .pure-button {
margin-bottom: 24px;
}
.order-details__row {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 24px;
padding-bottom: 24px;
}
.order-details-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: 100%;
}
.order-details-item .title {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #696666;
}
.order-details-item span {
font-size: 14px;
font-weight: 500;
line-height: 20px;
word-break: break-word;
}
@media screen and (max-width: 1574px) {
.order-details__row {
grid-template-columns: repeat(3, minmax(180px, 1fr));
}
}
.complaint-notice {
padding-bottom: 24px;
}
.toggle-waybill-details .show,
.toggle-waybill-details .hide {
text-align: left;
display: flex;
gap: 4px;
margin: 16px 0;
}
.toggle-waybill-details .show label,
.toggle-waybill-details .hide label {
cursor: pointer;
}
.toggle-waybill-details .toggle-waybills-checkbox {
display: none;
}
.toggle-waybill-details .toggle-waybills-checkbox .label {
color: inherit;
}
.toggle-waybill-details .toggle-waybills-checkbox:checked ~ .waybill-details {
max-height: 1100px;
}
.toggle-waybill-details .toggle-waybills-checkbox:checked ~ .show {
display: none;
}
.toggle-waybill-details .toggle-waybills-checkbox:not(:checked) ~ .hide {
display: none;
}
.toggle-waybill-details .waybill-details {
max-height: 0;
overflow: hidden;
transition: max-height 1s ease;
}
.toggle-waybill-details .waybill-details__row {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 24px;
padding-bottom: 24px;
}
.toggle-waybill-details .waybill-details__row:last-child {
padding-bottom: 0;
}
.toggle-waybill-details .waybill-details-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: 100%;
}
.toggle-waybill-details .waybill-details-item .title {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #696666;
}
.toggle-waybill-details .waybill-details-item span {
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
@media screen and (max-width: 1574px) {
.toggle-waybill-details .waybill-details__row {
grid-template-columns: repeat(3, minmax(180px, 1fr));
}
}
.toggle-waybill-details .waybill-details.expanded {
max-height: 1100px;
}
.not-expandable {
padding-top: 24px;
max-height: fit-content !important;
}
.related-erp {
padding-top: 24px;
}
.product-container {
display: flex;
gap: 16px;
}
.product-container .image {
flex-shrink: 0;
width: 40px;
height: 40px;
}
.product-container .image img {
width: 40px;
height: 40px;
border-radius: 4px;
object-fit: contain;
}
.product-container .info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
}
.product-container .info .name {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
color: #934346;
}
.product-container .info .description {
text-align: left;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 15px;
}
.amount-stepper-container {
text-align: left;
padding: 24px 0;
}
.file-attachements-wrapper {
text-align: left;
margin-bottom: 8px;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
color: rgba(33,90,60,1.00);
}
.file-attachements-wrapper svg {
fill: rgba(33,90,60,1.00);
}
.file-attachements-wrapper .file {
cursor: pointer;
display: flex;
align-items: flex-start;
gap: 8px;
}
.file-attachements-wrapper .file-container .file {
align-items: center;
font-weight: 400;
color: rgba(46,46,46,1.00);
justify-content: flex-start;
}
.file-attachements-wrapper .file-container .icon-js svg {
fill: rgba(46,46,46,1.00);
}
.file-attachements-wrapper .file-container .clear-file-input-js {
flex-shrink: 0;
display: flex;
align-items: center;
}
.file-attachements-wrapper .file-container .clear-file-input-js svg {
width: 14px;
height: 14px;
fill: rgba(33,90,60,1.00);
}
.hover-text {
display: none;
}
.info-icon {
width: 16px;
height: 16px;
}
.info-icon:hover + .hover-text {
display: inline;
padding: 4px 8px;
background: #4A4A4A;
color: #FFFFFF;
position: absolute;
width: max-content;
left: 110px;
border-radius: 3px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.download-file {
display: flex;
gap: 8px;
width: fit-content;
align-items: center;
}
.return-info-banner {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
margin: 0 0 24px 0;
background: #E8F1F8;
border: 1px solid #C7DCEE;
border-radius: 5px;
font-size: 14px;
line-height: 20px;
color: #2C3E50;
}
.return-info-banner .icon {
flex-shrink: 0;
fill: #4A90BC;
}
.return-info-banner strong {
font-weight: 600;
}
.refund-method-wrapper {
text-align: left;
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 24px;
}
.refund-method-wrapper__title {
color: rgba(46,46,46,1.00);
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.refund-method-option {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.refund-method-option__radio {
display: none;
}
.refund-method-option__radio:checked ~ .refund-method-option__box {
border-color: rgba(33,90,60,1.00);
}
.refund-method-option__radio:checked ~ .refund-method-option__box::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(33,90,60,1.00);
}
.refund-method-option__box {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border: 1px solid #767676;
border-radius: 50%;
flex-shrink: 0;
}
.refund-method-option__label {
font-size: 14px;
line-height: 20px;
}
.add-complaint-form-js .characters-length {
margin-top: 0;
bottom: 23px;
}
.add-complaint-form-js .quantity__plus.disabled-js,
.add-complaint-form-js .quantity__minus.disabled-js {
opacity: 0.4;
}
.add-complaint-form-js .data-form__header.return-success__header {
margin-bottom: 8px;
}
.return-success__icon {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.return-success__icon svg {
fill: #2E7D32;
}
.return-success__title {
text-align: center;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: rgba(46,46,46,1.00);
margin-bottom: 8px;
}
.return-success__subtitle {
text-align: center;
font-size: 14px;
line-height: 20px;
color: #696666;
padding-bottom: 24px;
border-bottom: 1px solid #E7E7E7;
margin-bottom: 24px;
}
.return-success__email-box {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 16px;
background: #F0F6FC;
border: 1px solid #D6E4F0;
border-radius: 6px;
margin-bottom: 24px;
font-size: 14px;
line-height: 20px;
color: rgba(46,46,46,1.00);
}
.return-success__email-box svg {
fill: #1976D2;
flex-shrink: 0;
margin-top: 2px;
}
.return-success__steps-title {
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: rgba(46,46,46,1.00);
margin-bottom: 12px;
}
.return-success__steps {
margin: 0 0 24px;
padding-left: 20px;
font-size: 14px;
line-height: 20px;
color: rgba(46,46,46,1.00);
}
.return-success__steps li {
margin-bottom: 8px;
}
.return-success__steps li:last-child {
margin-bottom: 0;
}