Кнопки
Название кнопки
Название кнопки
Название кнопки
Название кнопки
Название кнопки

<div class="fillBTN XL"><span>Название кнопки</span></div>
<div class="fillBTN XL greenBTN"><span>Название кнопки</span></div>
<div class="fillBTN L"><span>Название кнопки</span></div>
<div class="fillBTN M"><span>Название кнопки</span></div>
<div class="fillBTN S"><span>Название кнопки</span></div>	


Название кнопки
Название кнопки
Название кнопки
Название кнопки

<div class="borderBTN XL"><span>Название кнопки</span></div>
<div class="borderBTN L"><span>Название кнопки</span></div>
<div class="borderBTN M"><span>Название кнопки</span></div>
<div class="borderBTN S"><span>Название кнопки</span></div>	


Открыть попап с форомой


<div class="btnWrap">
	<a 
		href="#feedback"
		data-link="#feedback"
		data-title="Заказать услугу"
		class="openPopUp getParams__form fillBTN XL"
	>
		<span>Заказать услугу</span>
	</a>
</div>	


Кнопка с оффером
Все это обеспечивает Вам качественный
бухгалтерский учет ВЭД!

<div class="btnAndOffer flex flex-align_center">
	<div class="btnWrap">
		<a href="#feedback" data-link="#feedback" data-title="Заказать звонок" class="openPopUp getParams__form fillBTN XL"><span>Заказать услугу</span></a>
	</div>
	<h5>Все это обеспечивает Вам качественный <br>бухгалтерский учет ВЭД!</h5>
</div>




Инпуты

<input class="typeInput L" type="text" placeholder="Размер - 1">
<input class="typeInput M" type="text" placeholder="Размер - 2">
<input class="typeInput S" type="text" placeholder="Размер - 3">	




<div class="flex">
	<div class="form__line">
		<label>Заголовок:</label>
		<input name="tell" type="tel" class="formInput tellmask" placeholder="Заголвок">
	</div>
</div>	




Селекты



<select class="typeSelect L">
	<option>Выпадающий</option>
</select>	
<select class="typeSelect M">
	<option>Выпадающий</option>
</select>
<select class="typeSelect S">
	<option>Выпадающий</option>
</select>




Чекбоксы



<label class="checkbox">
	<input type="checkbox" checked="checked">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активный чекбокс</div>
	</div>
</label>
<label class="checkbox">
	<input type="checkbox">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активный чекбокс</div>
	</div>
</label>	
<label class="checkbox">
	<input type="checkbox" disabled="disabled">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активный чекбокс</div>
	</div>
</label>




Радио кнопки



<label class="radio">
	<input type="radio" checked="checked" name="g1">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активная радио кнопка</div>
	</div>
</label>
<label class="radio">
	<input type="radio" name="g1">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активная радио кнопка</div>
	</div>
</label>	
<label class="radio">
	<input type="radio" disabled="disabled" name="g1">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активная радио кнопка</div>
	</div>
</label>




<label class="tumbler">
	<input type="radio" name="g2">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активная радио кнопка</div>
	</div>
</label>
<label class="tumbler">
	<input type="radio" name="g2">
	<div class="flex">
		<div class="trigger"></div>
		<div class="label p16">Активная радио кнопка</div>
	</div>
</label>	




Стрелки для карусели




<div class="btnWrap">
	<div class="cArrows1 flex">
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_whiteMiniArr-left.svg"></div>
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_whiteMiniArr-right.svg"></div>
	</div>
</div>	
<div class="btnWrap">
	<div class="cArrows2 flex">
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_whiteMinFulliArr-left.svg"></div>
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_whiteMinFulliArr-right.svg"></div>
	</div>		 
</div>	
<div class="btnWrap">
	<div class="cArrows2 white flex">
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_fillMiniArr-left.svg"></div>
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_fillMiniArr-right.svg"></div>
	</div>		 
</div>
<div class="btnWrap">
	<div class="cArrows2 white one">
		<div class="arrow flex"><img src="/local/templates/innet_corp2_6/f/c_fillMiniArr-left.svg"></div>
	</div>		 
</div>




Табы
Таб 1
Таб 2
Таб 3
1
2
3

<div class="tabs">
	<div class="btns flex">
		<div class="btn active" data-tab="1">Таб 1</div>
		<div class="btn" data-tab="2">Таб 2</div>
		<div class="btn" data-tab="3">Таб 3</div>
	</div>
	<div class="blocks">
		<div class="block show t_1">1</div>
		<div class="block t_2">2</div>
		<div class="block t_3">3</div>
	</div>
</div>	




Линии


<hr style="border-top:3px solid #094f73;margin-top:3px !important;">


<hr style="border-top:3px solid #ffd300;margin-top:3px !important;">


<hr style="border-top:3px solid #00529b;margin-top:3px !important;">


<p span="" style="border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(255, 210, 0);">
</p>




Детализация при раскрытии
Основания изменений

Пункты 3, 3.1 статьи 169 НК РФ (в ред. федеральных законов от 20.04.14 № 81-ФЗ, от 21.07.14 № 238ФЗ).


<details> 
	<summary style="cursor: pointer; background: rgb(255, 255, 255);" onclick="spoiler_toggle2(this);" onmouseout="this.style.background="#FFFFFF"" onmouseover="this.style.background="#d4e8f9" >Основания изменений
	</summary> 
  	<p>
  		<noindex> Пункты 3, 3.1 статьи 169 НК РФ (в ред. федеральных законов от 20.04.14 № 81-ФЗ, от 21.07.14 № 238ФЗ). </noindex>
  	</p>
</details>