/* Start:/bitrix/templates/12121/components/api/qa.list/faq-1/plugins/form/api.form.css?15421237742253*/
/* ========================================================================
   Component: Form
 ========================================================================== */
.api-qa .api-form .api-required{ color: #f00; font: normal 18px/1 Tahoma, Arial, sans-serif; margin-left: 1px }
.api-qa .api-form [type="text"],
.api-qa .api-form textarea,
.api-qa .api-form select{ outline: none; width: 100%; max-width: 100%; padding: 4px 10px; font: inherit; border: 1px solid #c0c0be; }
.api-qa .api-form [type="text"]{ height: 36px; line-height: 36px; }
.api-qa .api-form [type="checkbox"]{margin: 0; padding: 0; vertical-align: middle}
.api-qa .api-form textarea{ min-height: 76px; transition: none; overflow: hidden; display: block; resize: none; }
.api-qa .api-form [type="text"]:focus,
.api-qa .api-form textarea:focus{ background: #fafafa; color: rgba(0, 0, 0, .85); border-color: rgba(0, 0, 0, .2); -webkit-box-shadow: 4px 0 0 0 rgba(0, 0, 0, .2) inset; -moz-box-shadow: 4px 0 0 0 rgba(0, 0, 0, .2) inset; box-shadow: 4px 0 0 0 rgba(0, 0, 0, .2) inset; }
.api-qa .api-form [type="text"][readonly],
.api-qa .api-form textarea[readonly],
.api-qa .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-qa .api-form .api-row + .api-row{ margin-top: 15px;}
.api-qa .api-form .api-label{ font-weight: bold;}
.api-qa .api-form .api-controls{overflow: hidden}
.api-qa .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-qa .api-form .api-field-error{ border: 1px solid #d95c5c !important; background: #fffafa !important; -webkit-box-shadow: 3px 0 0 0 #d95c5c inset !important; -moz-box-shadow: 3px 0 0 0 #d95c5c inset !important; box-shadow: 3px 0 0 0 #d95c5c inset !important; }
/* End */


/* Start:/bitrix/templates/12121/components/api/qa.list/faq-1/plugins/button/api.button.css?15421237746373*/
/* ========================================================================
   Component:.api-button
 ========================================================================== */
.api-button::-moz-focus-inner{border: 0;padding: 0;}
.api-button{
	position: relative;
	-webkit-appearance: none;
	margin: 0;
	font: inherit;
	font-size: inherit;
	overflow: visible;
	color: #000;
	text-transform: none;
	display: inline-block;
	padding: 0 12px;
	background: #fff;
	vertical-align: middle;
	line-height: 28px;
	min-height: 30px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #ccc;
	outline: none;
	text-shadow: 0 1px 0 #fff;
	-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-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.api-button:not(:disabled){cursor: pointer;}
.api-button:hover,
.api-button:focus{color: #000;background-color: #fafafa;border-color: rgba(0, 0, 0, 0.3);}
.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 {min-height: 20px;padding: 0 6px;line-height: 18px;font-size: 11px;}
.api-button-small {min-height: 25px;padding: 0 10px;line-height: 23px;font-size: 12px;}
.api-button-large {min-height: 44px;padding: 0 20px;line-height: 42px;font-size: 16px;}
.api-button .api-icon{display: inline-block;vertical-align: middle;}

/* .api-button-busy */
.api-button.api-button-busy{cursor: wait;}
.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/templates/12121/components/api/qa.list/faq-1/plugins/button/images/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/templates/12121/components/api/qa.list/faq-1/theme/flat/style.css?15421237743757*/
.api-qa *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.api-qa-form{ padding: 15px; background: #f8f7f5; margin: 0 0 15px; }
.api-qa-form .api-title{ font-size: 18px; font-weight: bold; color: #000; display: inline-block; line-height: 1.3; text-decoration: none; }
.api-qa-form .api-form{ margin-top: 15px; }
.api-qa-form .api-form .api-button{ margin-right: 10px; }
.api-qa .api-form .api-guest .api-control{ float: left; width: 50%; }
.api-qa .api-form .api-guest .api-control + .api-control{ padding-left: 10px }
.api-qa .api-privacy{font-size: 13px; margin: 0 0 10px}
.api-qa .api-privacy > * {vertical-align: middle}
.api-qa-unswer{ display: none }
.api-qa-list .api-hidden{ display: none !important; }
.api-qa-list [data-fake-field]{ display: none; }
.api-qa-list .api-type-q{ background: #faf7f0; }
.api-qa-list [data-edit] input[type="text"],
.api-qa-list [data-edit] textarea{ background: #fff; border: 1px solid #c0c0be; padding: 5px; font: inherit; transition: none; overflow: hidden; resize: none; outline: none; }
.api-qa-list [data-edit] textarea{ width: 100%; display: block; }
.api-qa-list .api-item{ color: #000; padding: 15px; -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -ms-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; }
.api-qa-list .api-item.api-type-q{ border-top: 1px solid rgba(0, 0, 0, .1); }
.api-qa-list .api-item.api-type-q{ margin: 15px 0; }
.api-qa-list .api-item.api-type-a,
.api-qa-list .api-item.api-type-c{ margin-top: 0; }
.api-qa-list .api-item.api-active{background-color: #faf7f0;border:1px solid #E1DED8;-webkit-border-radius: .25rem; -moz-border-radius: .25rem; border-radius: .25rem;}
.api-qa-list .api-item .api-header{ overflow: hidden; color: #afb1b3; position: relative }
.api-qa-list .api-item .api-avatar{ float: left; margin-right: 10px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.api-qa-list .api-item .api-avatar img{margin: 0; padding: 0; border: 0}
.api-qa-list .api-item .api-hash{ position: absolute; right: 0; top: 0; cursor: pointer }
.api-qa-list .api-item .api-date{ font-size: 13px }
.api-qa-list .api-item .api-user{ color: #000; font-weight: bold }
.api-qa-list .api-item .api-user span{ display: inline-block; vertical-align: middle }
.api-qa-list .api-item .api-expert{ background: #f37f00; color: #fff; font-size: 11px; padding: 1px 8px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.api-qa-list .api-item .api-content{padding: 5px 0; font-size: 16px; margin-left: 46px}
.api-qa-list .api-item .api-text-empty{ color: #c7c7c7; }
.api-qa-list .api-item .api-footer{ overflow: hidden; padding-bottom: 1px;margin-left: 46px }
.api-qa-list .api-item .api-footer .api-link{color: #a3a3a3;border-bottom: 1px dotted #a3a3a3;margin-right: 5px; font-size: 12px; line-height: 1.3; display: inline-block; padding: 3px 0 1px; text-decoration: none; cursor: pointer;}
.api-qa-list .api-item .api-footer .api-link:hover{ color: #4d4d4d }
.api-qa-list .api-item .api-footer .api-save,
.api-qa-list .api-item .api-footer .api-cancel{ color: #4d4d4d }
.api-qa-list .api-item .api-footer .api-save:hover,
.api-qa-list .api-item .api-footer .api-cancel:hover{ color: #000 }
.api-qa-list .api-item .api-qa-form-unswer{ margin-top: 30px }
.api-qa-list .api-item .api-form-answer .api-button{ margin-right: 10px }
.api-qa-list .api-item .api-answers{ display: none; background: #fff; margin: 0 -15px; padding: 15px }
/* End */
/* /bitrix/templates/12121/components/api/qa.list/faq-1/plugins/form/api.form.css?15421237742253 */
/* /bitrix/templates/12121/components/api/qa.list/faq-1/plugins/button/api.button.css?15421237746373 */
/* /bitrix/templates/12121/components/api/qa.list/faq-1/theme/flat/style.css?15421237743757 */