Your IP : 216.73.216.86
/* 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;
}