{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="panel panel-tabs">
		<ul class="nav nav-tabs nav-tabs_b">
			<li class="active">
				<span>Активность сотрудников</span>
			</li>
		</ul>
		<div class="panel-body">

			<div class="cp-emp-activity">
				<form class="cpea-form">
					<div class="form-group">
						<div class="form-label">Сотрудник</div>
						<div class="form-field watcher">
							<select class="form-control">
								<option>Выберите сотрудника</option>
								<option selected>Константин Воскобойников</option>
								<option>Леонардо Да Винчи</option>
								<option>Эрнесто Че Гевара</option>
								<option>Микеланджело Буонарроти</option>
							</select>
						</div>
					</div>
					<div class="form-group w-275">
						<div class="form-label">Период</div>
						<div class="form-field-line">
							<div class="form-field">
								<div class="form-field__icon"><i class="fa fa-calendar fs-16 color-gray"></i></div>
								<input class="form-control datepicker" type="text" value="" data-datepicker-options="singleDatePicker: true; format: D.MM.Y;" />
							</div>
							<div class="form-field-separate">&mdash;</div>
							<div class="form-field">
								<div class="form-field__icon"><i class="fa fa-calendar fs-16 color-gray"></i></div>
								<input class="form-control datepicker" type="text" value="" data-datepicker-options="singleDatePicker: true; format: D.MM.Y;" />
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="form-label">Ajax</div>
						<div class="form-field">
							<select class="form-control">
								<option>Без Ajax</option>
								<option>С Ajax</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<div class="form-label">Лаг, минут</div>
						<div class="form-field">
							<select class="form-control">
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
								<option value="13">13</option>
								<option value="14">14</option>
								<option value="15">15</option>
								<option value="16">16</option>
								<option value="17">17</option>
								<option value="18">18</option>
								<option value="19">19</option>
								<option value="20">20</option>
								<option value="21">21</option>
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
								<option value="26">26</option>
								<option value="27">27</option>
								<option value="28">28</option>
								<option value="29">29</option>
								<option value="30">30</option>
								<option value="31">31</option>
								<option value="32">32</option>
								<option value="33">33</option>
								<option value="34">34</option>
								<option value="35">35</option>
								<option value="36">36</option>
								<option value="37">37</option>
								<option value="38">38</option>
								<option value="39">39</option>
								<option value="40">40</option>
								<option value="41">41</option>
								<option value="42">42</option>
								<option value="43">43</option>
								<option value="44">44</option>
								<option value="45">45</option>
								<option value="46">46</option>
								<option value="47">47</option>
								<option value="48">48</option>
								<option value="49">49</option>
								<option value="50">50</option>
								<option value="51">51</option>
								<option value="52">52</option>
								<option value="53">53</option>
								<option value="54">54</option>
								<option value="55">55</option>
								<option value="56">56</option>
								<option value="57">57</option>
								<option value="58">58</option>
								<option value="59">59</option>
								<option value="60">60</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<div class="form-label">Отображать часы</div>
						<div class="form-field-line">
							<div class="form-field">
								<select class="form-control">
									<option>0:00</option>
									<option>1:00</option>
									<option>2:00</option>
									<option>3:00</option>
									<option>4:00</option>
									<option>5:00</option>
									<option>6:00</option>
									<option>7:00</option>
									<option>8:00</option>
									<option>9:00</option>
									<option>10:00</option>
									<option>11:00</option>
									<option>12:00</option>
									<option>13:00</option>
									<option>14:00</option>
									<option>15:00</option>
									<option>16:00</option>
									<option>17:00</option>
									<option>18:00</option>
									<option>19:00</option>
									<option>20:00</option>
									<option>21:00</option>
									<option>22:00</option>
									<option>23:00</option>
								</select>
							</div>
							<div class="form-field-separate">&mdash;</div>
							<div class="form-field">
								<select class="form-control">
									<option>0:00</option>
									<option>1:00</option>
									<option>2:00</option>
									<option>3:00</option>
									<option>4:00</option>
									<option>5:00</option>
									<option>6:00</option>
									<option>7:00</option>
									<option>8:00</option>
									<option>9:00</option>
									<option>10:00</option>
									<option>11:00</option>
									<option>12:00</option>
									<option>13:00</option>
									<option>14:00</option>
									<option>15:00</option>
									<option>16:00</option>
									<option>17:00</option>
									<option>18:00</option>
									<option>19:00</option>
									<option>20:00</option>
									<option>21:00</option>
									<option>22:00</option>
									<option>23:00</option>
								</select>
							</div>
						</div>
					</div>
					<div class="form-group">
						<button class="btn btn-primary">Показать</button>
					</div>
				</form>

				<div class="mb-8"></div>
				Времени за период: <strong>255h 51min</strong>
				<div class="mb-8"></div>

				<div class="cpea-timeline">
					<div class="cpea-timeline__separate"></div>
					<div class="cpea-timeline__head">
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date"></div>
							<div class="cpea-timeline-hour">07:00</div>
							<div class="cpea-timeline-hour">08:00</div>
							<div class="cpea-timeline-hour">09:00</div>
							<div class="cpea-timeline-hour">10:00</div>
							<div class="cpea-timeline-hour">11:00</div>
							<div class="cpea-timeline-hour">12:00</div>
							<div class="cpea-timeline-hour">13:00</div>
							<div class="cpea-timeline-hour">14:00</div>
							<div class="cpea-timeline-hour">15:00</div>
							<div class="cpea-timeline-hour">16:00</div>
							<div class="cpea-timeline-hour">17:00</div>
							<div class="cpea-timeline-hour">18:00</div>
							<div class="cpea-timeline-hour">19:00</div>
							<div class="cpea-timeline-hour">20:00</div>
							<div class="cpea-timeline-hour">21:00</div>
						</div>
					</div>
					<div class="cpea-timeline__body">
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Вт.<br /> 03.05.21<br /> - - - <br />1h 20min
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour opened" data-id="13" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__drop">
							<ul>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
								<li><div class="date">13:59:01</div><div class="link"><a href="#" target="_blank">https://alvadi.ee/panel/todo_list.php?test=327328798327498572394857&samoesfdfkjsd=234jhhk2j3hj4kj23h4jk23</a></div></li>
							</ul>
							<span class="closer size_16"></span>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Ср.<br /> 04.05.21<br /> - - - <br />2h 12min
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Чт.<br /> 05.05.21<br /> - - - <br />1h 43min
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Вт.<br /> 03.05.21<br /> - - - <br />1h 20min
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Ср.<br /> 04.05.21<br /> - - - <br />2h 12min
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Чт.<br /> 05.05.21<br /> - - - <br />1h 43min
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Вт.<br /> 03.05.21<br /> - - - <br />1h 20min
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Ср.<br /> 04.05.21<br /> - - - <br />2h 12min
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="5" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
						</div>
						<div class="cpea-timeline__line">
							<div class="cpea-timeline-date">
								Чт.<br /> 05.05.21<br /> - - - <br />1h 43min
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="2" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="1" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 10px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 6px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 10px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 18px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 4px;"></div>
								<div class="cpea-timeline-range" style="left: 31px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="6" data-hour="1">
								<div class="cpea-timeline-range" style="left: 37px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 39px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 44px; width: 2px;"></div>
								<div class="cpea-timeline-range" style="left: 47px; width: 1px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 44px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 48px; width: 10px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="3" data-hour="1">
								<div class="cpea-timeline-range" style="left: 8px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 12px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 28px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 34px; width: 2px;"></div>
							</div>
							<div class="cpea-timeline-hour" data-id="4" data-hour="1">
								<div class="cpea-timeline-range" style="left: 4px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 7px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 9px; width: 3px;"></div>
								<div class="cpea-timeline-range" style="left: 14px; width: 1px;"></div>
								<div class="cpea-timeline-range" style="left: 27px; width: 2px;"></div>
							</div>
						</div>
					</div>
					{#<div class="cpea-timeline__template">
						<div class="cpea-timeline__drop">
							<ul>
								<li></li>
							</ul>
						</div>
					</div>#}
				</div>

				<div class="mb-32"></div>

				<div class="cpea-raiting">
					<div class="cpea-raiting__head">Рейтинг страниц</div>
					<div class="cpea-raiting__body">
						<table>
							<thead>
								<tr>
									<th class="w-150">Смотрел раз</th>
									<th>url</th>
									<th>Времени с прошлой активности</th>
								</tr>
							</thead>
							<tbody>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							<tr>
								<td>89</td>
								<td><a href="alvadi.ee/panel/todo_list.php">alvadi.ee/panel/todo_list.php</a></td>
								<td>1h 3min</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>

			</div>

		</div>
	</div>
{% endblock %}