Файловый менеджер - Редактировать - /var/www/axolotl/data/www/axolotls.ru/www/bitrix/js/salescenter/app/src/component.css
Назад
.salescenter-app-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .salescenter-app-wrapper .main-ui-loader {z-index: 1000} .salescenter-app-left-side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 256px; border-right: 1px solid #edeef0; -ms-flex-preferred-size: 188px; flex-basis: 256px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow-y: auto; } .salescenter-app-right-side { flex: 1; display: flex; flex-direction: column; padding: 15px; background: #e6ebef; margin-bottom: 20px; } /*region helper nav*/ .salescenter-app-helper-nav { margin-right: 18px; border-top: 1px solid #dadfe2; margin-bottom: 80px; } .salescenter-app-helper-nav-item, .salescenter-app-helper-nav-item-sub { display: block; margin-bottom: 10px; cursor: pointer; transition: 140ms linear background } .salescenter-app-helper-nav-item-sub { padding-left: 18px; } .salescenter-app-helper-nav-item-text { display: inline-block; padding: 4px 12px; color: #a8adb4; text-decoration: none; font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; } .salescenter-app-helper-nav-item:hover, .salescenter-app-helper-nav-item-sub:hover { background: #f5f6f7; } .salescenter-app-helper-nav-item.selected, .salescenter-app-helper-nav-item-sub.selected { background: transparent; } .salescenter-app-helper-nav-item.selected .salescenter-app-helper-nav-item-text, .salescenter-app-helper-nav-item-sub.selected .salescenter-app-helper-nav-item-text { color: #525c69; } /*endregion*/ /*region form*/ .salescenter-app-page-header { padding: 0 4px 6px; line-height: 32px; } .salescenter-btn-action {opacity: .8;} .salescenter-app-page-header .salescenter-btn-action.ui-btn-icon-edit { padding-left: 0; } .salescenter-app-page-header .salescenter-btn-action.ui-btn-icon-edit::after { left: 93px; } .salescenter-app-page-header .salescenter-btn-delimiter { display: inline-block; height: 21px; width: 2px; background-color: rgb(83, 92, 105); top: 7px; position: relative; left: -5px; opacity: 0.3; } .salescenter-app-form-wrapper { display: block; position: relative; margin-bottom: 14px; border-bottom: 1px solid #f0f3f5; width : 100%; } .salescenter-app-counter { position: absolute; top: 42px; left: 0; font-family: "OpenSans-SemiBold", Helvetica, Arial, sans-serif; font-size: 13px; color: #828b95; } .salescenter-app-remove { width: 24px; height: 39px; position: absolute; right: -13px; top: 32px; cursor: pointer; opacity: .4; transition: .1s; } .salescenter-app-remove:hover { opacity: 1; } .salescenter-app-remove:after, .salescenter-app-remove:before { content: ''; display: block; position: absolute; width: 8px; height: 2px; top: 50%; left: 50%; background-color: #979da5; } .salescenter-app-remove:after { transform: translate(-50%, -50%) rotate(45deg); } .salescenter-app-remove:before { transform: translate(-50%, -50%) rotate(-45deg); } .salescenter-app-form-container { padding: 11px; } .salescenter-app-sale-container { padding: 11px; } .salescenter-app-ctl-label-text { display: block; padding-bottom: 4px; white-space: nowrap; } .salescenter-app-form-block-title { padding-left: 7px; } .salescenter-app-form-row, .salescenter-app-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; } .salescenter-app-form-row-discount { padding: 10px; } .salescenter-app-form-col { padding: 0 7px; } .salescenter-app-form-col-sm { overflow: hidden; max-width: 122px; min-width: 122px; } /*.salescenter-app-form-row-center {*/ /*-webkit-box-align: center;*/ /*-ms-flex-align: center;*/ /*align-items: center;*/ /*}*/ .salescenter-app-form-text { color: #525c69; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; } .salescenter-app-collapse-link-container { text-align: right; padding: 0 11px; } .salescenter-app-collapse-link { border-bottom: 1px dashed; color: #9b9b9b; cursor: pointer; text-decoration: none; font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; } .salescenter-app-collapse-link-hide, .salescenter-app-collapse-link-show, .salescenter-app-collapse-link-pointer-event { display: inline-block; margin: 8px 0 0 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #80868e; line-height: 20px; border: none; cursor: pointer; } .salescenter-app-collapse-link-pointer-event { opacity: .7; pointer-events: none; } .salescenter-app-collapse-link-show:before, .salescenter-app-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; } .salescenter-app-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'); } .salescenter-app-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'); } .salescenter-app-collapse-link-show:hover:before, .salescenter-app-collapse-link-hide:hover:before { border: 2px solid rgba(0,0,0,.15); } .salescenter-app-collapse-link:hover { border-color: transparent; color: #333; } .salescenter-app-form-collapse-container { overflow: hidden; width: 100%; } .salescenter-app-form-collapse-container.collapsed { max-height: 0; } .salescenter-app-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: bold 7px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; 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*/ .salescenter-app-add-item-container { margin-bottom: 10px; padding: 0 11px; } .salescenter-app-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 "Helvetica Neue", Helvetica, Arial, sans-serif; } .salescenter-app-add-item-link:hover { text-decoration: none; border-color: rgba(32, 102, 176, 1); } .salescenter-app-add-item-link-catalog { color: #80868e; border-color: rgba(128, 134, 142, .4); margin-left: 30px; white-space: nowrap; } .salescenter-app-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; } .salescenter-app-add-item-link-catalog:hover { color: #80868e; border-color: rgba(128, 134, 142, 1); } /*region result container*/ .salescenter-app-result-container { /*border-top: 1px solid #edeef0;*/ /*padding-top: 15px;*/ } .salescenter-app-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 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #525c69; margin-bottom: 5px; } .salescenter-app-result-grid-benefit { color: #6e881a; } .salescenter-app-result-grid-benefit .salescenter-app-result-grid-item { padding-bottom: 14px; margin-bottom: 7px; border-bottom: 1px solid #f0f3f5; } .salescenter-app-result-grid-total { color: #525c69; } .salescenter-app-result-grid-total-big { font-family: "OpenSans-SemiBold", Helvetica, Arial, sans-serif; font-size: 21px; color: #525c69; text-align: right; } .salescenter-app-page-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } /*endregion*/ /*region payment container*/ .salescenter-app-payment-container { border-top: 1px solid #edeef0; padding-top: 10px; } /*endregion*/ /*region demo*/ .salescenter-app-demo-container { position: relative; height: calc(100% - 20px); } .salescenter-app-demo { height: calc(100% - 20px); width: 100%; } .salescenter-app-demo-overlay { height: calc(100% - 20px); max-height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 20px; width: 100%; z-index: 20; pointer-events: none; background: none; } .salescenter-app-demo-overlay.salescenter-app-demo-overlay-loading { background-color: white; } /*endregion*/ /*region start wrapper*/ .salescenter-app-lost, .salescenter-app-start-wrapper { min-height: 300px; padding: 0 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid rgba(82, 92, 105, 0.14); } .salescenter-title-5 { font-family: "OpenSans-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; margin-bottom: 25px; } .salescenter-app-lost-helper { position: absolute; top: 5px; left: 10px; right: 70px; min-height: 61px; padding-left: 70px; padding-top: 45px; font: 17px/23px "OpenSans-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; background: no-repeat left top url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2263%22%20height%3D%2258%22%20viewBox%3D%220%200%2063%2058%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%232FC6F6%22%20stroke-width%3D%222%22%20transform%3D%22matrix%28-1%200%200%201%2062%200%29%22%20opacity%3D%22.735%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1.93041133%2C58.7905093%20C32.289854%2C53.3260973%2048.737543%2C34.3026782%2051.2734784%2C1.72025211%22%20transform%3D%22rotate%284%2026.602%2030.255%29%22/%3E%0A%20%20%20%20%3Cpolyline%20points%3D%2243.58%209.66%2052.965%201.66%2061.58%209.573%22%20transform%3D%22rotate%287%2052.58%205.66%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A); } .salescenter-app-lost-helper.salescenter-app-not-active { left: 140px; } .salescenter-app-lost-block { background: no-repeat center top url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2266%22%20height%3D%2266%22%20viewBox%3D%220%200%2066%2066%22%3E%0A%20%20%3Cpath%20fill%3D%22%232FC6F6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M306.570115%2C191.873515%20C308.259621%2C191.873515%20309.629088%2C190.504079%20309.629088%2C188.816101%20C309.629088%2C187.126635%20308.259621%2C185.7572%20306.570115%2C185.7572%20C304.88061%2C185.7572%20303.512631%2C187.126635%20303.512631%2C188.816101%20C303.512631%2C190.504079%20304.88061%2C191.873515%20306.570115%2C191.873515%20L306.570115%2C191.873515%20Z%20M308.962217%2C198.534627%20L301.266408%2C198.534627%20L301.266408%2C201.337505%20L304.755571%2C201.337505%20L304.755571%2C219.390236%20L301.373583%2C219.390236%20L301.373583%2C222.194601%20L312.19535%2C222.194601%20L312.19535%2C219.390236%20L308.962217%2C219.390236%20L308.962217%2C198.534627%20Z%20M306%2C234.538871%20C289.68548%2C234.538871%20276.459704%2C221.313399%20276.459704%2C204.999256%20C276.459704%2C188.683623%20289.68548%2C175.459641%20306%2C175.459641%20C322.316008%2C175.459641%20335.540296%2C188.683623%20335.540296%2C204.999256%20C335.540296%2C221.313399%20322.316008%2C234.538871%20306%2C234.538871%20L306%2C234.538871%20Z%20M306%2C172%20C287.774326%2C172%20273%2C186.773985%20273%2C204.999239%20C273%2C223.224494%20287.774326%2C238%20306%2C238%20C324.225674%2C238%20339%2C223.224494%20339%2C204.999239%20C339%2C186.773985%20324.225674%2C172%20306%2C172%20L306%2C172%20Z%22%20transform%3D%22translate%28-273%20-172%29%22/%3E%0A%3C/svg%3E%0A); padding-top: 70px; margin-top: 5px; } .salescenter-app-demo-overlay-modification { background: #ffffff; border: 1px #fefefe solid; border-radius: 100px; padding: 2px 20px; position: absolute; bottom: 10px; right: 20px; color: #525c69; font: 12px/22px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; z-index: 310; min-height: 22px; min-width: 38px; transform: translateZ(0); } /*endregion*/ .ui-sidepanel-sidebar.salescenter-app-sidebar { width: 260px; margin: 0 0 0 -17px; } .btn-send-crm { position: absolute; right: 35px; } .salescenter-app-menu-add-page { margin: 0 0 0 33px; padding: 0; text-transform: lowercase; } .salescenter-app-menu-add-page .salescenter-app-helper-nav-item-text { border-bottom: 1px dashed; margin: 4px 12px 4px 4px; padding: 0; } .salescenter-app-menu-add-page.salescenter-app-helper-nav-item:hover { background: inherit; } .salescenter-app-menu-add-page .salescenter-app-helper-nav-item-add.salescenter-app-helper-nav-item-text { padding: 0; margin: 0 0 0 12px; border-bottom: none; } .salescenter-app-sidebar .ui-sidepanel-submenu-active .ui-sidepanel-submenu-link .ui-sidepanel-menu-link-text { margin-left: 34px; margin-right: 26px; } .salescenter-app-sidebar .ui-sidepanel-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text { border-radius: inherit; background-color: inherit; font: inherit; color: inherit; } .salescenter-app-sidebar .salescenter-app-sidebar-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text { border-radius: 18px; background-color: rgba(94,102,117,.76); font: 15px/25px 'OpenSans-SemiBold', "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; padding: 0 11px; } .salescenter-app-sidebar .salescenter-app-sidebar-menu-active .ui-sidepanel-menu-link .ui-sidepanel-menu-link-text { margin: 0 0 0 -12px; } .salescenter-form-error{ font-size: 13px; color: #FF5752; line-height: 22px; } .salescenter-button-panel .ui-alert { margin-bottom: 0 } .salescenter-app-sidebar .ui-sidepanel-submenu-link:hover .ui-sidepanel-edit-btn { transition-delay: 0s; } .salescenter-app-sidebar .ui-sidepanel-submenu-item.ui-sidepanel-submenu-edit-mode .ui-sidepanel-edit-btn { display: none; } .salescenter-app-text-line-through { text-decoration: line-through } .salescenter-app-sale-container .salescenter-app-text-line-through { margin-right: 5px; } .salescenter-app-banner { margin-top: 25px; } .salescenter-app-banner-inner { background: rgba(56, 197, 243, .1); border-radius: 1px; padding: 15px 14px 22px; min-height: 200px; box-sizing: border-box; position: relative; } .salescenter-app-banner-title { color: #2066b0; font: 14px/20px "OpenSans-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid rgba(82, 92, 105, .06); margin-bottom: 16px; } .salescenter-app-banner-content { padding-left: 145px; position: relative; } .salescenter-app-banner-content:before { position: absolute; top: 0; left: 10px; width: 108px; height: 115px; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22108%22%20height%3D%22115%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b%22%20d%3D%22M40.842%2046l2.618%206.633A1%201%200%200%201%2042.53%2054H20.47a1%201%200%200%201-.93-1.367L22.158%2046H2.862C1.424%2046%200%2044.529%200%2043V3c0-1.529%201.424-3%202.862-3h56.276C60.576%200%2062%201.471%2062%203v40c0%201.529-1.424%203-2.862%203H40.842z%22/%3E%3Cfilter%20id%3D%22a%22%20width%3D%22103.2%25%22%20height%3D%22107.4%25%22%20x%3D%22-1.6%25%22%20y%3D%22-1.9%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22/%3E%3CfeColorMatrix%20in%3D%22shadowOffsetOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.118687726%200%22/%3E%3C/filter%3E%3Crect%20id%3D%22d%22%20width%3D%2228%22%20height%3D%2218%22%20y%3D%221%22%20rx%3D%222%22/%3E%3Cfilter%20id%3D%22c%22%20width%3D%22107.1%25%22%20height%3D%22122.2%25%22%20x%3D%22-3.6%25%22%20y%3D%22-5.6%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22/%3E%3CfeColorMatrix%20in%3D%22shadowOffsetOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.189712631%200%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2254%22%20cy%3D%2254%22%20r%3D%2254%22%20fill%3D%22%232FC6F6%22%20opacity%3D%22.095%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M101.708%208.24c.001-.034.011-.066.011-.1%200-1.734-1.464-3.14-3.27-3.14a3.274%203.274%200%200%200-2.958%201.821%203.985%203.985%200%200%200-1.331-.24c-2.081%200-3.765%201.578-3.861%203.553-.08-.006-.158-.023-.24-.023-1.69%200-3.059%201.318-3.059%202.944C87%2014.682%2088.369%2016%2090.059%2016c.271%200%20.529-.045.78-.108.196.064.403.108.622.108h8.258c.17%200%20.333-.028.49-.067.228.038.461.067.701.067%202.259%200%204.09-1.754%204.09-3.919%200-1.902-1.415-3.485-3.292-3.841%22%20opacity%3D%22.5%22/%3E%3Cpath%20fill%3D%22%23B0ECFF%22%20d%3D%22M42.179%2096.275c0-4.017-3.4-7.275-7.593-7.275-3.05%200-5.66%201.733-6.87%204.22-.967-.341-1.998-.557-3.09-.557-4.832%200-8.742%203.656-8.965%208.232-.186-.014-.367-.053-.558-.053-3.924%200-7.103%203.054-7.103%206.821%200%203.77%203.179%206.823%207.103%206.823H40.3c5.246%200%209.498-4.064%209.498-9.08%200-4.407-3.286-8.074-7.645-8.9.003-.078.026-.152.026-.23z%22%20opacity%3D%22.5%22/%3E%3Cpath%20fill%3D%22%232FC6F6%22%20d%3D%22M22.88%2011.007c0-.052.016-.102.016-.154C22.896%208.173%2020.62%206%2017.81%206c-2.043%200-3.791%201.156-4.602%202.814a6.236%206.236%200%200%200-2.07-.37c-3.237%200-5.857%202.438-6.006%205.49-.125-.009-.246-.035-.374-.035C2.13%2013.899%200%2015.936%200%2018.449%200%2020.963%202.13%2023%204.758%2023c.422%200%20.823-.07%201.214-.167.305.099.627.167.967.167h12.846c.265%200%20.518-.043.762-.104a6.65%206.65%200%200%200%201.09.104C25.153%2023%2028%2020.29%2028%2016.943c0-2.94-2.201-5.386-5.12-5.936%22%20opacity%3D%22.2%22/%3E%3Cpath%20stroke%3D%22%23FFF%22%20d%3D%22M88.342%2085.535c.001-.038.012-.072.012-.11%200-1.891-1.626-3.425-3.633-3.425-1.459%200-2.708.816-3.287%201.987a4.501%204.501%200%200%200-1.478-.262c-2.313%200-4.184%201.721-4.29%203.876-.09-.007-.176-.025-.267-.025-1.878%200-3.399%201.437-3.399%203.211C72%2092.562%2073.521%2094%2075.399%2094a3.6%203.6%200%200%200%20.867-.118c.217.07.447.118.69.118h9.176c.19%200%20.37-.03.545-.073.253.041.512.073.779.073C89.966%2094%2092%2092.087%2092%2089.725c0-2.075-1.572-3.802-3.658-4.19%22%20opacity%3D%22.37%22/%3E%3Cg%20transform%3D%22translate%2823%2028%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22/%3E%3Cpath%20fill%3D%22%230AE989%22%20d%3D%22M5%2040h52V4H5z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17%2037h29V9H17z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20opacity%3D%22.5%22%20d%3D%22M12%2033h-2V11h2z%22/%3E%3Cpath%20fill%3D%22%23BBED21%22%20d%3D%22M20%2015h18v-3H20zM20%2020h18v-3H20zM20%2025h12v-3H20z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2861%2041%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23c%29%22%20xlink%3Ahref%3D%22%23d%22/%3E%3Cuse%20fill%3D%22%232FC6F6%22%20xlink%3Ahref%3D%22%23d%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%2011h5v5H3z%22/%3E%3Cpath%20fill%3D%22%232066B0%22%20d%3D%22M0%205h28v4H0z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); background-repeat: no-repeat; content: ''; } .salescenter-app-banner-text { color: #525c69; margin-bottom: 25px; } .salescenter-app-banner-close { position: absolute; right: -9px; top: -9px; width: 22px; height: 22px; border-radius: 50%; background: #fff; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); transition: all .2s linear; } .salescenter-app-banner-close:before { content: ''; position: absolute; top: 6px; left: 6px; width: 10px; height: 10px; opacity: .4; transition: all .2s linear; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20opacity%3D%22127623%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.4%207L11.2%204.2L9.8%202.8L7%205.6L4.2%202.8L2.8%204.2L5.6%207L2.8%209.8L4.2%2011.2L7%208.4L9.8%2011.2L11.2%209.8L8.4%207Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A) no-repeat center; } .salescenter-app-banner-close:hover:before { opacity: .63; } .salescenter-app-wrapper .salescenter-limit-container { margin: 0 -20px; } .salescenter-app-wrapper .salescenter-limit-container .salescenter-limit-inner { padding: 20px 10px 175px 10px; } .salescenter-app-wrapper .salescenter-limit-container .salescenter-limit-inner .salescenter-limit-img { left: 10px; top: 10px; } .salescenter-app-wrapper .salescenter-limit-container .salescenter-limit-inner .salescenter-limit-desc { padding: 0 0 35px 150px; } .salescenter-app-wrapper .salescenter-limit-buttons { display: flex; } .salescenter-app-payment-side { flex: 1; } .salescenter-app-payment-by-sms-title { padding: 7px 0 25px 7px; font-family: "OpenSans-Light", Helvetica, Arial, sans-serif; font-size: 22px; color: #333; line-height: 28px; } /*salescenter-app-payment-by-sms-item*/ .salescenter-app-payment-by-sms-item { display: block; position: relative; min-height: 20px; padding: 16px 30px 16px 59px; margin-bottom: 5px; background: #fff; } .salescenter-app-payment-by-sms-item-disabled { background: rgba(255,255,255,7); } .salescenter-app-payment-by-sms-item-disabled-bg { background: #f7f9fa; } /*.salescenter-app-payment-by-sms-item-disabled-bg .salescenter-app-payment-by-sms-item-counter,*/ .salescenter-app-payment-by-sms-item-disabled-bg .salescenter-app-payment-by-sms-item-counter:after { background: #f7f9fa !important; } .salescenter-app-payment-by-sms-item:last-of-type { margin-bottom: auto; } .salescenter-app-payment-by-sms-item-counter { position: absolute; left: 0; top: 0; width: 59px; bottom: 0; background: #9dcf00; } .salescenter-app-payment-by-sms-item-current .salescenter-app-payment-by-sms-item-counter { background: #55d0e0; } .salescenter-app-payment-by-sms-item-disabled .salescenter-app-payment-by-sms-item-counter { background: #c9cfd3; } .salescenter-app-payment-by-sms-item-counter:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; pointer-events: none; } .salescenter-app-payment-by-sms-item-counter-rounder { display: none; position: absolute; width: 40px; height: 40px; top: 9px; left: 11px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M40%2C0%20L40%2C40%20L0%2C40%20L0%2C0%20L40%2C0%20Z%20M33.0123065%2C33.031034%20C30.3796037%2C35.7735235%2027.1166009%2C37.5090846%2023.6863237%2C38.2294586%20L23.9848323%2C39.708797%20C27.791456%2C38.9091904%2031.2911597%2C36.9812959%2034.0684581%2C34.0877984%20L33.0123065%2C33.031034%20Z%20M6.33423862%2C32.3151611%20L5.227496%2C33.3164065%20C5.58083391%2C33.7243627%205.94342283%2C34.1097121%206.38380451%2C34.5438579%20C8.86363532%2C36.9640551%2011.8542961%2C38.6459333%2015.1010327%2C39.494152%20L15.4671377%2C38.030755%20C12.5047646%2C37.2568208%209.69276892%2C35.7097291%207.33594895%2C33.3840432%20C6.98555989%2C33.0382829%206.65165062%2C32.6816477%206.33423862%2C32.3151611%20Z%20M38.9668933%2C14.4986674%20L37.5442506%2C14.9087391%20C38.5231662%2C18.4552289%2038.4563583%2C22.2442496%2037.3350857%2C25.7640679%20L38.7407553%2C26.2312776%20C39.9501733%2C22.4345378%2040.0272912%2C18.340329%2038.9668933%2C14.4986674%20Z%20M1.30873375%2C13.5824326%20C0.0694023672%2C17.3692865%20-0.0393498312%2C21.4626085%200.990830652%2C25.3127404%20L2.41663033%2C24.9142821%20C1.46614337%2C21.3619175%201.56115179%2C17.5740169%202.71039259%2C14.0620598%20L1.30873375%2C13.5824326%20Z%20M24.7456583%2C0.433428588%20L24.390965%2C1.89975731%20C27.4053965%2C2.66097657%2030.2696331%2C4.22013089%2032.6640542%2C6.58292117%20C32.9791779%2C6.89388199%2033.2809721%2C7.21363878%2033.5694241%2C7.54144705%20L34.6681177%2C6.53098742%20C34.346309%2C6.16529724%2034.0185237%2C5.81969952%2033.6153974%2C5.42232396%20C31.0963609%2C2.96413667%2028.0503537%2C1.26796005%2024.7456583%2C0.433428588%20Z%20M15.8610203%2C0.291203016%20C12.0623576%2C1.12146095%208.57897499%2C3.07687689%205.82269203%2C5.9934581%20L6.88599118%2C7.04271084%20C9.49977116%2C4.27692021%2012.7485867%2C2.51598042%2016.170771%2C1.76812598%20L15.8610203%2C0.291203016%20Z%22/%3E%3C/svg%3E') center center no-repeat; background-color: inherit; border-radius: 100%; z-index: 9; } .salescenter-app-payment-by-sms-item-current .salescenter-app-payment-by-sms-item-counter-rounder { background-color: #55d0e0; display: block; animation: salescenter-app-payment-by-sms-item-counter-rounder 4s linear infinite; } @keyframes salescenter-app-payment-by-sms-item-counter-rounder { 0% { transform: rotate(0); opacity: 1; } 25% { transform: rotate(90deg); opacity: .3; } 50% { transform: rotate(180deg); opacity: 3; } 75% { transform: rotate(270deg); opacity: .3; } 100% { transform: rotate(360deg); opacity: 1; } } .salescenter-app-payment-by-sms-item-counter-number { display: block; position: relative; margin: 14px 0 0 16px; background: inherit; width: 31px; height: 31px; border-radius: 100%; z-index: 99; } .salescenter-app-payment-by-sms-item-current .salescenter-app-payment-by-sms-item-counter-number { background: #55d0e0 !important; } .salescenter-app-payment-by-sms-item-counter-number-checker { content: ''; position: absolute; height: 10px; width: 10px; right: -5px; top: 0; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%226%22%20height%3D%225%22%20viewBox%3D%220%200%206%205%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20points%3D%222.166%202.576%20.993%201.481%200%202.421%202.112%204.405%202.113%204.404%202.167%204.455%205.875%20.94%204.883%200%22/%3E%3C/svg%3E') center center no-repeat; background-color: inherit; border: 2px solid #fff; border-radius: 100%; z-index: 9; } .salescenter-app-payment-by-sms-item-counter-line { content: ''; position: absolute; top: 0; left: 30px; width: 3px; background: inherit; bottom: 0; opacity: .5; z-index: 9; } .salescenter-app-payment-by-sms-item:first-of-type .salescenter-app-payment-by-sms-item-counter-line { top: 42px; } .salescenter-app-payment-by-sms-item-current .salescenter-app-payment-by-sms-item-counter-line { background: #55d0e0; } .salescenter-app-payment-by-sms-item-counter-number-text { display: block; position: relative; z-index: 9; text-align: center; font: 16px/31px "OpenSans-Bold", Helvetica, Arial, sans-serif; color: #fff; } .salescenter-app-payment-by-sms-item-title { display: flex; overflow: hidden; padding: 0 1px 17px 1px; border-bottom: 1px solid rgba(82,92,105,.1); font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif; font-size: 18px; color: #333; } .salescenter-app-payment-by-sms-item-title-text { flex: 1; } .salescenter-app-payment-by-sms-item-title-info { float: right; height: 20px; margin-left: 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #80868e; line-height: 24px; border-bottom: 1px dashed rgba(130,139,149,.4); border-top: 1px solid transparent; cursor: pointer; margin-right: 20px; white-space: nowrap; } .salescenter-app-payment-by-sms-item-title-info:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 -20px 0 5px; width: 14px; height: 14px; background: rgba(177,183,197,.74) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%224%22%20height%3D%229%22%20viewBox%3D%220%200%204%209%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.29402252%2C2.84923094%20L2.294%2C2.85%20L2.92728351%2C2.85086719%20L2.927%2C7.166%20L3.90606431%2C7.1669153%20L3.90606431%2C8.02772537%20L2.08277839e-13%2C8.02772537%20L2.08277839e-13%2C7.1669153%20L1.147%2C7.166%20L1.147%2C3.723%20L2.08277839e-13%2C3.72367505%20L2.08277839e-13%2C2.84923094%20L2.29402252%2C2.84923094%20Z%20M1.94965327%2C2.48689958e-14%20C2.4917637%2C2.48689958e-14%202.93123103%2C0.435246983%202.93123103%2C0.972151347%20C2.93123103%2C1.50905571%202.4917637%2C1.94430269%201.94965327%2C1.94430269%20C1.40754283%2C1.94430269%200.968075498%2C1.50905571%200.968075498%2C0.972151347%20C0.968075498%2C0.435246983%201.40754283%2C2.48689958e-14%201.94965327%2C2.48689958e-14%20Z%22/%3E%3C/svg%3E') center center no-repeat; border-radius: 100%; } .salescenter-app-payment-by-sms-item-title-info:hover:after { background-color: rgba(177,183,197,.9); } .salescenter-app-payment-by-sms-item-title-info:hover { border-bottom: 1px dashed rgba(130,139,149,.7); } .salescenter-app-payment-by-sms-item-disabled .salescenter-app-payment-by-sms-item-title { color: rgba(51,51,51,.5); } .salescenter-app-payment-by-sms-item-container { display: block; padding: 20px 0 10px 0; } .salescenter-app-payment-by-sms-item-container-offtop { padding-top: 9px; } .salescenter-app-payment-by-sms-item-container--inline { display: inline-block; } .salescenter-app-payment-by-sms-item-container-sms { display: flex; padding: 10px 0 4px 0; } .salescenter-app-payment-by-sms-item-container-sms-user { display: block; width: 60px; } .salescenter-app-payment-by-sms-item-container-sms-user-avatar { display: block; margin: 4px auto 2px auto; width: 40px; height: 40px; background: #7b8691 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M72.7856666%2C62.2540935%20C72.7856666%2C59.9430795%2069.7566666%2C57.3030635%2063.7856666%2C55.7650542%20C61.7635193%2C55.2035354%2059.8406739%2C54.3318402%2058.0856666%2C53.1810386%20C57.7026666%2C52.9630373%2057.7606666%2C50.945025%2057.7606666%2C50.945025%20L55.8386666%2C50.6530233%20C55.8386666%2C50.4890223%2055.6746666%2C48.0690076%2055.6746666%2C48.0690076%20C57.9746666%2C47.299003%2057.7376666%2C42.7549755%2057.7376666%2C42.7549755%20C59.1976666%2C43.5619804%2060.1486666%2C39.9709586%2060.1486666%2C39.9709586%20C61.8766666%2C34.9769284%2059.2886666%2C35.2779302%2059.2886666%2C35.2779302%20C60.1106666%2C31.5399076%2059.2886666%2C26.0778745%2059.2886666%2C26.0778745%20C58.1386666%2C15.9618133%2040.8186666%2C18.7078299%2042.8716666%2C22.0128499%20C37.8096666%2C21.0788443%2038.9646666%2C32.5639138%2038.9646666%2C32.5639138%20L40.0646666%2C35.5329318%20C37.9086666%2C36.9249402%2039.4066666%2C38.6119504%2039.4796666%2C40.5529621%20C39.5856666%2C43.4179795%2041.3406666%2C42.8249759%2041.3406666%2C42.8249759%20C41.4496666%2C47.5530045%2043.7866666%2C48.1750083%2043.7866666%2C48.1750083%20C44.2266666%2C51.1440262%2043.9526666%2C50.6390232%2043.9526666%2C50.6390232%20L41.8706666%2C50.8890247%20C41.8989236%2C51.5642186%2041.8438415%2C52.240321%2041.7066666%2C52.9020369%20C39.2576666%2C53.9950435%2038.7356666%2C54.6290473%2036.3006666%2C55.6950538%20C31.6006666%2C57.7480662%2026.4926666%2C60.4180824%2025.5856666%2C64.0121041%20C24.6786666%2C67.6061259%2023.0006666%2C75.9951766%2023.0006666%2C75.9951766%20L76.0006666%2C75.9951766%20L72.7856666%2C62.2540935%20Z%22/%3E%3C/svg%3E%0A') center no-repeat; background-size: cover; border-radius: 100%; } .salescenter-app-payment-by-sms-item-container-sms-user-name { display: block; text-align: center; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; color: #969BA2; } .salescenter-app-payment-by-sms-item-container-sms-content { flex: 1; position: relative; padding: 0 40px 0 22px; } .salescenter-app-payment-by-sms-item-container-sms-content-edit, .salescenter-app-payment-by-sms-item-container-sms-content-lock { position: absolute; width: 40px; height: 46px; top: 0; right: -40px; opacity: .4; cursor: pointer; transition: .1s time; 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%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.4358633%2C5.03481936%20L18.9864331%2C7.61224176%20L9.00876666%2C17.563056%20L6.45819647%2C14.9856339%20L16.4358633%2C5.03481936%20Z%20M5.02558382%2C18.6726366%20C5.00146497%2C18.7639157%205.0273066%2C18.8603615%205.09277206%2C18.9275292%20C5.1599603%2C18.9946969%205.25643572%2C19.0205306%205.34774281%2C18.9946969%20L8.19893597%2C18.2265744%20L5.79394162%2C15.8223165%20L5.02558382%2C18.6726366%20Z%22%20transform%3D%22translate%28-5%20-5%29%22/%3E%3C/svg%3E') center no-repeat; } .salescenter-app-payment-by-sms-item-container-sms-content-save { 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%226%22%20viewBox%3D%220%200%207%206%22%3E%3Cpolygon%20fill%3D%22%23525C6%22%20fill-rule%3D%22evenodd%22%20points%3D%222.446%203.435%201.013%202.002%200%203.015%202.391%205.406%202.447%205.46%206.894%201.013%205.881%200%22/%3E%3C/svg%3E'); background-size: 12px; } .salescenter-app-payment-by-sms-item-container-sms-content-edit:hover { opacity: .7; } .salescenter-app-payment-by-sms-item-container-sms-content-lock, .salescenter-app-payment-by-sms-item-container-sms-content-lock:hover { opacity: 1; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%229%22%20height%3D%2213%22%20viewBox%3D%220%200%209%2013%22%3E%3Cpath%20fill%3D%22%2316B9EB%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.01239287%2C11.1799674%20L4.98278772%2C11.1799674%20L4.98278772%2C9.89734992%20C4.7974873%2C9.74836266%204.67886335%2C9.520731%204.67886335%2C9.26552192%20C4.67886335%2C8.81664196%205.04544143%2C8.45275834%205.49760613%2C8.45275834%20C5.94973915%2C8.45275834%206.31631723%2C8.81664196%206.31631723%2C9.26552192%20C6.31631723%2C9.520731%206.19772496%2C9.74836266%206.01239287%2C9.89734992%20L6.01239287%2C11.1799674%20Z%20M3.25607289%2C4.44717692%20C3.25607289%2C3.21820494%204.25964095%2C2.22192728%205.49757445%2C2.22192728%20C6.73553963%2C2.22192728%207.7391077%2C3.21820494%207.7391077%2C4.44717692%20L7.7391077%2C6.05671995%20L3.25607289%2C6.05671995%20L3.25607289%2C4.44717692%20Z%20M8.92370002%2C6.05671995%20L8.92370002%2C4.44717692%20C8.92370002%2C2.56870473%207.38976098%2C1.04594043%205.49757445%2C1.04594043%20C3.60541961%2C1.04594043%202.07148056%2C2.56870473%202.07148056%2C4.44717692%20L2.07148056%2C6.05671995%20L1.03135922%2C6.05671995%20L1.03135922%2C13.0090392%20L9.96382137%2C13.0090392%20L9.96382137%2C6.05671995%20L8.92370002%2C6.05671995%20Z%22%20transform%3D%22translate%28-1%20-1%29%22/%3E%3C/svg%3E') center no-repeat; } .salescenter-app-payment-by-sms-item-container-sms-content-message { float: left; position: relative; padding: 13px 17px; background: #ddf4fd; border-radius: 20px; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #0c0c0c; line-height: 20px; } .salescenter-app-payment-by-sms-item-container-sms-content-message-text { display: inline-block; margin: 0; padding: 0; } .salescenter-app-payment-by-sms-item-container-sms-content-message-text-edit { margin: -3px -5px; padding: 3px 5px; background: #fbfeff; border-radius: 10px; outline: none; } .salescenter-app-payment-by-sms-item-container-sms-content-message-link { color: #0b66c3; } .salescenter-app-payment-by-sms-item-container-sms-content-message-link-ref { color: rgba(128,134,142,.7); } .salescenter-app-payment-by-sms-item-container-sms-content-message:before { content: ''; width: 19px; height: 17px; position: absolute; top: 20px; left: -12px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2219%22%20height%3D%2217%22%20viewBox%3D%220%200%2019%2017%22%3E%3Cpath%20fill%3D%22%23ddf4fd%22%20d%3D%22M0.00637011437%2C12.8138411%20C-0.317530323%2C13.9953315%2011.7965124%2C18.9660587%2016.716914%2C15.5718904%20C21.6373155%2C12.1777221%2014.4385337%2C-4.41509258%2012.7422864%2C1.12094297%20C11.0460392%2C6.65697853%200.330270552%2C11.6323507%200.00637011437%2C12.8138411%20Z%22/%3E%3C/svg%3E') center center no-repeat; } .salescenter-app-payment-by-sms-item-container-sms-content-info { clear: both; display: block; padding: 3px 17px; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(128,134,142,.7); line-height: 16px; } .salescenter-app-payment-by-sms-item-container-sms-content-info span { display: inline-block; color: rgba(128,134,142,.7); border-bottom: 1px dashed rgba(128,134,142,.4); cursor: pointer; } .salescenter-app-payment-by-sms-item-container-sms-content-info select { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; /*color: rgba(128,134,142,1);*/ color: #0b66c3; line-height: 16px; background: none; border: none !important; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; cursor: pointer; } .salescenter-app-payment-by-sms-item-container-sms-content-info a:hover { color: rgba(128,134,142,.7); border-bottom: 1px dashed rgba(128,134,142,.8); } .salescenter-app-payment-by-sms-item-container-payment { margin: -7px -7px -14px -7px; font-size: 0; } .salescenter-app-payment-by-sms-item-container-payment-item { width: calc(20% - 14px); display: inline-flex; position: relative; background: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.14); border-radius: 2px; margin: 7px; cursor: pointer; transition: 180ms; } @media (max-width: 1400px) { .salescenter-app-payment-by-sms-item-container-payment-item { width: calc(25% - 14px); } } @media (max-width: 1200px) { .salescenter-app-payment-by-sms-item-container-payment-item { width: calc(33.333% - 14px); } } .salescenter-app-payment-by-sms-item-container-payment-item:before { content: ''; display: block; padding-top: 55%; pointer-events: none; } .salescenter-app-payment-by-sms-item-container-payment-item-contet { position: absolute; padding: 13px; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; } .salescenter-app-payment-by-sms-item-container-payment-item-added { flex-direction: column; background: rgba(255,255,255,.66); border: 1px dashed rgba(82,92,105,.18); box-shadow: none; box-sizing: border-box; } .salescenter-app-payment-by-sms-item-container-payment-item-added:hover { border: 1px dashed rgba(82, 92, 105, .25); } .salescenter-app-payment-by-sms-item-container-payment-item-added-text { opacity: .64; font-family: "OpenSans-SemiBold", Helvetica, Arial, sans-serif; font-size: 13px; color: #525c69; transition: .1s; } .salescenter-app-payment-by-sms-item-container-payment-item-added:hover .salescenter-app-payment-by-sms-item-container-payment-item-added-text { opacity: .8; } .salescenter-app-payment-by-sms-item-container-payment-item-title-text { font-family: "OpenSans-SemiBold", Helvetica, Arial, sans-serif; font-size: 14px; color: #525c69; transition: .1s; padding: 10px 0 0 0; } .salescenter-app-payment-by-sms-item-container-payment-item-img { display: block; margin-left: auto; margin-right: auto; max-width: 110px; max-height: 70px; object-fit: contain; } .salescenter-app-payment-by-sms-item-container-payment-item-added:hover { box-shadow: none !important; } .salescenter-app-payment-by-sms-item-container-payment-item-added .salescenter-app-payment-by-sms-item-container-payment-item-contet { display: flex; flex-direction: column; box-sizing: border-box; align-items: center; } .salescenter-app-payment-by-sms-item-container-payment-item-added .salescenter-app-payment-by-sms-item-container-payment-item-contet:before { content: ''; width: 42px; height: 42px; border-radius: 100%; margin-bottom: 7px; transition: .1s; background: rgba(82,92,105,.04) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11%2C0%20L11%2C7%20L18%2C7%20L18%2C11%20L11%2C11%20L11%2C18%20L7%2C18%20L7%2C10.999%20L0%2C11%20L0%2C7%20L7%2C6.999%20L7%2C0%20L11%2C0%20Z%22%20opacity%3D%22.363%22/%3E%3C/svg%3E') center no-repeat; } .salescenter-app-payment-by-sms-item-container-payment-item-added:hover .salescenter-app-payment-by-sms-item-container-payment-item-contet:before { background-color: rgba(82,92,105,.06); } .salescenter-app-payment-by-sms-item-container-payment-item:hover { transform: translateY(-3px); box-shadow: 0 1px 2px 0 rgba(0,0,0,.14); } .salescenter-app-payment-by-sms-item-container-payment-item-info { position: absolute; top: 8px; right: 10px; width: 14px; height: 14px; background: rgba(177,183,197,.74) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%224%22%20height%3D%229%22%20viewBox%3D%220%200%204%209%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.29402252%2C2.84923094%20L2.294%2C2.85%20L2.92728351%2C2.85086719%20L2.927%2C7.166%20L3.90606431%2C7.1669153%20L3.90606431%2C8.02772537%20L2.08277839e-13%2C8.02772537%20L2.08277839e-13%2C7.1669153%20L1.147%2C7.166%20L1.147%2C3.723%20L2.08277839e-13%2C3.72367505%20L2.08277839e-13%2C2.84923094%20L2.29402252%2C2.84923094%20Z%20M1.94965327%2C2.48689958e-14%20C2.4917637%2C2.48689958e-14%202.93123103%2C0.435246983%202.93123103%2C0.972151347%20C2.93123103%2C1.50905571%202.4917637%2C1.94430269%201.94965327%2C1.94430269%20C1.40754283%2C1.94430269%200.968075498%2C1.50905571%200.968075498%2C0.972151347%20C0.968075498%2C0.435246983%201.40754283%2C2.48689958e-14%201.94965327%2C2.48689958e-14%20Z%22/%3E%3C/svg%3E') center center no-repeat; border-radius: 100%; z-index: 1; } .salescenter-app-payment-by-sms-item-container-payment-item-text, .salescenter-app-payment-by-sms-item-container-payment-item-text:hover, .salescenter-app-payment-by-sms-item-container-payment-item-text-add, .salescenter-app-payment-by-sms-item-container-payment-item-text-add:hover { display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #525c69; border-bottom: 1px dashed rgba(130,139,149,.4); text-decoration: none; cursor: pointer; } .salescenter-app-payment-by-sms-item-container-payment-item-text { margin: 0 8px 8px 0; } .salescenter-app-payment-by-sms-item-container-payment-item-text:first-of-type { margin-left: 0; } .salescenter-app-payment-by-sms-item-container-payment-item-text:hover { border-bottom-color: rgba(130,139,149,.8); } .salescenter-app-payment-by-sms-item-container-payment-item-text-add { color: rgba(130,139,149,.7); transition: all .2s linear; } .salescenter-app-payment-by-sms-item-container-payment-item-text-add:hover { color: rgba(130,139,149,1); } .salescenter-app-payment-by-sms-item-container-payment-item-text-add + .salescenter-app-payment-by-sms-item-container-payment-item-text-add { margin-left: 15px; } .salescenter-app-payment-by-sms-item-container-payment-inline { margin: 5px 7px 10px 7px; } .salescenter-app-payment-by-sms-timeline { background: #edf1f3; padding: 21px 12px 21px 16px; } .salescenter-app-payment-by-sms-timeline .salescenter-app-payment-by-sms-item-counter:after { background: #edf1f3; } .salescenter-app-payment-by-sms-timeline .salescenter-app-payment-by-sms-item-counter { background: #10c13e; width: 30px; } .salescenter-app-payment-by-sms-timeline .salescenter-app-payment-by-sms-item-counter-number { margin: 4px 0 0 0; } .salescenter-app-payment-by-sms-timeline .salescenter-app-payment-by-sms-item-counter-line { width: 1px; background: #d1d6da; left: 15px; top: -22px; opacity: 1; } .salescenter-app-payment-by-sms-timeline-item { position: relative; padding-left: 44px; color: #57616c; } .salescenter-app-payment-by-sms-timeline-item + .salescenter-app-payment-by-sms-timeline-item { margin-top: 11px; } .salescenter-app-payment-by-sms-timeline-item:last-child .salescenter-app-payment-by-sms-item-counter-line { height: 50px; } .salescenter-app-payment-by-sms-timeline-content { background: #fff; border-radius: 25px; padding: 12px 21px; position: relative; } .salescenter-app-payment-by-sms-timeline-item-payment { color: #fff; } .salescenter-app-payment-by-sms-timeline-item-payment .salescenter-app-payment-by-sms-timeline-content { background: #10c13e; display: flex; align-items: center; padding-top: 14px; padding-bottom: 14px; } .salescenter-app-payment-by-sms-timeline-item-payment .salescenter-app-payment-by-sms-timeline-content::before { top: 22px; } .salescenter-app-payment-by-sms-timeline-item-payment .salescenter-app-payment-by-sms-item-counter-icon { margin-top: 7px; } .salescenter-app-payment-by-sms-timeline-content:before { content: ''; position: absolute; top: 20px; left: -15px; width: 15px; height: 1px; background: #d1d6dA; } .salescenter-app-payment-by-sms-timeline-content-text + a { margin-left: 7px; } .salescenter-app-payment-by-sms-item-counter-icon { width: 30px; height: 30px; border-radius: 50%; z-index: 99; display: block; position: relative; margin: 4px 0 0 0; background-repeat: no-repeat; background-position: center; background-color: #10c13e; } .salescenter-app-payment-by-sms-item-counter-icon-sent { background-position: 9px center; background-image: 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%2217%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.357.722L13.135%208.5l-7.778%207.778v-4.556H.579v-6h4.778v-5z%22/%3E%3C/svg%3E); } .salescenter-app-payment-by-sms-item-counter-icon-cash { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.233%204.523c.364.223.617.593.664%201.02l.008.145v1.336h-4.303a2%202%200%2000-1.994%201.851l-.006.15v.999a2%202%200%20001.85%201.994l.15.006%204.302-.001v1.566c0%20.72-.583%201.313-1.327%201.38l-.14.007H1.952A1.85%201.85%200%2001.11%2013.271l-.006-.145V4.524l14.13-.001zm.671%203.521v2.959H9.64V8.045l5.265-.001zm-2.775.42a.925.925%200%20100%201.85.925.925%200%20000-1.85zm.117-8.44l.932%203.48H1.947l-.18-.672L12.246.024z%22/%3E%3C/svg%3E); } .salescenter-app-payment-by-sms-item-counter-icon-watch { background-position: center 5px; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2217%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.473.9a7.634%207.634%200%20016.385%2011.821l2.176%202.177c.391.391.389%201.028.004%201.413l-.427.427a1%201%200%2001-1.414-.004l-2.114-2.114A7.634%207.634%200%20118.473.9zm0%202.181a5.453%205.453%200%20103.487%209.645.966.966%200%2001.241-.398l.427-.427a.99.99%200%2001.28-.196%205.453%205.453%200%2000-4.435-8.623zm.001%201.904l.031.011L11.75%206.28c.083.039.115.113.113.238v4.076c0%20.093-.047.182-.11.207l-3.225%201.274a.21.21%200%2001-.135-.003l-3.196-1.264c-.063-.024-.111-.112-.112-.204V6.491c.002-.097.031-.18.112-.217l3.228-1.278c.007-.003.014-.008.021-.01.02-.005.038%200%20.06.01zm-.01.44l-2.68%201.06%202.68%201.06%202.679-1.057-2.679-1.064z%22/%3E%3C/svg%3E); } .salescenter-app-payment-by-sms-item-counter-icon-check { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAANElEQVQokWNgoAT8////wn/SwAKYRpIBikYiXUcDjTidRoTGBnQ86tSho5EUANNIau7YAACRzsg+rE9//wAAAABJRU5ErkJggg==); } .salescenter-app-payment-by-sms-item-counter-icon-check-sent { background-position: 8px center; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2219%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.94%208.878l4.652%204.651-4.652%204.652v-2.725H8.242v-3.588h4.696v-2.99zM12.892.984a1%201%200%20011%20.994l.014%202.503v.006l.001%203.645a7.03%207.03%200%2000-2.001.04V5.244l-.032-2.26H2.906v11h3.257a7.015%207.015%200%2000-.016%202.001h-4.24a1%201%200%2001-1-1v-13a1%201%200%20011-1h10.985zm-2.986%207v.84c-.412.209-.8.457-1.16.74h-3.84v-1.58h5zm0-3v1.58h-5v-1.58h5z%22/%3E%3C/svg%3E); } .salescenter-app-payment-by-sms-timeline-content-price { position: relative; margin: -3px 13px 0 0; display: inline-block; font: 23px/25px "OpenSans-Semibold", Helvetica, Arial, sans-serif; } .salescenter-app-payment-by-sms-timeline-content-price:before { content: '+'; } .salescenter-app-payment-by-sms-timeline-content-price-cur { font-family: 'rubleBitrix', 'OpenSans', sans-serif; opacity: .8; } .salescenter-app-payment-by-sms-timeline-content-text-strong { font-weight: 700; margin-right: 12px; } .salescenter-app-payment-by-sms-timeline-item-disabled .salescenter-app-payment-by-sms-timeline-content { opacity: .6; pointer-events: none; } .salescenter-app-payment-by-sms-timeline-item-disabled .salescenter-app-payment-by-sms-item-counter-icon { background-color: #c9cfd3; } .salescenter-app-payment-by-sms-item-container-select { font-size: 14px; line-height: 20px; color: #525c69; display: flex; align-items: center; margin: 0 7px 20px; } .salescenter-app-payment-by-sms-item-container-select-text { margin-right: 18px; } .salescenter-app-payment-by-sms-item-container-select-inner { border-radius: 17px; background: #e4e7ea; padding: 7px 15px 7px 19px; cursor: pointer; position: relative; display: flex; align-items: center; } .salescenter-app-payment-by-sms-item-container-select-arrow { opacity: .5; transition: opacity .2s linear; position: relative; top: -1px; display: block; width: 6px; height: 6px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(-45deg); border-color: #525c69; margin-left: 9px; } .salescenter-app-payment-by-sms-item-container-select-inner:hover .salescenter-app-payment-by-sms-item-container-select-arrow { opacity: .8; } .salescenter-app-payment-by-sms-item-container-select-item, .salescenter-app-payment-by-sms-select-popup-option { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #525c69; } .salescenter-app-payment-by-sms-select-popup { padding: 5px 0; } .salescenter-app-payment-by-sms-select-popup-option { border-radius: 15px; background: #e4e7ea; padding: 5px 13px; cursor: pointer; color: #525c69; width: 100%; box-sizing: border-box; } .salescenter-app-payment-by-sms-select-popup-option + .salescenter-app-payment-by-sms-select-popup-option { margin-top: 9px; } .salescenter-app-payment-by-sms-item-send .salescenter-app-payment-by-sms-item-container { padding-top: 6px; padding-bottom: 10px; } .salescenter-app-payment-by-sms-item-send .salescenter-app-payment-by-sms-item-container-payment-inline { display: flex; align-items: center; } .salescenter-app-payment-by-sms-item-send .salescenter-app-add-item-link { margin-left: 24px; } .salescenter-app-payment-by-sms-item-send .salescenter-app-payment-by-sms-item-counter-number { margin-top: 23px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.433%208.487L4.515%206.569%203.159%207.925l3.2%203.2.002-.001.073.073%205.953-5.952-1.356-1.356-4.598%204.598zm1.018%206.415A7.451%207.451%200%20117.451%200a7.451%207.451%200%20010%2014.902z%22/%3E%3C/svg%3E); } .salescenter-app-payment-by-sms-item-send .salescenter-app-payment-by-sms-item-counter-line { width: 1px; left: 31px; top: -5px; bottom: -5px; background: #d1d6da; opacity: 1; } .salescenter-app-payment-by-sms-item-send .salescenter-app-payment-by-sms-item-counter-number:after { content: ''; position: absolute; top: 15px; right: -15px; width: 15px; height: 1px; background: #e0e2e4; } .salescenter-app-payment-by-sms-item-disabled.salescenter-app-payment-by-sms-item-send, .salescenter-app-payment-by-sms-item-disabled.salescenter-app-payment-by-sms-item-send .salescenter-app-payment-by-sms-item-counter:after { background: #edf1f3; } .salescenter-app-payment-by-sms-item-disabled.salescenter-app-payment-by-sms-item-send .salescenter-app-add-item-link { display: none; } .salescenter-app-payment-by-sms-item-disabled.salescenter-app-payment-by-sms-item-send .ui-btn { opacity: .6; pointer-events: none; } .salescenter-app-input-counter { position: absolute; right: 0; top: 0; bottom: 0; display: block; width: 30px; z-index: 9; } .salescenter-app-input-counter-up, .salescenter-app-input-counter-down { position: absolute; width: 100%; left: 0; height: 50%; opacity: .4; cursor: pointer; } .salescenter-app-input-counter-up:hover, .salescenter-app-input-counter-down:hover { opacity: 1; } .salescenter-app-input-counter-up { top: 0; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%3E%3Cpath%20fill%3D%22%23828B95%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.89431692%2C5.70654635e-13%20L9.78863384%2C4.89431692%20L8.56505461%2C6.11789615%20L4.894%2C2.446%20L1.22357923%2C6.11789615%20L4.7206683e-13%2C4.89431692%20L3.671%2C1.223%20L3.67073769%2C1.22357923%20L4.89431692%2C5.70654635e-13%20Z%22/%3E%3C/svg%3E') center center no-repeat; background-position-y: 9px; } .salescenter-app-input-counter-down { bottom: 0; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%3E%3Cpath%20fill%3D%22%23828B95%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.67073769%2C4.89431692%20L3.671%2C4.894%20L1.24344979e-14%2C1.22357923%20L1.22357923%2C-9.48130463e-14%20L4.894%2C3.671%20L8.56505461%2C-4.20061311e-13%20L9.78863384%2C1.22357923%20L4.89431692%2C6.11789615%20L3.67073769%2C4.89431692%20Z%22/%3E%3C/svg%3E') center center no-repeat; background-position-y: 4px; } .ui-sidepanel-menu-item-border .ui-sidepanel-menu-link { height: auto; border-top: 1px solid rgba(82,92,105,.1); border-bottom: 1px solid rgba(82,92,105,.1); padding: 10px 0; margin: 10px 27px 13px 29px; } .ui-sidepanel-menu-item-sm .ui-sidepanel-menu-link-text { font-size: 13px; line-height: normal; color: #878f9b; } .ui-sidepanel-menu-item-sm .ui-sidepanel-menu-link { height: 27px; } .salescenter-app-ctl-label-text-link:hover span { border-bottom: 1px dashed rgba(130,139,149,.8); } .salescenter-app-ctl-label-text-link span, .salescenter-app-ctl-label-text-link select { color: #80868e; display: inline-block; border-bottom: 1px dashed rgba(130,139,149,.4); cursor: pointer; } .salescenter-app-ctl-label-text-link select { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; /* color: rgba(128,134,142,1); */ color: #0b66c3; line-height: 16px; background: none; border: none !important; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; cursor: pointer; } .salescenter-app-col-currency { position: relative; flex-direction: row; align-items: initial; } .salescenter-app-col-currency .ui-ctl-element { text-align: right; border-right: none; border-radius: 2px 0 0 2px; padding-right: 0 !important; } .salescenter-app-col-currency-symbol { display: flex; flex-direction: column; align-content: center; justify-content: center; max-width: 25px; min-width: 18px; text-align: center; white-space: nowrap; overflow: hidden; padding: 0 5px 0 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 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; } .salescenter-app-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; } .salescenter-app-col-currency-symbol-link:hover span { border-color: rgba(39,107,179,.8); } .ui-ctl-element:focus + .salescenter-app-col-currency-symbol, .ui-ctl-element:hover + .salescenter-app-col-currency-symbol { border-color: #66afe9; } .ui-ctl-element[disabled] + .salescenter-app-col-currency-symbol { border-color: #c6cdd3; background-color: #f4f4f4; color: #a9adb2; cursor: not-allowed; } .salescenter-app-col-currency .salescenter-app-col-select-hidden { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; z-index: 9; opacity: 0; cursor: pointer; } .salescenter-app-result-grid-total-big .salescenter-app-result-grid-item-currency { flex-basis: 95px; text-align: right; white-space: nowrap; padding-left: 5px } .salescenter-app-result-grid-total-sm .salescenter-app-result-grid-item-currency { flex-basis: 95px; text-align: right; white-space: nowrap; padding-left: 5px; } .salescenter-app-result-grid-item-currency-symbol { padding-left: 5px; color: rgba(82,92,105,.5); } .salescenter-ui-ctl-element { line-height: 39px; } .salescenter-app-payment-by-sms-item-container-alert { display: inline-flex; width: auto; padding: 11px 24px 11px 11px; min-width: calc(100% - 40px); margin-top: 6px; } .salescenter-app-payment-by-sms-item-container-alert a { margin-left: 12px; border-bottom: 1px dashed rgba(32, 102, 176, .4); color: #2066b0; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; } .salescenter-app-payment-by-sms-item-container-alert a:hover { text-decoration: none; border-color: rgba(32, 102, 176, 1); } .salescenter-app-payment-by-sms-item-container-alert .ui-alert-message { flex: 1; } .salescenter-app-payment-by-sms-item-container-alert-config { font-family: "OpenSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 12px; color: #535c69; text-align: center; cursor: pointer; } .salescenter-app-payment-by-sms-item-container-payment-item-img-del { position: absolute; left: 0; right: 0; top: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: 75%; } .salescenter-app-payment-by-sms-item-container-payment-item-img-del-title { bottom: 30px; } .salescenter-app-payment-by-sms-item-container-payment-item-img-del-title + .salescenter-app-payment-by-sms-item-container-payment-item-title-text { position: absolute; left: 0; right: 0; bottom: 15px; padding: 0 5px; } .salescenter-app-form-col-disabled { pointer-events: none; } .salescenter-app-form-col-prod { align-items: flex-end; display: flex; } .salescenter-app-form-col-img { margin-left: 12px; } .salescenter-app-form-container .adm-fileinput-drag-area, .salescenter-app-form-container .adm-fileinput-wrapper-single .adm-fileinput-drag-area { width: 37px; height: 37px; } .salescenter-app-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; } .salescenter-app-form-container div.adm-fileinput-item div.adm-fileinput-item-preview:before { height: 39px; } .salescenter-app-form-container .ui-image-input-container, .salescenter-app-form-container div.adm-fileinput-item-wrapper { height: 39px !important; } .salescenter-app-form-container .adm-fileinput-item-preview canvas { border: none; border-radius: 0; } .salescenter-app-form-container .ui-image-item-shadow { height: 39px !important; width: 39px !important; bottom: 0; left: 52%; top: 50%; } .salescenter-app-form-container .ui-image-item-shadow:after { transform: rotate(14deg); top: 0; left: 1px; right: 0; height: 101%; } .salescenter-app-form-container .ui-image-input-img-add { width: 22px; height: 22px; background-size: 10px; } .salescenter-app-form-container .ui-image-input-img { max-width: 37px; max-height: 37px; border: none; border-radius: 0; } .salescenter-app-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; } .salescenter-app-form-container .ui-image-input-img-inner:before, .salescenter-app-form-container .ui-image-input-img-inner:after { border-radius: 1px; } .salescenter-app-form-container .ui-image-input-img-inner:before { top: 0; bottom: 0; left: 0; right: -2px; transform: rotate(6deg); } .salescenter-app-form-container .ui-image-input-img-inner:after { top: 0; bottom: 0; left: 0; right: -3px; transform: rotate(13deg); height: 101%; } .salescenter-app-form-container .ui-image-input-img-block { z-index: 1; position: relative; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.8 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка