/* /bitrix/css/api.core/width.css?1574681674684 */
/* /bitrix/css/api.core/upload.css?15746816745949 */
/* /bitrix/css/api.core/button.css?15746816747504 */
/* /bitrix/css/api.core/message.css?1574681674905 */
/* /bitrix/css/api.core/form.css?15746816746222 */
/* /bitrix/css/api.core/modal.css?15746816745911 */
/* /bitrix/css/api.core/alert.css?15746816744652 */
/* /bitrix/css/api.core/icon.css?1574681674165 */


/* Start:/bitrix/css/api.core/width.css?1574681674684*/
/* ========================================================================
   Component: Width
 ========================================================================== */
[class*='api_width'] {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.api_width_1_1 { width: 100%; }
.api_width_1_2 { width: 50%; }

.api_grid{overflow: hidden}
.api_grid > div{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	float: left;
	width: 100%;
	max-width: 100%;
}
.api_grid_width_1_2 > div{
	width: 50%;
}
.api_grid_width_1_3 > div{
	width: 33.33333333333333%;
}
/* End */


/* Start:/bitrix/css/api.core/upload.css?15746816745949*/
/* ========================================================================
   Component: Upload
 ========================================================================== */
.api_upload *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.api_upload{ margin: 0 0 15px }
.api_upload .api_file_list{ list-style: none; margin: 0; padding: 0; }
.api_upload .api_file_list li{ margin: 0 0 10px; position: relative; height: 28px; line-height: 28px }
.api_upload .api_upload_file{ position: absolute; z-index: 10; width: 100%; height: 100%; cursor: pointer; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); }
.api_upload .api_upload_info{ font-size: 13px; color: #7a7a7a; font-family: Tahoma, Helvetica, Arial, sans-serif; }
.api_upload .api_upload_drop{
	position: relative;
	margin-bottom: 15px;
	padding: 10px;
	border: 2px dashed #ddd;
	background: #fafafa;
	/*color: #aebac3;*/
	color: #666;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.1s ease-out 0s;
	-moz-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
	-o-transition: all 0.1s ease-out 0s;
	transition: all 0.1s ease-out 0s;
}
.api_upload .api_upload_drop.api_dragover,
.api_upload .api_upload_drop:hover{ cursor: pointer; border: 2px dashed #929ba1; color: #929ba1; box-shadow: 0 0 15px rgba(100, 100, 100, .2) }
.api_upload .api_upload_drop > :last-child{ margin-bottom: 0 }
.api_upload .api_upload_drop > span{ display: inline-block; vertical-align: middle }
.api_upload .api_upload_drop .api_upload_drop_icon{
	background: url("/bitrix/css/api.core/images/upload/cloud_upload.svg") no-repeat 0 0;
	width: 20px;
	height: 20px;
}
.api_upload .api_progress_bar{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24) inset; }
.api_upload .api_error .api_progress_bar{ background: #fcafbb }
.api_upload .api_error .api_progress_bar .api_progress{ width: 0 !important; }
.api_upload .api_progress_bar .api_progress{
	height: 100%;
	width: 0;
	background: #ffeca6;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24) inset;
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24) inset;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24) inset;
	-webkit-transition: width 0.5s ease-out 0s;
	-moz-transition: width 0.5s ease-out 0s;
	-ms-transition: width 0.5s ease-out 0s;
	-o-transition: width 0.5s ease-out 0s;
	transition: width 0.5s ease-out 0s;
}
.api_upload .api_progress_bar .api_progress{
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
	background-size: 30px 30px
}
.api_upload .api_progress_bar .api_progress.api_active{
	-webkit-animation: api_progress_bar_stripes 500ms linear infinite;
	animation: api_progress_bar_stripes 500ms linear infinite
}
@-webkit-keyframes api_progress_bar_stripes{
	0%{ background-position: 0 0 }
	100%{ background-position: 30px 0 }
}
@keyframes api_progress_bar_stripes{
	0%{ background-position: 0 0 }
	100%{ background-position: 30px 0 }
}
.api_upload .api_progress_bar .api_file_remove{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAVklEQVR42nWOgQnAMAgE3aCjOJEDuY3DZJ8rqZYipg8KPgen7GACvpAKLFCBgCxcYfeSYAHVFUhYHqdRR96w/A/40hRNzXUAJpiQdcVQB+QuYPxo8XQ33NCTVnhoHP8AAAAASUVORK5CYII=") no-repeat 50% 50%;
	width: 28px;
	cursor: pointer;
	opacity: .6;
}
.api_upload .api_progress_bar .api_file_remove:hover{ opacity: 1 }
.api_upload .api_file_label{
	position: absolute;
	top: 0;
	left: 8px;
	right: 32px;
	bottom: 0;
	white-space: nowrap;
	overflow: hidden;
}
.api_upload .api_file_label span{ display: inline-block; }
.api_upload .api_file_size:before{ content: "-"; margin: 0 5px; }
.api_upload .api_upload_button{ height: 27px; }
[class^="api_file_ext"]{
	display: inline-block;
	width: 16px;
	height: 15px;
	margin: 0 3px -3px 0;
	background-image: url("/bitrix/css/api.core/images/upload/file_ext.png");
	background-position: 0 0;
	background-repeat: no-repeat;
}
.api_file_ext_zip,
.api_file_ext_zipx,
.api_file_ext_rar,
.api_file_ext_7z,
.api_file_ext_cab,
.api_file_ext_cbr,
.api_file_ext_deb,
.api_file_ext_gz,
.api_file_ext_gzip,
.api_file_ext_bzip,
.api_file_ext_jar,
.api_file_ext_tar,
.api_file_ext_tar-gz,
.api_file_ext_tgz,
.api_file_ext_xar,
.api_file_ext_arj{ background-position: -16px 0; }
.api_file_ext_gif{ background-position: -32px 0; }
.api_file_ext_jpg,
.api_file_ext_jpeg{ background-position: -48px 0; }
.api_file_ext_png{ background-position: -64px 0; }
.api_file_ext_cml{ background-position: -80px 0; }
.api_file_ext_exe{ background-position: -96px 0; }
.api_file_ext_mkv{ background-position: -112px 0; }
.api_file_ext_mov{ background-position: -128px 0; }
.api_file_ext_wmv{ background-position: -144px 0; }
.api_file_ext_mp4{ background-position: -160px 0; }
.api_file_ext_avi{ background-position: -176px 0; }
.api_file_ext_ods,
.api_file_ext_xls,
.api_file_ext_xlsx{ background-position: -192px 0; }
.api_file_ext_odt,
.api_file_ext_doc,
.api_file_ext_docx{ background-position: -208px 0; }
.api_file_ext_txt{ background-position: -224px 0; }
.api_file_ext_pdf{ background-position: -240px 0; }
.api_file_ext_odp,
.api_file_ext_ppt{ background-position: -256px 0; }
.api_file_ext_ogg{ background-position: -272px 0; }
.api_file_ext_mp3{ background-position: -288px 0; }
.api_file_ext_waw{ background-position: -304px 0; }
.api_file_ext_wma{ background-position: -320px 0; }

/* End */


/* Start:/bitrix/css/api.core/button.css?15746816747504*/
/* ========================================================================
   Component:.api_button
 ========================================================================== */
.api_button::-moz-focus-inner{ border: 0; padding: 0; }
.api_button, .api_button * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.api_button{
	position: relative;
	-webkit-appearance: none;
	margin: 0;
	font: inherit;
	font-size: 16px;
	overflow: hidden;
	color: #000;
	text-transform: none;
	display: inline-block;
	padding: 0 25px;
	background: #f3f3f3;
	vertical-align: middle;
	line-height: 36px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #b3b3b3;
	outline: none;
	text-shadow: 0 1px 0 #fff;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);*/
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-transition: border-color .1s ease-out 0s; -moz-transition: border-color .1s ease-out 0s; -ms-transition: border-color .1s ease-out 0s; -o-transition: border-color .1s ease-out 0s; transition: border-color .1s ease-out 0s;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.api_button:not(:disabled){ cursor: pointer; }
.api_button:hover,
.api_button:focus{
	color: #000; background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.3);
	text-decoration: none;
	/*text-shadow: none;*/
	/*box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.45);*/
	/*box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15);*/
}
.api_button:active{ color: #000; background-color: #eee; }
.api_button:disabled,
.api_button[disabled]{ background: #fafafa; color: #999; border-color: rgba(0, 0, 0, 0.2); }
.api_button_primary{ background-color: #00a8e6; color: #fff; }
.api_button_primary:hover,
.api_button_primary:focus{ background-color: #35b3ee; color: #fff; }
.api_button_primary:active,
.api_button_primary.api_active{ background-color: #0091ca; color: #fff; }
.api_button_success{ background-color: #8cc14c; color: #fff; }
.api_button_success:hover,
.api_button_success:focus{ background-color: #8ec73b; color: #fff; }
.api_button_success:active,
.api_button_success.api_active{ background-color: #72ae41; color: #fff; }
.api_button_danger{ background-color: #da314b; color: #fff; }
.api_button_danger:hover,
.api_button_danger:focus{ background-color: #e4354f; color: #fff; }
.api_button_danger:active,
.api_button_danger.api_active{ background-color: #c91032; color: #fff; }
.api_button_primary,
.api_button_success,
.api_button_danger{ border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); }
.api_button_primary:hover,
.api_button_primary:focus,
.api_button_success:hover,
.api_button_success:focus,
.api_button_danger:hover,
.api_button_danger:focus{ border-color: rgba(0, 0, 0, 0.21); }
.api_button_mini{padding: 0 6px; line-height: 20px; font-size: 12px; }
.api_button_small{padding: 0 10px; line-height: 29px; font-size: 14px; }
.api_button_large{padding: 0 20px; line-height: 46px; font-size: 20px; }
.api_button_block{display: block;width: 100%}
.api_buttons{margin-top: 15px}
.api_button .api_icon{
	display: inline-block;
	vertical-align: top;
	background-color: #e6e6e6;
	border-radius: 3px 0 0 3px;
	border-right: 1px solid #b3b3b3;
	height: auto;
	line-height: inherit;
	margin: 0 10px 0 -10px;
	opacity: 1;
	text-shadow: none;
	width: 30px;
	z-index: -1;
}

/* .api_button_busy */
body .api_button_busy{ cursor: wait !important; }
body .api_button_busy:after{
	content: "";
	border: 1px solid rgba(0, 0, 0, 0.2);
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 2;
	background: url("/bitrix/css/api.core/images/button/busy.gif") no-repeat 50% 50% #fafafa;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

/* @deprecated .api_button_wait */
.api_form_wait .api_button_wait{ cursor: wait !important; }
.api_form_wait .api_button_wait:after{
	content: "";
	border: 1px solid rgba(0, 0, 0, 0.2);
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 2;
	background: url("/bitrix/css/api.core/images/button/busy.gif") no-repeat 50% 50% #fafafa;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
/* Color
 ========================================================================== */

.api_button_grey{ background: #e0e1e2; color: #444; }
.api_button_grey:hover,
.api_button_grey:focus{ background: #cacbcd; color: #222; border-color: rgba(0, 0, 0, 0.1); }
.api_button_grey:active,
.api_button_grey.api_active{ background: #babbbc; color: #222; }
.api_button_yellow{
	color: #000;
	text-shadow: none;
	/*background-color: #ffdb4d;*/
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-transition: background .1s ease-out 0s; -moz-transition: background .1s ease-out 0s; -ms-transition: background .1s ease-out 0s; -o-transition: background .1s ease-out 0s; transition: background .1s ease-out 0s;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .07); box-shadow: 0 1px 0 rgba(0, 0, 0, .07);

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffdf60+0,ffcc00+100 */
	background: #ffdf60; /* Old browsers */
	background: -moz-linear-gradient(top, #ffdf60 0%, #fc0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffdf60 0%, #fc0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffdf60 0%, #fc0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf60', endColorstr='#ffcc00', GradientType=0); /* IE6-9 */
}
.api_button_yellow:hover{
	color: #000;
	/*background-color: #ffd633;*/

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe681+0,ffd428+100 */
	background: #ffe681; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe681 0%, #ffd428 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe681 0%, #ffd428 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe681 0%, #ffd428 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe681', endColorstr='#ffd428', GradientType=0); /* IE6-9 */
}
.api_button_yellow:focus{
	color: #000;
	/*background-color: #ffd633;*/
	-webkit-box-shadow: inset 0 0 0 1px rgba(193, 154, 0, .2), 0 0 6px 2px rgba(255, 204, 0, .7); -moz-box-shadow: inset 0 0 0 1px rgba(193, 154, 0, .2), 0 0 6px 2px rgba(255, 204, 0, .7); box-shadow: inset 0 0 0 1px rgba(193, 154, 0, .2), 0 0 6px 2px rgba(255, 204, 0, .7);
}
.api_button_yellow:active{
	color: #000;
	/*background-color: #ffd633;*/
	/*box-shadow: inset 0 2px 2px -1px rgba(0, 0, 0, .3), 0 0 2px 3px rgba(255, 214, 48, 0.4);*/
	-webkit-box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, .5), 0 0 6px 2px rgba(255, 204, 0, .7); -moz-box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, .5), 0 0 6px 2px rgba(255, 204, 0, .7); box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, .5), 0 0 6px 2px rgba(255, 204, 0, .7);
}
.api_button_yellow:disabled{
	background: #e7e7e7;
	color: #999;
	border-color: #ddd;
	text-shadow: none;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

/* End */


/* Start:/bitrix/css/api.core/message.css?1574681674905*/
/* ========================================================================
   Component: Message
 ========================================================================== */
.api_message{padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;background: #f8f8f8;color: #666;}
* + .api_message {margin-top: 1rem;}
.api_message_danger{color: #721c24;background: #f8d7da;border-color: #f5c6cb;}
.api_message_success{color: #155724;background: #d4edda;border-color: #c3e6cb;}
.api_message_warning{color: #856404; /* #faa05a */background: #fff3cd; /* #fff6ee */border-color: #ffeeba;}
.api_message_info{color: #004085;background: #cce5ff;border-color: #b8daff;}
.api_message .api_message_heading{	font-size: 1.5rem;margin:0 0 .5rem;font-family: inherit;font-weight: 500;line-height: 1.2;color: inherit;}
.api_message .api_message_text *:last-child{margin-bottom: 0}

/* End */


/* Start:/bitrix/css/api.core/form.css?15746816746222*/
/* ========================================================================
   Component: api_form
 ========================================================================== */
.api_form .api_required{ color: #f00; font: normal 18px/1 Tahoma, Arial, sans-serif; margin-left: 1px }
.api_form .api_error{ display: none; font-size: 12px; margin: 0 0 15px; text-align: center; background: #fef4f6; color: #f0506e; padding: 10px; }

.api_form input[type="text"],
.api_form input[type="password"],
.api_form textarea,
.api_form select{
	outline: none; width: 100%; max-width: 100%; padding: 4px 10px; font-family: inherit; font-size: inherit; border: 1px solid #D9D9D9; background: #FFF;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
}

.api_form input[type="radio"],
.api_form input[type="checkbox"]{ margin: 0; padding: 0; vertical-align: baseline; cursor: pointer; }
.api_form input[type="text"],
.api_form input[type="password"]{ height: 36px; line-height: 36px; }
/*.api_form textarea{ min-height: 60px; transition: none; overflow: hidden; display: block; resize: none; }*/
.api_form textarea{ min-height: 60px; transition: none; display: block;}

.api_form input[type]:focus,
.api_form textarea:focus{
	background: #FFF;
	color: rgba(0, 0, 0, .85);
	border-color: #666 #aaa #aaa;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
}

.api_form input[type][readonly],
.api_form textarea[readonly],
.api_form select[readonly]{ background-color: #fafafa; color: #999; border: 1px solid #ddd; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.api_form .api_row{ position: relative }
.api_form .api_row_header{background: #fafbfc;padding: 15px;color: #222;border-top: 1px solid #e7e8ec;border-bottom: 1px solid #e7e8ec;white-space: nowrap;margin: 25px 0;font-size: 20px;font-style: oblique;}
.api_form .api_row + .api_row{ margin-top: 15px; }
.api_form .api_rows + .api_rows{ margin-top: 15px; }
.api_form .api_label{ font-weight: bold; margin-bottom: 5px }
.api_form .api_label .api_label_req{ color: #f00; font: normal 18px/1 Tahoma, Arial, sans-serif; margin-left: 1px }
.api_form .api_label_inline{ display: inline-block }
.api_form .api_label_block{ display: block }
.api_form .api_label_block + .api_label_block{ margin-top: 5px }
.api_form .api_controls{ position: relative }
.api_form .api_controls label{ cursor: pointer }
.api_form .api_controls .api_control + .api_control{ margin-top: 8px }
.api_form .api_field{ -webkit-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; -moz-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; -ms-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; -o-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease; }
.api_form .api_field_error{ border: 1px solid #d95c5c !important; background: #fffafa !important;}
.api_form .api_buttons{ margin-top: 30px !important; }

/* form size */
.api_form_small{font-size: 14px}
.api_form_small input[type="text"],
.api_form_small input[type="password"]{ height: 32px; line-height: 32px; }
.api_form_small .api_row +.api_row{margin-top: 10px}

/* .api_form_horizontal{} */
@media (max-width:959px){}
@media (min-width:960px){
	.api_form_horizontal .api_row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.api_form_horizontal .api_label{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	.api_form_horizontal .api_controls{-ms-flex: 0 0 80%;flex: 0 0 80%;	max-width: 80%;}
}

/* ========================================================================
   Component: api_checkbox
 ========================================================================== */
.api_checkbox{ position: relative; cursor: pointer; margin: 0;}
.api_checkbox input{ cursor: pointer; outline: 0; margin: 0 !important; padding: 0 !important; vertical-align: middle;}

.api_form_style .api_checkbox{padding: 0 0 0 28px; min-height: 25px; }
.api_form_style .api_checkbox input{position: absolute; top: -1px; left: -1px; opacity: 0 !important; z-index: -1 !important; width: 25px; height: 25px; }
.api_form_style .api_checkbox:before{ content: ''; display: block; position: absolute; left: -1px; top: 0; background: url("/bitrix/css/api.core/images/form/checkbox.png") no-repeat 0 0; width: 25px; height: 25px; }
.api_form_style .api_checkbox.api_active:before{background-position: 0 -25px;}
.api_form_style .api_checkbox.api_active{ color: #3b79d2 }

/* ========================================================================
   Component: api_radio
 ========================================================================== */
.api_radio{ position: relative; cursor: pointer; margin: 0;}
.api_radio input{ cursor: pointer; outline: 0; margin: 0 !important; padding: 0 !important; vertical-align: middle;}

.api_form_style .api_radio{ padding: 0 0 0 28px; min-height: 25px; }
.api_form_style .api_radio input{position: absolute; top: -1px; left: -1px; opacity: 0 !important; z-index: -1 !important; width: 25px; height: 25px; }
.api_form_style .api_radio:before{ content: ''; display: block; position: absolute; left: -1px; top: 0; background: url("/bitrix/css/api.core/images/form/radio.png") no-repeat 0 0; width: 25px; height: 25px; }
.api_form_style .api_radio.api_active:before{background-position: 0 -25px;}
.api_form_style .api_radio.api_active{ color: #3b79d2 }

/* ========================================================================
   Component: api_spinner
 ========================================================================== */
.api_spinner{
	/*cursor: wait !important;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*top:0;*/
	/*right: 0;*/
	/*bottom:0;*/
	/*z-index: 2000;*/
	/*background: url("/bitrix/css/api.core/images/button/busy.gif") no-repeat 50% 50% rgba(255,255,255,.5);*/
}
/* End */


/* Start:/bitrix/css/api.core/modal.css?15746816745911*/
/* ========================================================================
   Component: Modal
 ========================================================================== */
.api_modal *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.api_modal_active body{ overflow: hidden !important; }
.api_modal{
	cursor: pointer;
	color: #000;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
	touch-action: cross-slide-y pinch-zoom double-tap-zoom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.api_modal .api_modal_dialog{
	cursor: default;
	position: relative;
	margin: 30px auto;
	width: 370px;
	max-width: 100%;
	max-width: calc(100% - 20px);
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
	transition: opacity 0.3s linear, transform 0.3s ease-out;
}
/* Phone landscape and smaller */
@media (max-width: 767px){
	.api_modal .api_modal_dialog{
		width: auto;
		margin: 10px auto;
	}
}
.api_modal_open .api_modal_dialog{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.api_modal .api_modal_close{
	cursor: pointer;
	outline: none;
	position: absolute;
	z-index: 9999;
	top: 6px;
	right: 6px;
	padding: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	border: none;
	overflow: visible;
	display: block;
	line-height: 25px;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;
	-webkit-transition: transform 0.5s ease-out;-moz-transition: transform 0.5s ease-out;-ms-transition: transform 0.5s ease-out;-o-transition: transform 0.5s ease-out;transition: transform 0.5s ease-out;
}
.api_modal .api_modal_close::-moz-focus-inner{ border: 0; padding: 0; }
.api_modal .api_modal_close:before{
	content: "";
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #000;
	fill: currentcolor;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4xIiB4MT0iMSIgeTE9IjEiIHgyPSIxMyIgeTI9IjEzIj48L2xpbmU+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMSIgeDE9IjEzIiB5MT0iMSIgeDI9IjEiIHkyPSIxMyI+PC9saW5lPjwvc3ZnPg==") no-repeat 50% 50% transparent;
}
.api_modal .api_modal_close [stroke*="#"]{stroke: currentcolor;}
.api_modal .api_modal_close:hover{
	-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
}
.api_modal .api_modal_close:focus,
.api_modal .api_modal_close:active{
	background: rgba(0, 0, 0, 0.1);
	outline: none;
	color: inherit;
	text-decoration: none;
}


.api_modal .api_modal_header{
	padding: 15px 20px;
	font-size: 20px;
	line-height: 1;
	background: #f7f7f7;
	text-align: center;
	-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
.api_modal .api_modal_title{
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.api_modal .api_modal_content{
	padding: 20px;
	position: relative;
}
.api_modal .api_modal_footer{
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding: 15px 20px;
	-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}
.api_modal .api_modal_loader{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(255, 255, 255, .8);
}
.api_modal .api_modal_loader .api_spinner{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	opacity: .7;
}
/*.api_modal .api_modal_loader svg{
	-webkit-animation: api-spinner-rotate 1.4s linear infinite;
	animation: api-spinner-rotate 1.4s linear infinite;
}
@-webkit-keyframes api-spinner-rotate{
	0%{ -webkit-transform: rotate(0deg); }
	100%{ -webkit-transform: rotate(270deg); }
}
@keyframes api-spinner-rotate{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(270deg); }
}*/

/* ========================================================================
   Component: Modal alert
 ========================================================================== */
.api_modal .api_alert{ width: 450px }
.api_modal .api_alert span{
	background: url("/bitrix/css/api.core/images/modal/alert.png") -36px 0;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -18px;
}
.api_modal .api_alert_danger{ background-color: #f2dede; border-color: #ebcccc; color: #a94442; }
.api_modal .api_alert_danger span{ background-position: 0 0; }
.api_modal .api_alert_warning{ background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; }
.api_modal .api_alert_warning span{ background-position: -72px 0; }
.api_modal .api_alert_success{
	background: #fcfcfb;
	padding: 25px 15px;
	color: #000;
	text-align: center;
}
.api_modal .api_alert_success span{
	background: transparent url("/bitrix/css/api.core/images/modal/success.svg") no-repeat scroll 0 0 / contain;
	height: 80px;
	width: 80px;
	margin: 0 0 20px;
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
}
.api_modal .api_alert_title{
	display: block;
	margin: 0;
	font-size: 26px;
	line-height: 32px;
}
.api_modal .api_alert_success .api_alert_desc{ margin: 15px 0 0 }
/* End */


/* Start:/bitrix/css/api.core/alert.css?15746816744652*/
.api_alert *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.api_alert_active body{overflow: hidden !important;}
.api_alert{position: fixed;margin: 0;padding: 0;z-index: 9999999;display: none;overflow-y: auto; left: 0; right: 0; top: 0; bottom: 0;}
.api_alert_overlay{ position: fixed; width: 100%; height: 100%; z-index: 10000; background: #000; opacity: .2; filter: alpha(opacity=20); display: block; left: 0; top: 0; right: 0; bottom: 0; margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.api_alert_dialog{ margin: 30px auto; padding: 0; max-width: 100%; max-width: calc(100% - 20px); overflow: hidden; position: relative; background: #fff; color: #000; text-shadow: none; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.api_alert .api_alert_header{ padding: 12px 20px; font-size: 18px; font-weight: bold; line-height: normal; text-align: left; border-bottom: 1px solid #e5e5e5;}
.api_alert .api_alert_content{ font-size: 16px; padding: 15px 20px;}
.api_alert .api_alert_footer{ text-align: center; border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 15px;}
.api_alert .api_title{ font-size: 17px; text-align: center; font-weight: bold; margin: 0 0 15px; display: block;}
.api_alert .api_content{ margin: 15px 0;}
.api_alert .api_title + .api_content{margin-top: 10px;}
.api_alert .api_input{ margin: 15px 0;}
.api_alert .api_buttons{ margin: 25px 0 0;}
.api_alert .api_buttons button{ margin: 0 5px; text-transform: uppercase; text-shadow: none; font-size: 12px;}
.api_alert .api_input input{ height: auto; margin: 0; padding: 5px; width: 100%; border: 1px solid #ccd5db; background: #f8fafc; outline: none; font-family: inherit; font-size: inherit; line-height: inherit; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.api_alert .api_icon_close{ position: absolute; z-index: 9999; top: 0; right: 0; line-height: 25px; width: 25px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; background: rgba(255, 255, 255, .3); color: #000; border: 0; padding: 0;}
.api_alert .api_content textarea{ padding: 5px 10px; width: 100%; border: 1px solid #999; background: #fff; box-sizing: border-box; outline: 0; -moz-appearance: none; overflow: auto; display: block; max-width: 100%; min-width: 100%; max-height: 450px; min-height: 150px; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; font-family: inherit; font-size: 14px; line-height: 21px; color: #000;}
.api_alert .api_alert_content .api_alert_icon{margin-bottom: 15px;background-size: contain;display: block;height: 48px; min-width: 48px}
/*--- .api_alert_icon ---*/
.api_alert_success .api_alert_icon{background: url("/bitrix/css/api.core/images/alert/check.png") no-repeat 50% 50%;}
.api_alert_warning .api_alert_icon{background: url("/bitrix/css/api.core/images/alert/warn.svg") no-repeat 50% 50%;}
.api_alert_error .api_alert_icon{background: url("/bitrix/css/api.core/images/alert/error.png") no-repeat 50% 50%;}
.api_alert_info .api_alert_icon{background: url("/bitrix/css/api.core/images/alert/info.svg") no-repeat 50% 50%;}
.api_alert .api_alert_busy{cursor: wait !important;height: 5px;background: url("/bitrix/css/api.core/images/button/busy.gif") no-repeat 50% 50% transparent;}
.api_alert .api_alert_wait{position: absolute;left: 0;top: 0;right: 0;bottom: 0;cursor: wait !important;background: url("/bitrix/css/api.core/images/button/busy.gif") no-repeat 50% 50% rgba(255,255,255,.8);}
/*--- Themes ---*/
/*--- jbox ---*/
.api_alert_theme_jbox.api_alert_info .api_alert_dialog{color: #fff; background: #07d;}
.api_alert_theme_jbox.api_alert_error .api_alert_dialog{color: #fff;background: #d00;}
.api_alert_theme_jbox.api_alert_warning .api_alert_dialog{color: #000;background: #fd0;}
.api_alert_theme_jbox.api_alert_success .api_alert_dialog{color: #fff;background: #5d0;}
.api_alert_theme_jbox .api_input input{color: #000}
.api_alert_theme_jbox .api_alert_header{border-bottom: 1px solid rgba(255, 255, 255, .3);}
/*--- dark ---*/
.api_alert_theme_dark .api_alert_dialog{color: #fff;background: #111;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.api_alert_theme_dark .api_icon_close{color: #fff;background: #333;}
/*--- Phone landscape and smaller ---*/
@media (max-width: 767px){
	.api_alert .api_alert_dialog{width: auto !important;margin: 10px auto !important;}
	.api_alert .api_alert_header{font-size: 16px}
	.api_alert_type_confirm .api_buttons button{padding: 0 5px}
}
/* End */


/* Start:/bitrix/css/api.core/icon.css?1574681674165*/
.api_icon{
	display: inline-block;
	vertical-align: middle;
	font: inherit;
	color: inherit;
	text-transform: none;
	fill: currentcolor;
	line-height: 0;
}

/* End */
