File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/components/bitrix/seo.ads.builder/templates/.default/configurator.css
Back
/* POPUPS */ .crm-ads-rtg-warning-popup-alert, .crm-ads-rtg-warning-popup-confirm { display: block; padding: 60px 0; border-bottom: 1px solid rgba(207, 213, 223, .5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font: 16px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #eb314b; text-align: center; min-width: 400px; } /* .crm-ads-rtg-warning-popup-alert:before { content: ''; display: inline-block; margin: 0 10px 3px 0; width: 21px; height: 18px; vertical-align: middle; } */ .crm-ads-rtg-warning-popup-confirm { color: #535c69; } /* MAIN */ .crm-ads-rtg-popup-settings-wrapper { padding: 23px 28px 31px; background: #f9fafa; } .crm-ads-rtg-popup-settings-wrapper-center { padding: 60px; text-align: center; } .crm-ads-rtg-popup-settings { clear: both; display: block; overflow: hidden; margin: 0; } .crm-ads-rtg-popup-settings-wrapper .crm-ads-rtg-popup-settings:last-child { margin: 0; } .crm-ads-rtg-popup-settings-title { min-width: 37px; display: inline-block; margin: 0 10px 0 0; font-size: 13px; color: #80868e; } .crm-ads-rtg-popup-settings-title-full { clear: both; display: block; margin: 0 0 5px 0; font-size: 13px; color: #80868e; } .crm-ads-rtg-popup-chk { display: inline-block; vertical-align: middle; margin: 0; } .crm-ads-rtg-popup-link { display: inline-block; margin: 0 10px 0 0; font-size: 13px; color: #80868e; text-decoration: underline; cursor: pointer; } .crm-ads-rtg-popup-chk-label { display: inline-block; vertical-align: middle; font-size: 13px; color: #80868e; line-height: 30px; padding: 0 5px; cursor: pointer; } .crm-ads-rtg-popup-settings-dropdown { display: inline-block; min-width: 380px; max-width: 500px; padding: 10px 27px 10px 10px; height: 38px; outline: none; margin: 0 20px 0 0; font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010.97%206.86%22%3E%3Cpolygon%20points%3D%225.49%204.11%201.37%200%200%201.37%204.8%206.17%205.49%206.86%2010.97%201.37%209.6%200%205.49%204.11%22%20fill%3D%22%23535c69%22/%3E%3C/svg%3E'); background-position: right 10px center; background-repeat: no-repeat; background-size: 11px 22px; background-color: #fff; line-height: 14px; color: #000000; border: 1px solid #c6cdd3; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; } .crm-ads-rtg-popup-settings-dropdown:disabled { opacity: .5; } .crm-ads-rtg-popup-settings-dropdown-sm { min-width: 50px; } .crm-ads-rtg-popup-settings-dropdown-narrow { width: calc(100% - 20px); } .crm-ads-rtg-popup-social { display: flex; align-items: center; overflow: hidden; height: 70px; padding: 0 22px; box-sizing: border-box; background: #fff; border: 1px solid rgba(82, 92, 104, 0.2); border-radius: var(--ui-border-radius-sm, 2px); position: relative; } .crm-ads-rtg-popup-social:before { content: ''; flex: 0 0 auto; overflow: hidden; height: 70px; margin: 0 18px 0 0; min-width: 85px; background: url(images/logo-services.png) no-repeat; } .crm-ads-rtg-popup-social-facebook:before { background-position: 0 -143px; width: 117px; } .crm-ads-rtg-popup-social-instagram:before { background-position: 0 -347px; width: 117px; } .crm-ads-rtg-popup-social-avatar { float: left; height: 33px; padding: 18px 0 18px 17px; position: relative; } .crm-ads-rtg-popup-social-facebook .crm-ads-rtg-popup-client { width: calc(100% - 118px); } .crm-ads-rtg-popup-social-instagram .crm-ads-rtg-popup-client { width: calc(100% - 132px); } .crm-ads-rtg-popup-social-avatar:before { content: ''; display: block; width: 1px; top: 19px; bottom: 19px; left: 0; position: absolute; background: #dcdee1; } .crm-ads-rtg-popup-social-avatar-icon { display: block; overflow: hidden; width: 41px; height: 41px; margin: -4px 0; background: #ccc; -webkit-border-radius: 50%; border-radius: 50%; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%23525C68%22/%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.4364902%2C31.4100231%20C30.4364902%2C29.9871769%2028.8398242%2C23.9680557%2028.8398242%2C23.9680557%20C28.8398242%2C23.0883414%2027.6898708%2C22.083459%2025.4253473%2C21.4978674%20C24.6581347%2C21.2838747%2023.9288072%2C20.9520366%2023.2634349%2C20.514215%20C23.1179216%2C20.4310645%2023.1400361%2C19.6628072%2023.1400361%2C19.6628072%20L22.4107003%2C19.5517925%20C22.4107003%2C19.4894296%2022.3483374%2C18.5681401%2022.3483374%2C18.5681401%20C23.2209751%2C18.274902%2023.1311903%2C16.5451067%2023.1311903%2C16.5451067%20C23.6853794%2C16.8524981%2024.0462878%2C15.4836113%2024.0462878%2C15.4836113%20C24.7017612%2C13.5817654%2023.719878%2C13.6967607%2023.719878%2C13.6967607%20C23.8916546%2C12.5357299%2023.8916546%2C11.3557413%2023.719878%2C10.1947105%20C23.283338%2C6.34325128%2016.7109122%2C7.38882426%2017.4902268%2C8.64669632%20C15.5693624%2C8.29286451%2016.0076715%2C12.6635719%2016.0076715%2C12.6635719%20L16.4243085%2C13.7953913%20C15.6060724%2C14.326139%2016.1748571%2C14.9679015%2016.2031636%2C15.7065254%20C16.243412%2C16.7972119%2016.9108272%2C16.5712018%2016.9108272%2C16.5712018%20C16.9519602%2C18.3713211%2017.8396357%2C18.6057347%2017.8396357%2C18.6057347%20C18.0063789%2C19.7362273%2017.9024408%2C19.5438313%2017.9024408%2C19.5438313%20L17.1125113%2C19.6393659%20C17.1232047%2C19.896452%2017.1022601%2C20.1538778%2017.0501485%2C20.405854%20C16.12134%2C20.8198372%2015.921425%2C21.0626543%2014.9983663%2C21.4673494%20C13.215054%2C22.2488754%2011.2769403%2C23.2652573%2010.9323966%2C24.6337018%20C10.5878529%2C26.0021463%209.56350982%2C31.4100231%209.56350982%2C31.4100231%20L30.4356056%2C31.4100231%20L30.4356056%2C31.4100231%20L30.4356056%2C31.4100231%20L30.4364902%2C31.4100231%20Z%22/%3E%3C/svg%3E%0A'); background-size: cover; background-position: center center; background-repeat: no-repeat; } .crm-ads-rtg-popup-social-user { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; /*max-width: 280px;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; } .crm-ads-rtg-popup-social-user-wrapper { display: block; width: 100%; overflow: hidden; } .crm-ads-rtg-popup-social-user-link { display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #0b66c3; font-weight: var(--ui-font-weight-bold); cursor: pointer; text-decoration: none; } .crm-ads-rtg-popup-social-user-link:hover { text-decoration: underline; } .crm-ads-rtg-popup-social-shutoff { float: right; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .crm-ads-rtg-popup-social-shutoff-link { display: inline-block; font-size: 12px; color: #80868e; text-decoration: none; } .crm-ads-rtg-popup-social-shutoff-link:hover { color: #80868e; text-decoration: underline; } .crm-ads-rtg-popup-settings-alert { font-size: 12px; color: #fe5957; } .crm-ads-rtg-popup-settings-alert a { color: #fe5957; text-decoration: underline; } .crm-ads-rtg-popup-settings-alert a:hover { color: #fe5957; text-decoration: underline; } .crm-ads-rtg-loader, .crm-ads-rtg-loader-sm { position: relative; height: 100px; width: 100px; margin: auto; } .crm-ads-rtg-loader-sm { width: 19px; height: 19px; } .crm-ads-rtg-loader-sm .crm-ads-rtg-path { stroke: #80868e; stroke-dasharray: 100, 200; } .crm-ads-rtg-loader:before { content: ''; display: block; padding-top: 100%; } .crm-ads-rtg-circular { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: inherit; width: inherit; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } .crm-ads-rtg-path { stroke: #ccc; stroke-dasharray: 60, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { transform: rotate(360deg); } } .crm-ads-rtg-table td { padding: 0 0 15px 0; } .crm-ads-rtg-table tr:last-child td { padding: 0; } .crm-ads-rtg-input { padding: 10px; } .crm-ads-rtg-input-label { margin: 0 0 6px 0; font: 13px/15px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #80868E; text-align: left; } .crm-ads-rtg-input-input { display: inline-block; padding: 7px 30px 7px 14px; width: 100%; height: 38px; border: none; -webkit-box-shadow: inset 0 0 0 1px #C6CDD3; box-shadow: inset 0 0 0 1px #C6CDD3; border-radius: 2px; font: 15px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #333; background: #fff; box-sizing: border-box; vertical-align: middle; transition: border-color .3s ease; -webkit-appearance: none; -moz-appearance: none; outline: none; text-indent: 1px; text-overflow: ''; } .crm-ads-rtg-input-input:focus { -webkit-box-shadow: inset 0 0 0 1px rgba(81, 203, 238, 1); box-shadow: inset 0 0 0 1px rgba(81, 203, 238, 1); } .crm-ads-rtg-popup-client { position: relative; } .crm-ads-rtg-popup-client-btn { margin-left: 18px; } .crm-ads-rtg-popup-social:after { content: ''; display: block; width: 1px; top: 17px; bottom: 19px; left: 156px; position: absolute; background: #dcdee1; height: 32px; } .crm-ads-rtg-gallery { flex-wrap: wrap; margin: -1rem -1rem; padding-bottom: 3rem; } .crm-ads-rtg-gallery-item { position: relative; flex: 1 0 22rem; margin: 1rem; color: #fff; cursor: pointer; max-height: 250px; max-width: 250px; } .crm-ads-rtg-gallery-item:hover .crm-ads-rtg-gallery-item-info, .crm-ads-rtg-gallery-item:focus .crm-ads-rtg-gallery-item-info { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .crm-ads-rtg-gallery-item-info { display: none; } .crm-ads-rtg-gallery-item-info li { display: inline-block; font-size: 1.7rem; font-weight: 600; } .crm-ads-rtg-gallery-item-likes { margin-right: 2.2rem; } .crm-ads-rtg-gallery-item-type { position: absolute; top: 1rem; right: 1rem; font-size: 2.5rem; text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1); } .crm-ads-rtg-gallery-image { width: 100%; height: 100%; object-fit: cover; } .sender-letter-edit-row { display: block; margin: 0 10px 26px 10px; } .side-panel-content-container { padding: 10px; } .crm-ads-rtg-field-main-subtitle { display: block; margin: 0 0 14px 0; font: 22px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); color: #333; } .crm-ads-rtg-field-box-subtitle { display: block; margin: 0 0 10px 0; font: 14px/22px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #828B95; } .crm-ads-rtg-field-box-subtitle-darken { display: block; margin: 0 0 15px 0; font: 14px/24px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #525C69; } .crm-ads-rtg-field-box-subtitle-tooltip { display: inline-block; width: 24px; height: 20px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23B1B7C5%22%20d%3D%22M11.273%205.637A5.637%205.637%200%201%201%200%205.637a5.637%205.637%200%200%201%2011.273%200zM3.46%204.16c0%20.134.056.258.168.373a.552.552%200%200%200%20.412.172c.275%200%20.463-.164.561-.492.105-.314.232-.551.383-.712.151-.161.387-.242.706-.242.273%200%20.496.08.668.24a.77.77%200%200%201%20.26.587c0%20.12-.029.23-.085.331a1.248%201.248%200%200%201-.21.277%209.099%209.099%200%200%201-.402.368c-.212.186-.38.346-.505.481a1.607%201.607%200%200%200-.3.47c-.076.179-.114.39-.114.634%200%20.194.051.341.154.44a.53.53%200%200%200%20.381.148c.29%200%20.463-.151.519-.453.032-.142.056-.242.072-.298a.914.914%200%200%201%20.067-.17.963.963%200%200%201%20.133-.187%203.02%203.02%200%200%201%20.237-.238c.357-.32.605-.546.743-.681.137-.135.257-.296.357-.482.1-.185.15-.402.15-.648%200-.314-.088-.604-.264-.871a1.808%201.808%200%200%200-.746-.634%202.54%202.54%200%200%200-1.115-.233c-.453%200-.85.093-1.189.279-.34.186-.598.42-.775.703-.177.283-.266.563-.266.838zm2.125%204.773a.661.661%200%200%200%20.453-.174.608.608%200%200%200%20.196-.48.627.627%200%200%200-.187-.46.627.627%200%200%200-.462-.188.647.647%200%200%200-.662.649c0%20.206.066.366.199.481a.685.685%200%200%200%20.463.172z%22/%3E%3C/svg%3E') center center no-repeat; background-size: 12px auto; vertical-align: bottom; transition: opacity .3s; opacity: .5; cursor: pointer; } .crm-ads-rtg-field-box-subtitle-tooltip:hover { opacity: 1; } .crm-ads-rtg-field-box-subtitle.subtitle-permissions { display: inline; margin: 0 0 10px 0; font: 16px/24px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #828B95; } .crm-ads-rtg-field-button-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .crm-ads-rtg-field-button-icon { margin: 0 2% 0 0; min-width: 33px; width: 17%; height: 34px; display: inline-block; background-position: center; background-repeat: no-repeat; } .crm-ads-rtg-field-button-android .crm-ads-rtg-field-button-icon, .crm-ads-rtg-field-button-ios .crm-ads-rtg-field-button-icon { background-size: 29px 29px; } .crm-ads-rtg-field-button-connect .crm-ads-rtg-field-button-icon, .crm-ads-rtg-field-button-create .crm-ads-rtg-field-button-icon { background-size: 33px 33px; } .crm-ads-rtg-field-button-connect .crm-ads-rtg-field-button-icon { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%2216.5%22%20fill%3D%22%2354CFF7%22/%3E%3Cpath%20fill%3D%22%23EAF9FE%22%20fill-rule%3D%22nonzero%22%20d%3D%22M18.283%2014.273c.246.246.374.587.352.934-.02.29-.146.564-.352.77-.479.451-1.226.451-1.704%200a1.82%201.82%200%200%200-2.573%200l-3.873%203.871a1.821%201.821%200%201%200%202.575%202.575l2.29-2.293a.303.303%200%200%201%20.33-.067c.617.251%201.277.379%201.942.376h.121a.303.303%200%200%201%20.216.52l-3.185%203.184a4.22%204.22%200%200%201-3%201.238%204.247%204.247%200%200%201-3.003-7.247l3.858-3.861a4.247%204.247%200%200%201%206.006%200zm5.851-5.851a4.247%204.247%200%200%201%200%206.006l-3.861%203.86a4.246%204.246%200%200%201-1.969%201.117h-.033l-.176.037-.097.018-.21.03h-.102c-.08%200-.15.015-.216.018l-.182.022H17.058a4.222%204.222%200%200%201-.452-.043%204.918%204.918%200%200%201-.367-.076l-.18-.048a2.41%202.41%200%200%201-.193-.064c-.064-.024-.13-.046-.195-.073-.063-.027-.127-.051-.19-.082a4.21%204.21%200%200%201-1.214-.849%201.213%201.213%200%200%201%200-1.71%201.244%201.244%200%200%201%201.705%200c.71.709%201.861.709%202.572%200l.995-.99.024-.027%202.845-2.842a1.821%201.821%200%201%200-2.575-2.575l-2.284%202.28a.303.303%200%200%201-.33.067%205.096%205.096%200%200%200-1.939-.379h-.112a.303.303%200%201%201-.221-.519l3.181-3.178a4.247%204.247%200%200%201%206.006%200z%22/%3E%3C/g%3E%3C/svg%3E'); } .crm-ads-rtg-field-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 2% 0 0; padding: 13px 12px 13px 12px; max-width: 55%; height: 62px; border-radius: 3px; border: 1px solid rgba(47, 198, 246, .32); background: rgba(93, 212, 249, .13); transition: box-shadow .3s; box-sizing: border-box; cursor: pointer; } .crm-ads-rtg-field-button:last-child { margin: 0; } .crm-ads-rtg-field-button:hover { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .12); } .crm-ads-rtg-field-button-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0 0 2%; white-space: nowrap; } .crm-ads-rtg-preview { float: right; /*display:none;*/ } .crm-ads-rtg-popup-settings .ui-slider-section { padding: 0; } .crm-ads-rtg-popup-settings-notice { color: #525C69; } .crm-ads-rtg-popup-settings-notice .ui-link { font-size: 14px; } .crm-ads-new-campaign-item-run-desc .ui-link:hover { cursor: pointer; font: 11px var(--ui-font-family-primary, var(--ui-font-family-helvetica));; color: var(--ui-link-color); } /* step-by-step form*/ .bx-sender-letter-step-2 { padding: 0; } .crm-ads-new-campaign { background: #e6eaed; padding: 22px 19px 19px; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); } .crm-ads-new-campaign-title { color: #3C4043; font-size: 18px; line-height: 24px; margin-bottom: 20px; } .crm-ads-new-campaign-item { background: #fff; display: flex; } .crm-ads-new-campaign-item + .crm-ads-new-campaign-item { margin-top: 10px; } .crm-ads-new-campaign-item-counter { width: 59px; position: relative; } .crm-ads-new-campaign-item-line { content: ''; position: absolute; top: 0; left: 30px; width: 3px; background: #9dcf00; bottom: 0; opacity: .5; z-index: 9; } .crm-ads-new-campaign-item--inactive { background: #c9cfd3 !important; } .crm-ads-new-campaign-item--total .crm-ads-new-campaign-item-line { background: #98e3fb; } .crm-ads-new-campaign-item-number { margin: 14px 0 0 16px; position: relative; background: #9dcf00; width: 31px; height: 31px; border-radius: 100%; z-index: 99; } .crm-ads-new-campaign-item-number-checker { 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; } .crm-ads-new-campaign-item-number-text { z-index: 9; text-align: center; font: 16px/31px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-bold, 700); color: #fff; } .crm-ads-new-campaign-item-block { flex: 1; margin: 17px 21px 0 0; } .crm-ads-new-campaign-item-header { color: #333; font-size: 18px; line-height: 24px; display: flex; align-items: center; padding: 0 1px 16px 1px; } .crm-ads-new-campaign-item-link, .crm-ads-new-campaign-item-link:hover { margin-left: 13px; font-size: 14px; line-height: 18px; flex-shrink: 0; } .crm-ads-new-campaign-item-expert { margin-left: auto; flex-shrink: 0; } .crm-ads-new-campaign-item-expert-switcher { margin-top: 7px; vertical-align: top; } .crm-ads-new-campaign-item-expert-text { color: #80868E; font-size: 14px; margin-right: 9px; } .crm-ads-new-campaign-item-desc { color: #a8adb4; font: 14px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .crm-ads-new-campaign-item-arrow { margin-left: auto; width: 30px; height: 24px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%229%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.667.151L9.14%204.678%207.999%205.801%206.88%204.678%202.353.151.756%201.748%208.01%209.003l7.254-7.255z%22/%3E%3C/svg%3E) no-repeat center top 12px; cursor: pointer; opacity: .8; transition: all .2s linear; } .crm-ads-new-campaign-item-arrow:hover { opacity: 1; } .crm-ads-new-campaign-item-content .ui-slider-section-icon { padding: 0; align-items: center; } .crm-ads-new-campaign-item-content { transition: all .2s linear; opacity: 1; padding: 0 2px; } .crm-ads-new-campaign-item:first-child .crm-ads-new-campaign-item-content { overflow: hidden; } .crm-ads-new-campaign-item-content-inner { padding: 16px 0 30px; border-top: 1px solid #edeef0; } .crm-ads-new-campaign-item-posts { display: flex; flex-wrap: wrap; margin-top: 20px; } .crm-ads-new-campaign-item-post { border-radius: 4px; border: 1px solid #e4e6eb; width: 277px; margin-right: 20px; padding: 13px 11px 17px; box-sizing: border-box; position: relative; } .crm-ads-new-campaign-item-post:nth-child(3n) { margin-right: 0; } .crm-ads-new-campaign-item-post-img { width: 253px; height: 253px; margin-bottom: 12px; cursor: pointer; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(images/example.png); } .crm-ads-new-campaign-item-post-text { color: #444; line-height: 18px; } .crm-ads-new-campaign-item-post-delete { position: absolute; top: -13px; right: -13px; width: 27px; height: 27px; border-radius: 50%; cursor: pointer; background: #f55934 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.679%202.761L8.94%206.5l3.738%203.739-2.44%202.44-3.74-3.738-3.737%203.739L.32%2010.238l3.738-3.739L.321%202.761%202.76.321%206.5%204.058%2010.238.321l2.44%202.44z%22/%3E%3C/svg%3E) no-repeat center; opacity: 0; transition: opacity .2s linear; } .crm-ads-new-campaign-item-post:hover .crm-ads-new-campaign-item-post-delete { opacity: 1; } .crm-ads-new-campaign-item-post-new { padding-bottom: 60px; } .crm-ads-new-campaign-item-post-new .crm-ads-new-campaign-item-post-img { border: 1px dashed rgba(47, 198, 246, .64); transition: border-color .2s linear; background: #f6fdff; position: relative; border-radius: 3px; } .crm-ads-new-campaign-item-post-new .crm-ads-new-campaign-item-post-img:hover { border-color: rgba(47, 198, 246, 1); } .crm-ads-new-campaign-item-post-new .crm-ads-new-campaign-item-post-img:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 73px; height: 73px; border-radius: 50%; background: #2fc6f6 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.562.068v12.111h12.111v5.383H17.562v12.111H12.18V17.562H.068V12.18h12.111V.068h5.383z%22/%3E%3C/svg%3E) no-repeat center; } .crm-ads-new-campaign-item-post-new-text { background: #e7e8ed; position: relative; height: 8px; } .crm-ads-new-campaign-item-post-new-text:before, .crm-ads-new-campaign-item-post-new-text:after { content: ''; height: 8px; position: absolute; background: #e7e8ed; } .crm-ads-new-campaign-item-post-new-text:before { width: 100%; top: 20px; } .crm-ads-new-campaign-item-post-new-text:after { width: 50%; top: 40px; } .crm-ads-new-campaign-item-facebook{ border-radius: 0; background-color: transparent; } .crm-ads-new-campaign-item-instagram { border-radius: 0; background-color: transparent; } .crm-ads-new-campaign-item-instagram > i { background-image: url(images/logo-instagram.svg); border-radius: 0; } .crm-ads-new-campaign-item-facebook > i { --ui-icon-service-bg-color: #38659f; background-image: url(images/logo-facebook.svg); border-radius: 27px; } .crm-ads-new-campaign-item-options { display: flex; margin: 30px 0; } .crm-ads-new-campaign-item-option { flex: 1; border-radius: 2px; box-shadow: 0 0 0 1px #cccfd3; padding: 15px 15px 19px; cursor: pointer; position: relative; display: flex; flex-direction: column; align-items: flex-start; } .crm-ads-new-campaign-item-option + .crm-ads-new-campaign-item-option { margin-left: 16px; } .crm-ads-new-campaign-item-option-label { display: inline-block; vertical-align: top; font: 11px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: #b1b5bb; background: #f1f1f3; border: 1px solid transparent; border-radius: 11px; padding: 1px 11px 1px 9px; margin-bottom: 12px; } .crm-ads-new-campaign-item-option-subtitle { color: #333; font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); margin-bottom: 12px; } .crm-ads-new-campaign-item-option-text { color: #858C96; font: 13px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); padding-bottom: 6px; } .crm-ads-new-campaign-item-option--selected { box-shadow: 0 0 0 2px #2fc6f6; } .crm-ads-new-campaign-item-option--selected:before { content: ''; position: absolute; top: -10px; right: -10px; width: 27px; height: 27px; background: #00b0e8 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.099%208.192L13.541.806l2.252%202.276-9.659%209.628-.035-.036-.036.036L.155%206.96l2.252-2.276z%22/%3E%3C/svg%3E) no-repeat center; border-radius: 50%; } .crm-ads-new-campaign-item-subtitle { margin: 0 0 22px; padding: 0 11px 12px 0; border-bottom: 1px solid #edeef0; color: #535c69; font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-weight: var(--ui-font-weight-bold); } .crm-ads-new-campaign-item-option-notice { margin-top: auto; color: #525c69; font-size: 13px; line-height: 17px; } .crm-ads-new-campaign-item-cost { border-radius: 8px; background: #e5f9ff; text-align: center; margin-bottom: 15px; padding: 23px 20px 20px; } .crm-ads-new-campaign-item-cost-value { color: #3c4043; font-size: 36px; line-height: 42px; margin-bottom: 3px; } .crm-ads-new-campaign-item-cost-desc { color: #9098af; font-size: 16px; line-height: 22px; } .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-desc { color: #525c69; } .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-options { flex-wrap: wrap; margin: 20px 0 0; } .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-option { flex: auto; width: 45%; margin-right: 16px; margin-bottom: 16px; max-width: 500px; } .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-option:nth-child(2n) { margin-right: 0; } .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-option + .crm-ads-new-campaign-item-option { margin-left: 0; } .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-option-label { border-color: #e9eaec; background: #fff; } .crm-ads-new-campaign-item-option--selected .crm-ads-new-campaign-item-option-label { color: #fff; background: #77d9e6; border-color: transparent; } .crm-ads-new-campaign-item-rub { font-family: "rubleBitrix", var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); } .crm-ads-new-campaign-item-option-price { color: #333; margin-top: auto; font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); } .crm-ads-new-campaign-item-geo { color: #525c69; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .crm-ads-new-campaign-item-geo-subject { opacity: .5; margin-bottom: 5px; } .crm-ads-new-campaign-item-geo-title { margin-bottom: 9px; } .crm-ads-new-campaign-item-geo-list { margin: 0 0 24px; padding: 0; list-style: none; } .crm-ads-new-campaign-item-geo-item { position: relative; padding-left: 18px; margin-bottom: 3px; } .crm-ads-new-campaign-item-geo-item:before { content: ""; position: absolute; left: 1px; top: 4px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%2312B1E3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.785%200A4.799%204.799%200%2000.972%204.813c0%202.23%201.344%204.985%204.033%208.264a1%201%200%20001.551-.006c2.694-3.34%204.041-6.092%204.041-8.258A4.799%204.799%200%20005.785%200zm0%207a2.167%202.167%200%2001-2.188-2.188c0-1.225.962-2.188%202.188-2.188%201.224%200%202.187.962%202.187%202.188A2.167%202.167%200%20015.785%207z%22/%3E%3C/svg%3E); width: 11px; height: 14px; } .crm-ads-new-campaign-item-total { display: flex; justify-content: space-between; } .crm-ads-new-campaign-item--total .crm-ads-new-campaign-item-content-inner { padding-top: 27px; } .crm-ads-new-campaign-item-total-preview { max-width: 300px; width: 300px; } .crm-ads-new-campaign-item-total-info { max-width: 500px; color: #525c69; font: 14px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); margin-right: 25px; } .crm-ads-new-campaign-item-total-info .ui-link { font-size: 14px; } .crm-ads-new-campaign-item-total-label { opacity: .5; margin-bottom: 6px; display: block; } .crm-ads-new-campaign-item-total-item + .crm-ads-new-campaign-item-total-item { margin-top: 9px; } .crm-ads-new-campaign-item-total-desc { padding-bottom: 28px; margin-bottom: 18px; border-bottom: 1px solid #edeef0; } .crm-ads-new-campaign-item-total-title { color: #3c4043; font-weight: var(--ui-font-weight-bold); margin-bottom: 10px; } .crm-ads-new-campaign-item-total-block { color: #7d808c; display: flex; justify-content: space-between; align-items: center; } .crm-ads-new-campaign-item-total-block + .crm-ads-new-campaign-item-total-block { margin-top: 7px; } .crm-ads-new-campaign-item-total-block:last-child { font-weight: var(--ui-font-weight-bold); } .crm-ads-new-campaign-item-total-preview-img { margin-bottom: 0; width: 300px; height: 300px; background: #edeef0 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2267%22%20height%3D%2267%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.792%200h50.645a7.792%207.792%200%20017.791%207.792v50.645a7.792%207.792%200%2001-7.791%207.791H7.792A7.792%207.792%200%20010%2058.437V7.792A7.792%207.792%200%20017.792%200zm.201%2058.235h50.47v-3.882l-13.457-15.53-6.73%207.766L21.45%2027.176%207.993%2042.705v15.53zm39.014-32.533a6.512%206.512%200%20100-13.023%206.512%206.512%200%20000%2013.023z%22/%3E%3C/svg%3E) no-repeat center; } .crm-ads-new-campaign-item-total-preview-img-value { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(images/example.png); width: 100%; height: 100%; } .crm-ads-new-campaign-item-total-preview-text { background: #d2000d; color: #fff; font: 12px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); padding: 10px 17px 9px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; min-height: 35px; box-sizing: border-box; } .crm-ads-new-campaign-item-total-preview-text:after { content: ''; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; 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%2216%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.16%202.344l4.527%204.527L5.86%208%204.687%209.13.16%2013.657l1.598%201.598L9.012%208%201.758.746z%22/%3E%3C/svg%3E) no-repeat center; } .crm-ads-new-campaign-item-run { display: flex; align-items: center; } .crm-ads-new-campaign-item--run .crm-ads-new-campaign-item-block { margin: 17px 0 22px; } .crm-ads-new-campaign-item--run .crm-ads-new-campaign-item-number { margin-top: 25px; } .crm-ads-new-campaign-item--run .crm-ads-new-campaign-item-number:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; background: 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) no-repeat center; border-radius: 50%; } .crm-ads-new-campaign-item-run-desc { color: #7d808c; opacity: .6; margin: 0; font: 11px/15px var(--ui-font-family-primary, var(--ui-font-family-helvetica)) !important; } .crm-ads-new-campaign-item-run-desc a { font-size: 11px; line-height: 15px; } .crm-ads-new-campaign-item-run-btn { margin-right: 20px; position: relative; } .crm-ads-new-campaign-item-run-btn:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -18px; width: 20px; height: 1px; background: #e0e2e4; } .crm-ads-new-campaign-item--hide .crm-ads-new-campaign-item-content { opacity: 0; height: 0; } .crm-ads-new-campaign-item--hide .crm-ads-new-campaign-item-arrow { transform: rotate(-180deg) translateY(-6px); } .crm-ads-new-campaign-item-expert-block { border-radius: 3px; border: 1px solid #cccfd3; max-width: 600px; position: relative; color: #333; padding: 12px 18px 18px 16px; box-sizing: border-box; } .crm-ads-new-campaign-item-expert-title, .crm-ads-new-campaign-item-expert-subtitle { color: #858c96; font: 13px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); margin-bottom: 8px; } .crm-ads-new-campaign-item-expert-subtitle { margin-bottom: 3px; } .crm-ads-new-campaign-item-expert-value { font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); } .crm-ads-new-campaign-item-expert-change { position: absolute; top: 14px; right: 16px; font: 13px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); text-transform: uppercase; cursor: pointer; padding-right: 19px; } .crm-ads-new-campaign-item-expert-change:before { content: ''; width: 12px; height: 10px; opacity: .5; transition: all .2s linear; position: absolute; right: 0; top: 4px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%229%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.667.151L9.14%204.678%207.999%205.801%206.88%204.678%202.353.151.756%201.748%208.01%209.003l7.254-7.255z%22/%3E%3C/svg%3E) no-repeat center; background-size: contain; } .crm-ads-new-campaign-item-expert-change:hover:before { opacity: 1; } .crm-ads-new-campaign-item-expert-img { display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; margin-right: 13px; background-color: #ccc; } .crm-ads-new-campaign-item-expert-site { display: flex; align-items: center; margin-bottom: 12px; padding-left: 2px; } .crm-ads-new-campaign-item-expert-content { padding-bottom: 16px; } .crm-ads-new-campaign-item-expert-footer { border-top: 1px solid #eeedf0; padding-top: 16px; } .crm-ads-new-campaign-item-expert-btn { outline: 0; border: 1px solid #d5d9db; background: transparent; border-radius: 14px; color: #515e68; cursor: pointer; padding: 2px 11px 4px 34px; position: relative; font: 13px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); } .crm-ads-new-campaign-item-expert-btn + .crm-ads-new-campaign-item-expert-btn { margin-left: 12px; } .crm-ads-new-campaign-item-expert-btn--copy { 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%3E%3Cpath%20fill%3D%22%23858C96%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.912%206.343L10.284%208.97a3.715%203.715%200%2001-5.255%200%203.712%203.712%200%2001-.564-.749L5.686%207c.058-.059.13-.092.199-.132.084.289.231.562.458.789a1.86%201.86%200%20002.627%200l2.628-2.627a1.86%201.86%200%20000-2.628%201.86%201.86%200%2000-2.628%200l-.934.935a4.662%204.662%200%2000-2.37-.258l1.99-1.99a3.716%203.716%200%20015.256%205.254zm-6.948%204.32l-.935.936a1.861%201.861%200%2001-2.627%200%201.86%201.86%200%20010-2.629l2.627-2.627a1.859%201.859%200%20012.628%200c.226.227.374.5.459.788.069-.04.14-.073.197-.131l1.222-1.22a3.652%203.652%200%2000-.565-.75%203.716%203.716%200%2000-5.255%200L1.088%207.657a3.716%203.716%200%20005.255%205.255l1.992-1.991a4.659%204.659%200%2001-2.37-.258z%22/%3E%3C/svg%3E) no-repeat left 11px center; } .crm-ads-new-campaign-item-expert-btn--preview { background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23858c96%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.235%200v2.117H3.118a1%201%200%2000-.994.884l-.006.117v5.764A1%201%200%20003%209.876l.117.006h5.764A1%201%200%20009.876%209l.006-.117V7.764H12V10a2%202%200%2001-2%202H2a2%202%200%2001-2-2V2a2%202%200%20012-2h2.235zM12%200v6.353L9.597%203.95%206.645%206.902%205.148%205.405%208.1%202.452%205.647%200H12z%22/%3E%3C/svg%3E) no-repeat left 11px center; } .crm-ads-new-campaign-item--ads .crm-ads-new-campaign-item-expert-block { padding-bottom: 0; padding-top: 20px; } .crm-ads-new-campaign-item--ads .crm-ads-new-campaign-item-desc { color: #525c69; } .crm-ads-new-campaign-item-expert-row + .crm-ads-new-campaign-item-expert-row { margin-top: 23px; } .crm-ads-new-campaign-item-runner-title { color: #525c69; margin-bottom: 10px; font: 14px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .crm-ads-new-campaign-item-runner-block { border-radius: 3px; border: 1px solid #d2d5d9; text-align: center; padding: 15px 18px; } .crm-ads-new-campaign-item-runner-label { color: #333; font: 17px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); } .crm-ads-new-campaign-item-runner-desc { color: #858d96; font: 10px/14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); } .crm-ads-new-campaign-item-runner-input { width: 100%; -webkit-appearance: none; position: relative; background-color: transparent; } .crm-ads-new-campaign-item-expert-runner { margin-bottom: 27px; } .crm-ads-new-campaign-item-runner-input:focus { outline: none; } .crm-ads-new-campaign-item-runner-input::-webkit-slider-runnable-track { background: transparent; border: 0; border-radius: 5px; width: 100%; height: 5px; cursor: pointer; z-index: 1; -webkit-appearance: none; } .crm-ads-new-campaign-item-runner-input::-webkit-slider-thumb { margin-top: -12px; width: 40px; height: 29px; background: #57d1f7 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%229%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22%3E%3Cpath%20d%3D%22M0%200h1v9H0zM3%200h1v9H3zM6%200h1v9H6zM9%200h1v9H9z%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center; border: 3px solid #fff; border-radius: 18px; cursor: pointer; -webkit-appearance: none; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05); z-index: 2; box-sizing: border-box; position: relative; pointer-events: auto; } .crm-ads-new-campaign-item-runner-input:focus::-webkit-slider-runnable-track { background: transparent; z-index: 0; } .crm-ads-new-campaign-item-runner-input:focus::-webkit-slider-thumb { z-index: 200000; } .crm-ads-new-campaign-item-runner-input::-moz-range-track { background: transparent; border: 0; border-radius: 5px; width: 100%; height: 5px; cursor: pointer; position: relative; z-index: -2; } .crm-ads-new-campaign-item-runner-input::-moz-range-thumb { width: 34px; height: 23px; background: #57d1f7 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%229%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22%3E%3Cpath%20d%3D%22M0%200h1v9H0zM3%200h1v9H3zM6%200h1v9H6zM9%200h1v9H9z%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center; border: 3px solid #fff; border-radius: 18px; cursor: pointer; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05); z-index: 2; position: relative; pointer-events: auto; } .crm-ads-new-campaign-item-runner-input::-ms-track { background: transparent; border-color: transparent; border-width: 12px 0; color: transparent; width: 100%; height: 5px; cursor: pointer; border-radius: 5px; } .crm-ads-new-campaign-item-runner-input::-ms-fill-lower, .crm-ads-new-campaign-item-runner-input::-ms-fill-upper { background: #eaf9fe; border: 0; border-radius: 2.6px; } .crm-ads-new-campaign-item-runner-input::-ms-thumb { width: 34px; height: 23px; background: #57d1f7 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%229%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.3%22%3E%3Cpath%20d%3D%22M0%200h1v9H0zM3%200h1v9H3zM6%200h1v9H6zM9%200h1v9H9z%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center; border: 3px solid #fff; border-radius: 18px; cursor: pointer; margin-top: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05); z-index: 2000; position: relative; pointer-events: auto; } .crm-ads-new-campaign-item-runner-input:focus::-ms-fill-lower { background: #eaf9fe; } .crm-ads-new-campaign-item-runner-input:focus::-ms-fill-upper { background: #fff; } .crm-ads-new-campaign-item-runner-inner { position: relative; margin: 10px 0; } .crm-ads-new-campaign-item-runner-value { position: absolute; top: 8px; left: 0; width: 50%; height: 5px; background: #2fc6f6; z-index: 0; pointer-events: none; border-radius: 5px; } .crm-ads-new-campaign-item-runner-fill { position: absolute; width: 100%; height: 5px; top: 8px; z-index: 0; background: #eaf9fe; border-radius: 5px; } .crm-ads-new-campaign-expert { padding: 25px; background: #fff; } .crm-ads-new-campaign-expert .sender-letter-edit-row { margin: 0; } .crm-ads-new-campaign-expert-field { margin-bottom: 25px; } .crm-ads-new-campaign-expert-name { color: #525c69; margin-bottom: 10px; } .crm-ads-new-campaign-expert-item { height: 54px; width: 210px; border: 1px solid #E2E4E6; border-radius: 3px; display: flex; align-items: center; padding-left: 16px; box-sizing: border-box; color: #333; transition: border .2s linear; cursor: pointer; } .crm-ads-new-campaign-expert-input { margin-right: 8px; } .crm-ads-new-campaign-expert-item + .crm-ads-new-campaign-expert-item { margin-left: 17px; } .crm-ads-new-campaign-expert-field-inner { display: flex; align-items: center; } .crm-ads-new-campaign-expert-item--selected { border-color: #61d3f8; box-shadow: 0 0 0 1px #61d3f8; } .crm-ads-new-campaign-expert-item--selected .crm-ads-new-campaign-expert-item { font-weight: var(--ui-font-weight-bold); } .crm-ads-new-campaign-expert-desc { opacity: .4; color: #3c4043; font: 12px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); margin-top: 8px; } .crm-ads-new-campaign-item-runner-block--double { padding-top: 35px; } .crm-ads-new-campaign-item-runner-block--double .crm-ads-new-campaign-item-runner-inner { display: grid; } .crm-ads-new-campaign-item-runner-block--double .crm-ads-new-campaign-item-runner-input { margin: 0; grid-column: 1; grid-row: 2; pointer-events: none; height: 5px; } .crm-ads-new-campaign-item-runner-block--double .crm-ads-new-campaign-item-runner-label { position: absolute; top: -37px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .crm-ads-new-campaign-item-runner-block--double .crm-ads-new-campaign-item-runner-value, .crm-ads-new-campaign-item-runner-block--double .crm-ads-new-campaign-item-runner-fill { top: 0; } .crm-ads-new-campaign-item-runner-label[for="min"] { left: 240px; } .crm-ads-new-campaign-item-runner-label[for="max"] { left: 590px; } .crm-ads-new-campaign-item-content-account { margin-left: 113px; background: #f9fafa; display: flex; align-items: flex-end; padding: 21px 27px 31px; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)) !important; } .crm-ads-new-campaign-item-content-account + .crm-ads-new-campaign-item-content-account { margin-top: 10px; } .crm-ads-new-campaign-item-content-account-label { color: #525C69; opacity: .5; font-size: 13px; line-height: 18px; margin-bottom: 5px; } .crm-ads-new-campaign-item-content-account-notice { color: #525C69; margin: 0 0 12px 28px; } .crm-ads-new-campaign-item-content-currency { background: #e5f9ff; margin: 10px 0 0 113px; font: 13px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica)) !important; padding: 22px 28px 27px; } .crm-ads-new-campaign-item-content-currency-title { color: #80868E; font-weight: var(--ui-font-weight-bold); margin-bottom: 6px; } .crm-ads-new-campaign-item-content-currency-desc { color: #80868E; margin-bottom: 22px; } .crm-ads-new-campaign-item-content-currency-subtitle { color: #A8ADB4; margin-bottom: 5px; } .crm-ads-new-campaign-item-content-currency-block { display: flex; align-items: center; } .crm-ads-new-campaign-item-content-currency-block .ui-ctl { max-width: 130px; } .crm-ads-new-campaign-item-content-currency-value { color: #333; font-size: 14px; line-height: 20px; background: #d3f3fe; border-radius: 3px; display: inline-block; vertical-align: top; padding: 10px 10px 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 92px; max-width: 200px; margin-bottom: 19px; box-sizing: border-box; } .crm-ads-new-campaign-item-content-currency-rate { margin-bottom: 23px; } .crm-ads-new-campaign-item-content-currency-name { margin: 0 4px 0 12px; text-transform: uppercase; color: #333; font-size: 14px; line-height: 20px; } .crm-ads-new-campaign-item-content-currency-equal { margin-right: 24px; } .crm-ads-new-campaign-expert-label { color: #A8ADB4; font: 13px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)) !important; margin-bottom: 4px; display: inline-block; } .crm-ads-new-campaign-expert-btn { display: flex; align-items: center; justify-content: space-between; } .crm-ads-new-campaign-expert-btn-value { background: #d2000d; color: #fff; font: 12px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); padding: 10px 17px 9px; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; min-height: 35px; box-sizing: border-box; width: 300px; } .crm-ads-new-campaign-expert-btn-value::after { content: ''; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; 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%2216%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.16%202.344l4.527%204.527L5.86%208%204.687%209.13.16%2013.657l1.598%201.598L9.012%208%201.758.746z%22/%3E%3C/svg%3E) no-repeat center; } .crm-ads-new-campaign-expert-select { width: 50%; margin-right: 20px; } .crm-ads-new-campaign-expert-header { color: #3c4043; font-size: 18px; line-height: 24px; margin-bottom: 23px; } @media (max-width: 830px) { .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-option, .crm-ads-new-campaign-item--cost .crm-ads-new-campaign-item-option + .crm-ads-new-campaign-item-option { margin-right: 8px; } .crm-ads-new-campaign-item-post { margin-bottom: 10px; } } /* temporary*/ #seo-ads- { display: none; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.24 |
proxy
|
phpinfo
|
Settings