

/* Start:/bitrix/components/bitrix/crm.1c.start/templates/.default/style.css?17612704969073*/
.onec-block { padding-bottom: 10px; }

.onec-wrap {
	padding-top: 25px;
	border-top: 1px solid rgba(82, 92, 105, .1);
}

.onec-slider { padding: 0 21px 0 25px; }

.onec-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	margin: 0 auto;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.onec-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	box-sizing: border-box;
	min-height: 105px;
	width: 179px;
	height: 50px;
	border-radius: 1px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	cursor: pointer;
	transition: all .2s linear;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.onec-item:hover {
	box-shadow: rgba(0, 0, 0, 0.15) 0 4px 10px;
	transition: all 0.15s linear;
	transform: translate(0, -1px);
}

.onec-name-text {
	display: inline-block;
	overflow: hidden;
	max-width: 130px;
	color: #525c69;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: 13px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}
.onec-placement-block .ui-tile-list-item { padding: 0; }
.onec-logo-container { margin-bottom: 10px; }

.onec-logo {
	display: inline-block;
	box-sizing: border-box;
	width: 42px;
	height: 42px;
	border: 1px solid transparent;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.onec-item-selected {
	border: none;
	border-radius: 3px;
}

.onec-item-selected:before {
	position: absolute;
	bottom: 9px;
	left: 14px;
	width: 12px;
	height: 10px;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%3Cg%20id%3D%22Canvas%22%20fill%3D%22none%22%3E%0A%3Cg%20id%3D%22Combined%20Shape%22%20opacity%3D%220.4%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M%200.0296066%205.46273L%200%205.46273L%200%200L%201.89733%200L%201.89733%203.59501L%2010.9392%203.59505L%2010.9392%205.49238L%200.0296498%205.49238L%200.0296066%205.46273Z%22%20transform%3D%22matrix%280.707107%20-0.707107%200.707107%200.707107%200%205.73523%29%22%20fill%3D%22white%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E%0A%0A);
	content: '';
}

.onec-item-selected .onec-logo { border-color: rgba(255, 255, 255, .6); }

.onec-item-selected .onec-name-text { color: #fff; }

.onec-item-green { background: #90be00; }

.onec-item-cyan { background: #2fc6f6; }

.onec-item-red { background: #ff5752; }

.onec-item-azure { background: #55d0e0; }

.onec-item-vkblue { background: #3871ba; }

.onec-item-orange { background: #ffa900; }

.onec-item-blue { background: #3e7cac; }

.onec-item-darkblue { background: #38659f; }

.onec-item-lightblue { background: #02aff0; }

.onec-item-darkgreen { background: #00b4ac; }

.onec-item-purple { background: #d56c9a; }

.onec-logo-common { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2226%22%20viewBox%3D%220%200%2025%2026%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%3E%0A%3Cg%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M%2011.9912%200.0357666C%2012.0116%200.0251465%2012.0314%200.0148315%2012.0505%200.0090332C%2012.1235%20-0.0119019%2012.1858%200.00463867%2012.2653%200.0452271L%2023.8947%204.66113C%2024.1931%204.79938%2024.3047%205.06384%2024.2983%205.51459L%2024.2983%2020.1678C%2024.3005%2020.4999%2024.1309%2020.8199%2023.9032%2020.9131L%2012.3425%2025.4929C%2012.189%2025.5349%2012.0033%2025.5439%2011.8616%2025.4808L%200.403687%2020.9373C%200.176086%2020.8486%200.00323486%2020.5345%200%2020.204L%200%205.41846C%200.00860596%205.06989%200.113831%204.77386%200.403687%204.63715L%2011.9731%200.045105L%2011.9912%200.0357666ZM%2021.7218%205.40631L%2012.1191%201.58374L%202.508%205.39429L%2012.1191%209.20477L%2021.7218%205.40631Z%22%20fill%3D%22%23FFFFFF%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E%0A%0A); }

.onec-list-item-add { border-bottom: 2px solid #f0f1f2; }

.crm-onec-section {
	margin-bottom: 15px;
	padding: 20px;
	background-color: #fff;
}

.crm-onec-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.crm-onec-header-left-block { padding-right: 37px; }

.crm-onec-header-title {
	margin-bottom: 20px;
	color: #000;
	font: 22px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-light, 300);
}

.crm-onec-header-right-block { }

.crm-onec-separator {
	margin: 20px 0;
	border: none;
	border-bottom: 1px solid #e9e9e9;
}

.crm-onec-logo {
	min-width: 97px;
	max-width: 100%;
	height: auto;
}

.crm-onec-header-futures-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	max-width: 650px;
	-webkit-box-align: stretch;
	align-items: stretch;
}

.crm-onec-header-futures-block { padding: 0 10px; }

.crm-onec-header-futures-block:first-child { padding-left: 0; }

.crm-onec-header-futures-block:last-child { padding-right: 0; }

.crm-onec-header-futures {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding: 10px;
	border-radius: 4px;
	-webkit-box-align: center;
	align-items: center;
}

.crm-onec-header-futures-text {
	color: #000;
	font: 15px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.crm-onec-header-futures-icon {
	display: block;
	margin-right: 8px;
	min-width: 35px;
	max-width: 35px;
	width: 35px;
	height: 35px;
	background: center no-repeat;
}

.crm-onec-header-futures-icon.icon-1 { background-image: url(/bitrix/components/bitrix/crm.1c.start/templates/.default/images/btn_1.svg); }

.crm-onec-header-futures-icon.icon-2 { background-image: url(/bitrix/components/bitrix/crm.1c.start/templates/.default/images/btn_2.svg); }

.crm-onec-header-futures-icon.icon-3 { background-image: url(/bitrix/components/bitrix/crm.1c.start/templates/.default/images/btn_3.svg); }

.crm-onec-header-futures-icon.icon-4 { background-image: url(/bitrix/components/bitrix/crm.1c.start/templates/.default/images/btn_4.svg); }

.crm-onec-header-futures-icon.icon-5 { background-image: url(/bitrix/components/bitrix/crm.1c.start/templates/.default/images/btn_5.svg); }

.crm-onec-install-description {
	color: #000;
	font: 13px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.crm-onec-alert-warning {
	margin-top: 10px;
}

.ui-alert-tracker {
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
	height: 39px;
}

/*region section header*/
.crm-onec-section-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.crm-onec-section-header-block-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.crm-onec-section-step-count {
	min-width: 25px;
	max-width: 25px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #2fc6f6;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font: 14px/25px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.crm-onec-section-step-title {
	padding-left: 8px;
	color: #333;
	font: 18px/24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.crm-onec-section-header-block-right { }

.crm-onec-section-info-link {
	border-bottom: 1px solid;
	color: #9b9b9b;
	font: 13px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.crm-onec-block-title {
	color: #000;
	font: 16px/24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bitrix24-light-theme .crm-onec-block-title { color: #fff; }

/*endregion*/

/*region form*/
.s-tracker-label { }

.onec-alert {
	padding: 10px 34px 11px 18px;
	vertical-align: top;
}

.b24-integration-wrap { display: none; }

.b24-integration-wrap-animate .b24-integration-wrap { display: block; }

/*endregion*/

.ui-tile-list-item-selected .ui-tile-list-name-text { color: #525c69; }

.crm-onec-helper .ui-tile-list-item {
	background-color: rgba(250,250,250,.7);
}

.crm-onec-helper .ui-tile-list-logo-container {
	display: none;
}

.crm-onec-helper .ui-tile-list-name-text {
	margin-bottom: 10px;
	max-width: 100%;
	color: #fff;
	text-align: center;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bitrix24-default-theme .crm-onec-helper .ui-tile-list-name-text,
.bitrix24-dark-theme .crm-onec-helper .ui-tile-list-name-text {
	color: #525c69;
}

/* End */


/* Start:/bitrix/components/bitrix/ui.tile.list/templates/.default/style.css?17612704916231*/
.ui-tile-list-block {
	padding-bottom: 10px;
}

.ui-tile-list-list {
	display: flex;
	margin: -14px 0 0 -14px;
	padding-top: 3px;
	align-items: center;
	flex-wrap: wrap;
}

.ui-tile-list-item {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 16px 0 0 14px;
	padding-bottom: 15px;
	min-height: 112px;
	width: 202px;
	height: 50px;
	border-radius: var(--ui-tile-list-item-border-radius, var(--ui-border-radius-sm, 1px));
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	cursor: pointer;
	justify-content: flex-end;
	align-items: center;
}

.ui-tile-list-item:hover {
	box-shadow: rgba(0, 0, 0, 0.15) 0 4px 10px;
	transition: all 0.15s linear;
	transform: translate(0, -1px);
}

.ui-tile-list-item .ui-btn {
	display: block;
	max-width: calc(100% - 20px);
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-tile-list-name {
	max-width: calc(100% - 10px);
}

.ui-tile-list-name-text {
display: inline-block;
overflow: hidden;
max-width: 135px;
color: #525c69;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
font: 13px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}

.ui-tile-list-logo-container {
margin-bottom: 13px;
}

.ui-tile-list-logo {
display: inline-block;
box-sizing: border-box;
width: 42px;
height: 42px;
border: 1px solid transparent;
border-radius: 50%;
vertical-align: top;
}

.ui-tile-list-item-selected {
border: none;
border-radius: var(--ui-tile-list-item-border-radius, var(--ui-border-radius-sm, 3px));
}

.ui-tile-list-item-selected:before {
position: absolute;
bottom: 14px;
top: -4px;
right: -5px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #97c70f url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.627%205.81L10.402%200%2012%201.607%204.652%209l-.025-.025L4.602%209%200%204.373l1.598-1.607z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E)
		no-repeat center;
content: '';
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.ui-tile-list-item-selected .ui-tile-list-logo {
border-color: rgba(255, 255, 255, .3);
}

.ui-tile-list-item-selected .ui-tile-list-name-text {
color: #fff;
}

.ui-tile-list-item-siteb24 {
background: #4393d0;
}

.ui-tile-list-item-googleads {
background: #3889db;
}

.ui-tile-list-item-estore {
background: #90be00;
}

.ui-tile-list-item-ownsite {
background: #d4825a;
}

.ui-tile-list-item-call-up {
background: #55d0e0;
}

.ui-tile-list-item-envelope {
background: #00b4ac;
}

.ui-tile-list-item-webform {
background: #3e7cac;
}

.ui-tile-list-item-fb {
background: #38659f;
}

.ui-tile-list-item-color-red { background: #ff5752; }

.ui-tile-list-item-color-orange { background: #ffa900; }

.ui-tile-list-item-color-green { background: #90be00; }

.ui-tile-list-item-color-blue { background: #4393d0; }

.ui-tile-list-item-color-violet { background: #995aca; }

.ui-tile-list-item-add {
border: 1px dashed rgba(166, 166, 166, .4);
background: rgba(255, 255, 255, .22);
box-shadow: none;
transition: all .2s linear;
}

.ui-tile-list-item-add:hover {
border-color: rgba(166, 166, 166, .8);
box-shadow: none;
transform: none;
}

.ui-tile-list-item-add:hover .ui-tile-list-logo-add:before,
.ui-tile-list-item-add:hover .ui-tile-list-logo-add:after {
background-color: #828c94;
}

.ui-tile-list-item-add .ui-tile-list-name-text {
font: 12px/25px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}

.ui-tile-list-item-add .ui-tile-list-logo-container {
margin-bottom: 7px;
}

.ui-tile-list-logo-add {
position: relative;
border-radius: 50%;
background-color: #fff;
}

.ui-tile-list-logo-add:before,
.ui-tile-list-logo-add:after {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 4px;
background-color: #969aa0;
content: '';
transition: background-color .2s linear;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.ui-tile-list-logo-add:before {
top: 18px;
left: 11px;
transform: rotate(90deg);
}

.bitrix24-light-theme .ui-tile-list-logo {
background-color: rgba(255, 255, 255, .25);
}

.bitrix24-light-theme .ui-tile-list-logo-add:before,
.bitrix24-light-theme .ui-tile-list-logo-add:after {
background-color: #e9e9ea;
}

.bitrix24-light-theme .ui-tile-list-item-add:hover .ui-tile-list-logo-add:before,
.bitrix24-light-theme .ui-tile-list-item-add:hover .ui-tile-list-logo-add:after {
background-color: #fff;
}

.bitrix24-light-theme .ui-tile-list-item-add {
border-color: rgba(255, 255, 255, 0.4);
}

.bitrix24-light-theme .ui-tile-list-item-add:hover {
border-color: rgba(255, 255, 255, 0.7);
}

.bitrix24-light-theme .ui-tile-list-item-add .ui-tile-list-name-text {
color: #fff;
}

.ui-tile-list-item-disabled {
cursor: auto;
}

.ui-tile-list-item-disabled .ui-tile-list-logo-container,
.ui-tile-list-item-disabled .ui-tile-list-name {
opacity: .6;
}

.ui-tile-list-item-disabled:hover {
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
transform: none;
}

.ui-tile-list-label {
position: absolute;
top: -4px;
left: 9px;
display: flex;
padding: 0 5px;
border-radius: 30px;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
}

.ui-tile-list-label-text {
overflow: hidden;
max-width: 130px;
color: #525c69;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
font: 8px/14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
}

.ui-tile-list-btn-block {
	display: flex;
	justify-content: center;
	width: 100%;
}

.ui-tile-badge {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
padding: 0 8px;
height: 14px;
border-radius: 12px;
font: 8px/14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
text-transform: uppercase;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.14);
}

.ui-tile-badge--new {
top: -4px;
left: 10px;
background-color: #2fc6f6;
color: #fff
}

/* End */
/* /bitrix/components/bitrix/crm.1c.start/templates/.default/style.css?17612704969073 */
/* /bitrix/components/bitrix/ui.tile.list/templates/.default/style.css?17612704916231 */
