| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/catalog/product-form/src/ |
Upload File : |
/*region form*/
.catalog-product-form-counter {
position: absolute;
top: 55px;
left: 0;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
font-size: 13px;
color: #828b95;
}
.catalog-product-form-container {
padding: 11px;
}
.catalog-product-form-page-content-item {
position: relative;
}
.catalog-product-form-ctl-label-text {
display: block;
overflow: hidden;
padding-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
}
.catalog-product-form-block-title {
padding-left: 7px;
}
.catalog-product-form-row,
.catalog-product-form-row-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.catalog-product-form-row-discount {
padding: 10px;
}
.catalog-product-form-col {
padding: 0 7px;
}
.catalog-product-form-col .ui-ctl-label-text {
display: inline-block;
}
.catalog-product-form-col .ui-ctl-label-text + span:empty {
display: none;
}
.catalog-product-form-col .ui-ctl-label-text + span:before {
content: '(';
}
.catalog-product-form-col .ui-ctl-label-text + span:after {
content: ')';
}
.catalog-product-form-col-sm {
overflow: hidden;
max-width: 122px;
min-width: 122px;
}
.catalog-product-form-text {
color: #525c69;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.catalog-product-form-collapse-link-container {
text-align: right;
padding: 0 11px;
}
.catalog-product-form-collapse-link {
border-bottom: 1px dashed;
color: #9b9b9b;
cursor: pointer;
text-decoration: none;
font: 13px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.catalog-product-form-collapse-link-hide,
.catalog-product-form-collapse-link-show,
.catalog-product-form-collapse-link-pointer-event {
display: inline-block;
margin: 8px 0 0 1px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 13px;
color: #80868e;
line-height: 20px;
border: none;
cursor: pointer;
/*white-space: nowrap;*/
}
.catalog-product-form-collapse-link-pointer-event {
opacity: .7;
pointer-events: none;
}
.catalog-product-form-collapse-link-show:before,
.catalog-product-form-collapse-link-hide:before {
content: '';
display: inline-block;
vertical-align: top;
margin: 2px 5px 0 0;
width: 15px;
height: 15px;
border: 2px solid rgba(0,0,0,.09);
border-radius: 100%;
box-sizing: border-box;
background: center no-repeat;
}
.catalog-product-form-collapse-link-show:before {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%2C0%20L4%2C3%20L7%2C3%20L7%2C4%20L4%2C4%20L4%2C7%20L3%2C7%20L3%2C4%20L0%2C4%20L0%2C3%20L3%2C3%20L3%2C0%20L4%2C0%20Z%22%20opacity%3D%22.7%22/%3E%3C/svg%3E');
background-position: top 2px center;
}
.catalog-product-form-collapse-link-hide:before {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227%22%20height%3D%221%22%20viewBox%3D%220%200%207%201%22%3E%3Crect%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.7%22/%3E%3C/svg%3E');
background-position: top 5px center;
}
.catalog-product-form-collapse-link-show:hover:before,
.catalog-product-form-collapse-link-hide:hover:before {
border: 2px solid rgba(0,0,0,.15);
}
.catalog-product-form-collapse-link:hover {
border-color: transparent;
color: #333;
}
.catalog-product-form-collapse-container {
overflow: hidden;
width: 100%;
}
.catalog-product-form-collapse-container.collapsed { max-height: 0; }
.catalog-product-form-collapse-container.collapsed { max-height: 100%; }
.salsecenter-ctl-product-label .ui-ctl-element { padding-right: 65px; }
.salsecenter-ctl-product-label.ui-ctl-after-icon .ui-ctl-element { padding-right: 80px; }
.salescenter-ctl-label {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ui-ctl-after-icon .salescenter-ctl-label { right: 32px; }
.salescenter-ctl-label-text {
text-align: center;
padding: 0 8px;
height: 15px;
border-radius: 7.5px;
background-color: #c4f1ff;
display: inline-block;
color: rgba(82, 92, 105, 0.82);
font: var(--ui-font-weight-bold) 7px/10px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
vertical-align: middle;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/*endregion*/
.catalog-product-form-add-item-container {
margin-bottom: 10px;
padding: 0 11px;
}
.catalog-product-form-add-item-link {
border-bottom: 1px dashed rgba(32, 102, 176, .4);
color: #2066b0;
text-decoration: none;
cursor: pointer;
position: relative;
transition: all .2s linear;
font: 15px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.catalog-product-form-add-item-link:hover {
text-decoration: none;
border-color: rgba(32, 102, 176, 1);
}
.catalog-product-form-add-item-link-catalog {
color: #80868e;
border-color: rgba(128, 134, 142, .4);
margin-left: 30px;
white-space: nowrap;
}
.catalog-product-form-add-item-link-catalog:before {
content: '';
position: absolute;
left: -20px;
top: 2px;
width: 13px;
height: 13px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%2380868E%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.07.518l.09.003c1.041.106%203.16.507%205.453%202.002l-.154-.098v10.46c-1.403-1.012-3.07-1.676-5.003-1.993l-.427-.064a.619.619%200%2001-.543-.609V1.136C.486.77.797.484%201.16.52zM12.71.486a.622.622%200%2001.702.613v9.044a.613.613%200%2001-.52.609c-1.098.167-3.708.7-5.585%202.179l.13-.1V2.423C8.772%201.453%2010.39.827%2012.287.543z%22/%3E%3C/svg%3E) no-repeat center;
}
.catalog-product-form-add-item-link-catalog:hover {
color: #80868e;
border-color: rgba(128, 134, 142, 1);
}
/*region result container*/
.catalog-product-form-result-container {
/*border-top: 1px solid #edeef0;*/
/*padding-top: 15px;*/
}
.catalog-product-form-result-grid-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: flex-end;
font: 15px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #525c69;
margin-bottom: 5px;
}
.catalog-product-form-result-grid-item--flex-100 {
flex: 1;
text-align: right;
max-width: calc(100% - 160px);
}
.catalog-product-form-result-grid-benefit {
color: #6e881a;
}
.catalog-product-form-result-grid-benefit .catalog-product-form-result-grid-item {
padding-bottom: 14px;
margin-bottom: 7px;
border-bottom: 1px solid #f0f3f5;
}
.catalog-product-form-result-grid-total {
color: #525c69;
}
.catalog-product-form-result-grid-total-big {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
font-size: 21px;
color: #525c69;
}
.catalog-product-form-page-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
/*endregion*/
/*region payment container*/
.catalog-product-form-payment-container {
border-top: 1px solid #edeef0;
padding-top: 10px;
}
/*endregion*/
.catalog-product-form-menu-add-page .catalog-product-form-helper-nav-item-text {
border-bottom: 1px dashed;
margin: 4px 12px 4px 4px;
padding: 0;
}
/*catalog-product-form-payment-by-sms-item*/
.catalog-product-form-col-disabled {
pointer-events: none;
}
.catalog-product-form-col-prod {
align-items: flex-end;
display: flex;
overflow: hidden;
}
.catalog-product-form-col-img {
margin-left: 12px;
}
.catalog-product-form-container .adm-fileinput-drag-area,
.catalog-product-form-container .adm-fileinput-wrapper-single .adm-fileinput-drag-area {
width: 37px;
height: 37px;
}
.catalog-product-form-container div.adm-fileinput-item div.adm-fileinput-item-preview {
width: 39px;
height: 39px !important;
border: 1px solid #c6cdd3;
border-radius: 2px;
background: #fff;
}
.catalog-product-form-container div.adm-fileinput-item div.adm-fileinput-item-preview:before {
height: 39px;
}
.catalog-product-form-container .ui-image-input-container,
.catalog-product-form-container div.adm-fileinput-item-wrapper {
height: 39px !important;
}
.catalog-product-form-container .adm-fileinput-item-preview canvas {
border: none;
border-radius: 0;
}
.catalog-product-form-container .ui-image-item-shadow {
height: 39px !important;
width: 39px !important;
bottom: 0;
left: 52%;
top: 50%;
}
.catalog-product-form-container .ui-image-item-shadow:after {
transform: rotate(14deg);
top: 0;
left: 1px;
right: 0;
height: 101%;
}
.catalog-product-form-container .ui-image-input-img-add {
width: 22px;
height: 22px;
background-size: 10px;
}
.catalog-product-form-container .ui-image-input-img {
max-width: 39px;
max-height: 39px;
object-fit: scale-down;
}
.catalog-product-form-container .ui-image-input-img-block-multiple .ui-image-input-img {
max-width: 37px;
max-height: 37px;
}
.catalog-product-form-container .ui-image-input-img-inner {
width: 39px;
height: 39px;
border: 1px solid #c6cdd3;
border-radius: 2px;
box-sizing: border-box;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: auto;
background: #fff;
pointer-events: none;
}
.catalog-product-form-container .ui-image-input-img-inner:before,
.catalog-product-form-container .ui-image-input-img-inner:after {
border-radius: 1px;
}
.catalog-product-form-container .ui-image-input-img-inner:before {
top: 0;
bottom: 0;
left: 0;
right: -2px;
transform: rotate(6deg);
}
.catalog-product-form-container .ui-image-input-img-inner:after {
top: 0;
bottom: 0;
left: 0;
right: -3px;
transform: rotate(13deg);
height: 101%;
}
.catalog-product-form-container .ui-image-input-img-block {
z-index: 1;
position: relative;
}
.catalog-product-form-col-input {
width: calc(100% - 100px);
max-width: 540px;
min-width: 200px;
}
.catalog-product-form-col-currency {
position: relative;
flex-direction: row;
align-items: initial;
}
.catalog-product-form-col-currency .ui-ctl-element {
text-align: right;
border-right: none;
border-radius: 2px 0 0 2px;
padding-right: 0 !important;
}
.catalog-product-form-col-currency-symbol {
display: block;
line-height: 37px;
text-align: center;
text-overflow: ellipsis;
/*display: flex;*/
/*flex-direction: column;*/
/*align-content: center;*/
/*justify-content: center;*/
width: 29px;
text-align: center;
white-space: nowrap;
overflow: hidden;
padding: 0 5px 0 3px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 14px;
color: rgba(82,92,105,.5);
border: 1px solid #c6cdd3;
border-left: none;
border-radius: 0 2px 2px 0;
background-color: #fff;
transition: border .3s ease, background-color .3s ease, color .3s ease, padding .3s ease;
cursor: pointer;
}
.catalog-product-form-col-currency-symbol-link span {
color: #0b66c3;
border-top: 1px solid transparent;
border-bottom: 1px dashed rgba(39,107,179,.4);
cursor: pointer;
pointer-events: none;
}
.catalog-product-form-col-currency-symbol-link:hover span {
border-bottom-color: rgba(39,107,179,.8);
}
.ui-ctl-element:focus + .catalog-product-form-col-currency-symbol,
.ui-ctl-element:hover + .catalog-product-form-col-currency-symbol {
border-color: #66afe9;
}
.ui-ctl-element[disabled] + .catalog-product-form-col-currency-symbol {
border-color: #c6cdd3;
background-color: #f4f4f4;
color: #a9adb2;
cursor: not-allowed;
}
.catalog-product-form-col-currency .catalog-product-form-col-select-hidden {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
z-index: 9;
opacity: 0;
cursor: pointer;
}
@media(max-width: 1300px) {
.catalog-product-form-col-input {
min-width: calc(100% - 50px);
}
.catalog-product-form-col-sm {
max-width: none;
min-width: 130px;
}
}
/* new styles */
.catalog-pf-product-item {
display: flex;
position: relative;
padding: 18px 10px 26px 0;
border-top: 1px solid rgba(82,92,105,.1);
}
.catalog-product-form-container > div:first-child .catalog-pf-product-item{
padding-top: 0;
border-top: none;
}
.catalog-pf-product-item--borderless {
border: none;
}
.catalog-pf-product-item--remove {
position: absolute;
width: 30px;
height: 39px;
top: 40px;
right: -20px;
opacity: .4;
cursor: pointer;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpolygon%20fill%3D%22%23C7CDD3%22%20points%3D%225.437%204%207.94%206.503%206.503%207.94%204%205.437%201.437%208%200%206.563%202.563%204%20.06%201.497%201.497%20.06%204%202.563%206.563%200%208%201.437%22%20/%3E%3C/svg%3E') center no-repeat;
}
.catalog-product-form-container > div:first-child .catalog-pf-product-item .catalog-pf-product-item--remove{
top: 22px;
}
.catalog-pf-product-item--remove:hover {
opacity: .7;
}
.catalog-pf-product-add + div .catalog-pf-product-item .catalog-pf-product-item--remove {
top: 22px;
}
.catalog-product-field-input .ui-ctl {
width: 100%;
}
.catalog-pf-product-add + div .catalog-pf-product-item {
padding-top: 0;
border-top: none;
}
.catalog-pf-product-item--num {
display: block;
max-width: 19px;
min-width: 19px;
padding-left: 2px;
}
.catalog-pf-product-item--left {
flex: 1;
overflow: hidden;
margin-right: 14px;
}
.catalog-pf-product-item--right {
display: block;
}
.catalog-pf-product-item-section {
display: block;
overflow: hidden;
white-space: nowrap;
}
.catalog-pf-product-item-section.catalog-product-view.--short-format {
margin-top: 4px;
overflow: inherit;
}
.catalog-pf-product-item-section.catalog-product-edit {
overflow: initial;
}
.catalog-pf-product-item-section .product-item-scu-list {
white-space: normal;
}
.catalog-pf-product-item-section.catalog-product-edit .catalog-product-img {
margin-right: 32px;
}
.catalog-pf-product-item-section--dashed {
margin-top: 9px;
border-top: 1px dashed rgba(82,92,105,.2);
}
.catalog-pf-product-label,
.catalog-pf-product-control {
display: inline-block;
vertical-align: middle;
}
.catalog-pf-product-item--right .catalog-pf-product-label,
.catalog-pf-product-item--right .catalog-pf-product-control {
margin-right: 14px;
}
.catalog-pf-product-item--right .catalog-pf-product-label:last-child,
.catalog-pf-product-item--right .catalog-pf-product-control:last-child {
margin-right: 0;
}
.catalog-pf-product-label .ui-hint-icon {
display: inline-block;
}
.catalog-pf-product-input-wrapper {
display: flex;
}
.catalog-pf-product-input-wrapper--left,
.catalog-pf-product-input-wrapper--right {
float: left;
width: 184px;
margin-bottom: 8px;
}
.catalog-pf-product-input-wrapper--right {
float: right;
}
.catalog-pf-product-input {
flex: 1;
overflow: hidden;
height: 39px;
min-width: 35px;
box-sizing: border-box;
margin: 0;
padding: 0 0 0 11px;
border: 1px solid #c6cdd3;
border-right: none;
border-radius: var(--ui-field-border-radius, 2px);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: #fff;
color: #535c69;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 14px;
line-height: 39px;
}
.catalog-pf-product-input:focus-visible {
outline: none;
}
.catalog-pf-product-input-wrapper--disabled,
.catalog-pf-product-input--disabled {
cursor: not-allowed;
color: rgba(82,92,105,.3);
}
.catalog-pf-product-input-wrapper--disabled *
{
cursor: not-allowed !important;
}
.catalog-pf-product-input--gray {
border-color: #e5e7ea !important;
background-color: #f8f8f8 !important;
color: #535c69;
}
.catalog-pf-product-input--middle {
border-radius: 0;
border-left: none;
padding: 0 4px;
}
.catalog-pf-product-input--inline {
flex: none;
}
.catalog-pf-product-input--right {
padding-right: 0;
}
.catalog-pf-product-input--border-right-visible {
border-right: 1px solid #c6cdd3;
}
.catalog-pf-product-input-brand-wrapper {
margin-top: 15px;
}
.catalog-pf-product-input-brand-wrapper-readonly {
margin-left: 115px;
}
.catalog-product-form-container > div:first-child .catalog-pf-product-item .catalog-pf-product-input-brand-wrapper-readonly-no-sku {
position: absolute;
top: 10px;
}
.catalog-pf-product-input-brand-wrapper-readonly-no-sku {
position: absolute;
top: 28px;
}
.catalog-pf-product-input-brand-read-only-item {
line-height: 24px;
border-radius: 2px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
-webkit-background-size: cover;
background-size: cover;
margin-bottom: 1px;
}
.catalog-pf-product-input--after:after {
content: '|';
display: inline-block;
margin-left: 4px;
}
.catalog-pf-product-input--align-right {
text-align: right;
}
.catalog-pf-product-input-info {
display: flex;
align-items: center;
max-width: 100%;
overflow: hidden;
padding: 0 11px 0 5px;
background: #fff;
border: 1px solid #c6cdd3;
border-left: none;
border-radius: var(--ui-field-border-radius, 2px);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
color: rgba(82,92,105,.5);
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.catalog-pf-product-input-info--action {
cursor: pointer;
}
.catalog-pf-product-input-info--action span {
display: inline-block;
border-bottom: 1px dashed rgba(130,139,140,.4);
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.catalog-pf-product-input-info--action:hover span {
border-bottom: 1px dashed rgba(130,139,140,.7);
}
.catalog-pf-product-input-info--dropdown {
position: relative;
padding: 0;
width: 39px;
cursor: pointer;
}
.catalog-pf-product-input-info--dropdown:before,
.catalog-pf-product-input-info--dropdown:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 2px;
background-color: #535c68;
transform-origin: center;
}
.catalog-pf-product-input-info--dropdown:before {
margin-left: -3px;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.catalog-pf-product-input-info--dropdown:after {
margin-left: 3px;
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.catalog-pf-product-label,
.catalog-pf-product-index {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font: 400 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: rgba(82,92,105,1);
line-height: 22px;
}
.catalog-pf-product-index {
margin-top: 22px;
line-height: 39px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
font-size: 13px;
color: #828b95;
}
.catalog-pf-product-label span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.catalog-pf-product-link-toggler {
display: inline-block;
padding: 7px 0;
cursor: pointer;
font: 400 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #80868e;
line-height: 25px;
}
.catalog-pf-product-link-toggler:before {
content: '';
display: inline-block;
vertical-align: top;
margin: 5px 5px 0px 0px;
width: 15px;
height: 15px;
border: 2px solid rgba(0,0,0,.09);
border-radius: 100%;
box-sizing: border-box;
background: center 2px no-repeat;
}
.catalog-pf-product-link-toggler--hide:before {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227px%22%20height%3D%226px%22%20viewBox%3D%220%200%207%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cg%20stroke-width%3D%221%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280.000000%2C%201.000000%29%22%20fill%3D%22%23525C69%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.722452571%2C-0.106423752%20L3.528%2C2.699%20L6.27754743%2C-0.0495425789%20L6.98465421%2C0.657564202%20L4.235%2C3.406%20L4.24960899%2C3.42073267%20L3.54250221%2C4.12783945%20L3.528%2C4.113%20L3.51620244%2C4.12601598%20L2.80909566%2C3.41890919%20L2.821%2C3.406%20L0.0153457901%2C0.600683029%20L0.722452571%2C-0.106423752%20Z%22%20transform%3D%22translate%283.500000%2C%202.000000%29%20rotate%28-180.000000%29%20translate%28-3.500000%2C%20-2.000000%29%20%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E');
}
.catalog-pf-product-link-toggler--show:before {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227px%22%20height%3D%226px%22%20viewBox%3D%220%200%207%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cg%20stroke-width%3D%221%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280.000000%2C%201.000000%29%22%20fill%3D%22%23525C69%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.722452571%2C-0.106423752%20L3.528%2C2.699%20L6.27754743%2C-0.0495425789%20L6.98465421%2C0.657564202%20L4.235%2C3.406%20L4.24960899%2C3.42073267%20L3.54250221%2C4.12783945%20L3.528%2C4.113%20L3.51620244%2C4.12601598%20L2.80909566%2C3.41890919%20L2.821%2C3.406%20L0.0153457901%2C0.600683029%20L0.722452571%2C-0.106423752%20Z%22%20transform%3D%22translate%283.500000%2C%202.000000%29%20rotate%28-180.000000%29%20translate%28-3.500000%2C%20-2.000000%29%20%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E');
transform: rotate(180deg);
}
.catalog-pf-product-link-toggler:hover:before {
border-color: rgba(0,0,0,.15);
}
.catalog-pf-product-line {
display: block;
width: 100%;
height: 1px;
opacity: .2;
border-bottom: 1px solid #525c69;
}
.catalog-pf-product-add {
display: flex;
}
.catalog-pf-product-panel-compilation-wrapper,
.catalog-pf-product-add-wrapper {
flex: 1;
}
.catalog-pf-product-config {
display: block;
position: relative;
width: 24px;
height: 24px;
cursor: pointer;
opacity: .7;
}
.catalog-pf-product-config:hover {
opacity: .9;
}
.catalog-pf-product-config:before {
content: '';
width: 18px;
height: 18px;
position: absolute;
top: 50%;
left: 50%;
margin: -9px 0 0 -9px;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22translate%28-4.000000%2C%20-4.000000%29%22%20fill%3D%22%23525C69%22%20d%3D%22M12.691272%2C15.0779291%20C10.4151847%2C15.561991%208.43795534%2C13.5841867%208.92211446%2C11.308592%20C9.15107628%2C10.2325476%2010.2323767%2C9.15117084%2011.3084244%2C8.92216475%20C13.5840774%2C8.43781009%2015.5620771%2C10.4151746%2015.077904%2C12.6913799%20C14.8239394%2C13.8852057%2013.8850923%2C14.824047%2012.691272%2C15.0779291%20Z%20M17.8296133%2C10.57054%20C17.7170133%2C10.1101933%2017.554%2C9.66968667%2017.3424133%2C9.25791333%20C17.33352%2C9.24058933%2017.3355867%2C9.219748%2017.3478133%2C9.20459067%20L18.3423333%2C7.97143467%20C18.5581333%2C7.70554267%2018.5483333%2C7.322992%2018.3208267%2C7.06639067%20L17.6904667%2C6.35694%20C17.4619733%2C6.10059467%2017.0830667%2C6.04638667%2016.79404%2C6.228988%20L15.4386133%2C7.08106%20C14.8510133%2C6.67052%2014.18652%2C6.365788%2013.4700133%2C6.18623733%20C13.4510133%2C6.181464%2013.4366%2C6.165956%2013.43336%2C6.14660533%20L13.1735067%2C4.584968%20C13.1178533%2C4.24756667%2012.82588%2C4%2012.4831467%2C4%20L11.5332133%2C4%20C11.1911733%2C4%2010.8982%2C4.24756667%2010.8437867%2C4.584968%20L10.5824933%2C6.147188%20C10.5792533%2C6.16649067%2010.5648667%2C6.181952%2010.5458933%2C6.18670267%20C9.96604%2C6.33202533%209.4214%2C6.56138267%208.92248%2C6.861248%20C8.90566667%2C6.87135467%208.88454667%2C6.87060933%208.86857333%2C6.8592%20L7.60581333%2C5.957996%20C7.32801333%2C5.75951467%206.94642667%2C5.79055333%206.70398667%2C6.03248533%20L6.03289333%2C6.70407467%20C5.79096%2C6.94651867%205.75992%2C7.32811467%205.95893333%2C7.60592933%20L6.86225333%2C8.87121733%20C6.87364%2C8.887168%206.87442667%2C8.90828667%206.86434667%2C8.92509867%20C6.5674%2C9.420164%206.34042667%2C9.96156533%206.19525333%2C10.536148%20C6.19045333%2C10.5551253%206.175%2C10.5694693%206.15572%2C10.5726827%20L4.58493333%2C10.8349893%20C4.24805333%2C10.8906173%204%2C11.1826347%204%2C11.525392%20L4%2C12.474608%20C4%2C12.8173413%204.24805333%2C13.1093827%204.58493333%2C13.1650107%20L6.15566667%2C13.4272947%20C6.17497333%2C13.4305307%206.19045333%2C13.4448987%206.19522667%2C13.4638987%20C6.31332%2C13.933%206.48153333%2C14.3817267%206.70266667%2C14.7994387%20C6.71188%2C14.816856%206.70993333%2C14.8380213%206.69754667%2C14.8533667%20L5.70793333%2C16.0790467%20C5.49288%2C16.344684%205.50190667%2C16.7274907%205.72942667%2C16.9838587%20L6.35929333%2C17.693332%20C6.5878%2C17.950144%206.96692%2C18.0033733%207.25597333%2C17.8212373%20L8.60374667%2C16.974568%20C8.62026667%2C16.9641827%208.64132%2C16.9646027%208.65748%2C16.9755467%20C9.23272%2C17.3642907%209.88164%2C17.6505573%2010.5771867%2C17.8212373%20L10.8438133%2C19.4149853%20C10.8982267%2C19.7524093%2011.1911733%2C20%2011.5332133%2C20%20L12.4831467%2C20%20C12.8258933%2C20%2013.1178533%2C19.7524333%2013.1735067%2C19.4150093%20L13.4338%2C17.853068%20C13.43704%2C17.8337413%2013.4514533%2C17.8182573%2013.4704533%2C17.8135067%20C14.0428133%2C17.6701867%2014.5803733%2C17.44488%2015.0745867%2C17.1503013%20C15.0914%2C17.140288%2015.11244%2C17.14108%2015.1283467%2C17.1524427%20L16.44492%2C18.0927653%20C16.72224%2C18.2919693%2017.1040933%2C18.26072%2017.34628%2C18.01802%20L18.0176667%2C17.3466413%20C18.2593067%2C17.1049413%2018.2920267%2C16.7235547%2018.09136%2C16.445228%20L17.15412%2C15.1311347%20C17.1427333%2C15.115184%2017.14196%2C15.094088%2017.15204%2C15.0772987%20C17.4498667%2C14.5805587%2017.6780533%2C14.0381093%2017.8224267%2C13.4609413%20C17.8271733%2C13.4419413%2017.8426533%2C13.427528%2017.86196%2C13.4242907%20L19.4150667%2C13.1649653%20C19.7529467%2C13.1093133%2020%2C12.8172947%2020%2C12.4745613%20L20%2C11.5253453%20C19.9994933%2C11.1826347%2019.75244%2C10.8906173%2019.4145333%2C10.8349653%20L17.8296133%2C10.57054%20Z%22%3E%3C/path%3E%3C/svg%3E') center no-repeat;
}
.catalog-pf-product-qr-popup {
display: flex;
flex-direction: column;
overflow: hidden;
padding: 0 30px;
min-height: 430px;
}
.catalog-pf-product-qr-popup-content {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 35px 0 25px 0;
}
.catalog-pf-product-qr-popup-text {
display: block;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 14px;
color: #333;
text-align: center;
line-height: 20px;
}
.catalog-pf-product-qr-popup-image {
display: block;
overflow: hidden;
position: relative;
width: 156px;
height: 156px;
}
.catalog-pf-product-qr-popup-image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: block;
max-width: 100%;
max-height: 100%;
}
.catalog-pf-product-qr-popup-bottom {
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
height: 65px;
border-top: 1px solid rgba(82,92,105,.1);
}
.catalog-pf-product-qr-popup--url,
.catalog-pf-product-qr-popup--url:hover,
.catalog-pf-product-qr-popup-copy {
height: 18px;
line-height: 18px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 14px;
color: rgba(82,92,105,1);
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.catalog-pf-product-qr-popup--url {
flex: 1;
text-overflow: ellipsis;
margin-right: 20px;
}
.catalog-pf-product-qr-popup--url:before {
content: '';
display: inline-block;
vertical-align: top;
width: 14px;
height: 14px;
margin: 2px 5px 0 0;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.912 6.343L10.284 8.97a3.715 3.715 0 01-5.255 0 3.712 3.712 0 01-.564-.749L5.686 7c.058-.059.13-.092.199-.132.084.289.231.562.458.789a1.86 1.86 0 002.627 0l2.628-2.627a1.86 1.86 0 000-2.628 1.86 1.86 0 00-2.628 0l-.934.935a4.662 4.662 0 00-2.37-.258l1.99-1.99a3.716 3.716 0 015.256 5.254zm-6.948 4.32l-.935.936a1.861 1.861 0 01-2.627 0 1.86 1.86 0 010-2.629l2.627-2.627a1.859 1.859 0 012.628 0c.226.227.374.5.459.788.069-.04.14-.073.197-.131l1.222-1.22a3.652 3.652 0 00-.565-.75 3.716 3.716 0 00-5.255 0L1.088 7.657a3.716 3.716 0 005.255 5.255l1.992-1.991a4.659 4.659 0 01-2.37-.258z'/%3E%3C/svg%3E") center no-repeat;
opacity: .5;
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
.catalog-pf-product-qr-popup--url:hover:before {
opacity: .8;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
}
.catalog-pf-product-qr-popup-copy {
color: rgba(82,92,105,.5);
border-bottom: 1px dashed rgba(82,92,105,.3);
transition: .25s;
}
.catalog-pf-product-qr-popup-copy:hover {
color: rgba(82,92,105,.8);
border-bottom: 1px dashed rgba(82,92,105,.5);
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
}
.catalog-pf-product-config-popup{
padding: 10px;
max-width: 500px;
min-width: 250px;
max-height: 500px;
}
.catalog-pf-product-config-popup .ui-ctl{
margin-left: 12px;
}
.catalog-pf-product-panel-compilation,
.catalog-pf-product-add {
display: flex;
align-items: center;
margin-bottom: 18px;
}
.catalog-pf-product-panel-compilation-link,
.catalog-pf-product-configure-link,
.catalog-pf-product-add-link {
display: inline-block;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 14px;
color: #2066b0;
border-bottom: 1px dashed rgba(39,107,179,.4);
cursor: pointer;
}
.catalog-pf-product-panel-compilation-link {
border-bottom: none;
}
.catalog-pf-product-panel-compilation-link.--icon-qr {
display: flex;
align-items: center;
margin-bottom: 7px;
}
.catalog-pf-product-panel-compilation-link.--icon-qr:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
margin-right: 5px;
background: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='14px' height='14px' viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 2 Copy 3%3C/title%3E%3Cg id='Group-2-Copy-3' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='qr-icon' fill='%232066B0'%3E%3Cg id='Group-3'%3E%3Cpath d='M3.675,4.14483263e-15 L1.225,4.14483263e-15 C0.5481875,4.14483263e-15 7.04621546e-14,0.5481875 7.04621546e-14,1.225 L7.04621546e-14,3.675 C7.04621546e-14,4.3518125 0.5481875,4.9 1.225,4.9 L3.675,4.9 C4.3518125,4.9 4.9,4.3518125 4.9,3.675 L4.9,1.225 C4.9,0.5481875 4.3518125,4.14483263e-15 3.675,4.14483263e-15 Z M3.675,3.675 L1.225,3.675 L1.225,1.225 L3.675,1.225 L3.675,3.675 Z M3.0625,3.0625 L1.8375,3.0625 L1.8375,1.8375 L3.0625,1.8375 L3.0625,3.0625 Z' id='Shape' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M3.675,9.1 L1.225,9.1 C0.5481875,9.1 7.04621546e-14,9.6481875 7.04621546e-14,10.325 L7.04621546e-14,12.775 C7.04621546e-14,13.4518125 0.5481875,14 1.225,14 L3.675,14 C4.3518125,14 4.9,13.4518125 4.9,12.775 L4.9,10.325 C4.9,9.6481875 4.3518125,9.1 3.675,9.1 Z M3.675,12.775 L1.225,12.775 L1.225,10.325 L3.675,10.325 L3.675,12.775 Z M3.0625,12.1625 L1.8375,12.1625 L1.8375,10.9375 L3.0625,10.9375 L3.0625,12.1625 Z' id='Shape' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M12.775,4.14483263e-15 L10.325,4.14483263e-15 C9.6481875,4.14483263e-15 9.1,0.5481875 9.1,1.225 L9.1,3.675 C9.1,4.3518125 9.6481875,4.9 10.325,4.9 L12.775,4.9 C13.4518125,4.9 14,4.3518125 14,3.675 L14,1.225 C14,0.5481875 13.4518125,4.14483263e-15 12.775,4.14483263e-15 Z M12.775,3.675 L10.325,3.675 L10.325,1.225 L12.775,1.225 L12.775,3.675 Z M12.1625,3.0625 L10.9375,3.0625 L10.9375,1.8375 L12.1625,1.8375 L12.1625,3.0625 Z' id='Shape' fill-rule='nonzero'%3E%3C/path%3E%3Crect id='Rectangle' fill-rule='nonzero' x='6.65' y='1.75' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='6.65' y='3.85' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='6.65' y='6.65' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='3.85' y='6.65' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='1.75' y='6.65' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='9.1' y='6.65' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='11.2' y='6.65' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='7.7' y='7.7' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='10.15' y='7.7' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='9.1' y='8.75' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='6.65' y='8.75' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='7.7' y='10.15' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='9.1' y='11.2' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='7.7' y='12.6' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='12.95' y='7.7' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='12.95' y='10.15' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='10.15' y='10.15' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='10.15' y='12.6' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='11.2' y='11.2' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='11.2' y='8.75' width='1.05' height='1.05'%3E%3C/rect%3E%3Crect id='Rectangle' fill-rule='nonzero' x='6.65' y='11.2' width='1.05' height='1.05'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}
.catalog-pf-product-add-link:hover {
border-bottom: 1px dashed rgba(39,107,179,.7);
}
.catalog-pf-product-configure-link,
.catalog-pf-product-add-link--gray {
margin-left: 35px;
color: #80868e;
border-bottom: 1px dashed rgba(128,134,142,.4);
}
.catalog-pf-product-configure-link:hover,
.catalog-pf-product-add-link--gray:hover {
border-bottom: 1px dashed rgba(128,134,142,.7);
}
.catalog-pf-product-add-link--gray:before {
content: '';
display: inline-block;
vertical-align: top;
margin: 3px 4px 0 -17px;
width: 13px;
height: 12px;
opacity: .7;
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2013%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23525C69%22%20d%3D%22M0.588236303%2C0.0349400114%20L0.678309137%2C0.0374718197%20C1.72519214%2C0.140143049%203.85614859%2C0.526357104%206.16306576%2C1.96747815%20L6.007%2C1.872%20L6.00830774%2C11.9552122%20C4.59638303%2C10.9804967%202.91938012%2C10.3403208%200.976025543%2C10.0346847%20L0.54675491%2C9.97317417%20C0.23646456%2C9.93327603%202.2470914e-12%2C9.6864395%202.2470914e-12%2C9.38640544%20L2.2470914e-12%2C9.38640544%20L2.2470914e-12%2C0.63062426%20C2.2470914e-12%2C0.278988598%200.313065756%2C0.0018294758%200.678309137%2C0.0374718197%20Z%20M12.2939368%2C0.00448935221%20C12.6675064%2C-0.0386006457%2013%2C0.233770699%2013%2C0.594981916%20L13%2C0.594981916%20L13%2C9.31246087%20C13%2C9.60557925%2012.7801879%2C9.85613961%2012.4776687%2C9.89976158%20C11.3730572%2C10.0604181%208.74807857%2C10.5743062%206.86024765%2C12%20L6.992%2C11.904%20L6.99127836%2C1.87029184%20C8.33457815%2C0.936396734%209.96087268%2C0.332727057%2011.869744%2C0.0592828063%20Z%22%3E%3C/path%3E%3C/svg%3E') center no-repeat;
}
.catalog-pf-product-add-link--disabled {
cursor: not-allowed;
}
.catalog-pf-product-add-link--disabled.catalog-pf-product-add-link--gray:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjE0NiAxNi4wMjZ2MS41OTJoLTEuMjYxdi0xLjU5MmExLjAxIDEuMDEgMCAwMS0uMzczLS43ODRjMC0uNTU3LjQ1LTEuMDEgMS4wMDMtMS4wMS41NTQgMCAxLjAwMy40NTMgMS4wMDMgMS4wMSAwIC4zMTctLjE0NS42LS4zNzIuNzg0ek05Ljc3IDkuNTU4YTIuNzU0IDIuNzU0IDAgMDEyLjc0NS0yLjc2MyAyLjc1NCAyLjc1NCAwIDAxMi43NDYgMi43NjN2Mi4zMzVIOS43N1Y5LjU1OHptNi45NDIgMi4zMzVWOS41NThjMC0yLjMzMi0xLjg4LTQuMjIzLTQuMTk3LTQuMjIzUzguMzIgNy4yMjUgOC4zMiA5LjU1OHYyLjMzNUg3LjA0NXY3Ljk5NmgxMC45NHYtNy45OTZoLTEuMjczeiIgZmlsbD0iIzUyNUM2OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+') center no-repeat;
background-size: 22px;
}
.catalog-pf-result-line {
display: block;
height: 1px;
margin: 26px 0 19px 0;
background: rgba(82,92,105,.1);
}
.catalog-pf-result-line:last-of-type {
display: none;
}
.catalog-pf-result {
width: 60%;
overflow: hidden;
text-align: right;
font-size: 21px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.catalog-pf-result-wrapper {
display: flex;
justify-content: flex-end;
}
.catalog-pf-text,
.catalog-pf-symbol {
font-size: 14px;
color: #525c69;
line-height: 20px;
}
.catalog-pf-tax {
padding-bottom: 16px;
}
.catalog-pf-text--discount {
color: #6e881a;
}
.catalog-pf-result-padding {
padding-top: 14px;
}
.catalog-pf-result-padding-bottom {
padding-bottom: 14px;
}
.catalog-pf-text--border {
position: relative;
padding-top: 14px;
}
.catalog-pf-text--border:before {
content: '';
position: absolute;
top: 1px;
left: -20px;
width: 700px;
height: 1px;
background: rgba(82,92,105,.1);
}
.catalog-pf-symbol {
min-width: 25px;
text-align: left;
padding-right: 10px;
color: rgba(82,92,105,.5);
}
.catalog-pf-symbol--total,
.catalog-pf-text--total {
font-size: 21px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.catalog-pf-product-selector-wrapper {
display: block;
overflow: hidden;
}
.catalog-pf-product-item .ui-image-input-wrapper {
margin-right: 27px;
}
.salescenter-app-wrapper {
align-items: flex-start;
}
.catalog-pf-product-item .ui-ctl-after.ui-ctl-icon-clear {
opacity: 0;
}
.catalog-pf-product-item .ui-ctl.ui-ctl-w100.ui-ctl-after-icon:hover .ui-ctl-after.ui-ctl-icon-clear {
opacity: .78;
}
label.ui-ctl-radio-selector {
width: auto;
}
.ui-ctl-danger .catalog-pf-product-input-info,
.ui-ctl-danger .ui-tag-selector-outer-container,
.ui-ctl-danger .catalog-pf-product-input,
.ui-ctl-danger .catalog-pf-product-input-info:hover,
.ui-ctl-danger .ui-tag-selector-outer-container:hover,
.ui-ctl-danger .catalog-pf-product-input:hover,
.ui-ctl-danger .catalog-pf-product-input-info:focus,
.ui-ctl-danger .ui-tag-selector-outer-container:focus,
.ui-ctl-danger .catalog-pf-product-input:focus {
border-color: var(--ui-field-color-danger);
}
.catalog-pf-product-add-wrapper .ui-ctl-checkbox {
width: auto;
}
.catalog-pf-product-panel-compilation-wrapper .ui-ctl-checkbox {
width: fit-content;
}
.catalog-pf-label-text {
text-align: center;
padding: 0 8px;
height: 15px;
border-radius: 7.5px;
background-color: #c4f1ff;
display: inline-block;
color: rgba(82, 92, 105, 0.82);
font: var(--ui-font-weight-bold) 7px/10px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
vertical-align: middle;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.catalog-pf-product-panel-compilation {
margin-bottom: 0;
}
.catalog-pf-product-panel-message-arrow-target {
position: relative;
}
.catalog-pf-product-panel-compilation-wrapper .catalog-pf-product-panel-message-arrow-target::after {
content: '';
display: block;
background-color: #ebfaff;
width: 20px;
height: 20px;
position: absolute;
bottom: -25px;
left: 4px;
z-index: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--container {
display: flex;
flex-direction: column;
padding: 0 3px 4px 3px;
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--title {
order: -1;
font: var(--ui-font-weight-bold) 14px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
margin-bottom: 25px;
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--loader-block {
height: 36px;
width: 36px;
border: 3px solid transparent;
border-radius: 50%;
position: relative;
margin: 0 auto 26px auto;
transition: .4s;
overflow: hidden;
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--loader-block.catalog-product-form-popup--done {
border: 3px solid #9cd002;
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--loader-block.catalog-product-form-popup--done::after,
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--loader-block.catalog-product-form-popup--done::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
transition: .4s;
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--loader-block.catalog-product-form-popup--done::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='18' viewBox='0 0 23 18'%3E%3Cpath fill='%239DCF00' fill-rule='evenodd' d='M2.58190097,6.65951572 L7.71162054,11.7898728 L19.5017408,0 L22.0836418,2.58190097 L7.71206302,16.9534797 L0,9.2414167 L2.58190097,6.65951572 Z' transform='translate(.239 .202)'/%3E%3C/svg%3E");
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--loader-block.catalog-product-form-popup--done::after {
background: #fff;
animation-name: done;
animation-duration: .8s;
animation-fill-mode: both;
}
@keyframes done {
0% {
left: 0;
}
100% {
left: 100%;
}
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--button-container {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(82, 92, 105, .1);
text-align: center;
}
.catalog-product-form-popup--creating-shop .catalog-product-form-popup--text {
line-height: 17px;
color: #535c69;
}
.catalog-product-form-popup--creating-shop .main-ui-loader-svg-circle {
stroke-width: 3px;
}
.catalog-product-form-disabled-setting {
color: #7e7e7e;
}
.catalog-product-form-setting-hint {
display: inline;
margin-left: 5px;
}
.catalog-product-form-setting-hint .ui-hint-icon {
margin-top: 0;
vertical-align: middle;
}
.catalog-pf-product-panel-compilation-checkbox-container {
min-height: auto;
margin: 0;
}
.catalog-pf-product-panel-compilation-price-info {
display: block;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 12px;
color: rgba(128, 134, 142, .7);
line-height: 16px;
}
.catalog-pf-product-panel-compilation-message .ui-card-message-without-angle {
margin-top: 14px;
margin-bottom: 5px;
}