<!-- Assign Widget Start -->
<div class="fullscreen-overlay assignwidget-overlay widget-overlay">
	<div class="inner-fullscreen-offset">
		<a href="#" class="close-overlay icon-cross"></a>
		<div class="fullscreen-overlay-header-buttons">
			<a href="#" class="master-logout">Logout</a>
			<a href="#" class="u-WaitroseButton">MOTO</a>
		</div>
		<div class="navigation-overlay" style="display: none;">
			<a href="#" data-set="one" class="u-navigationCircle active"><span class="u-navigationCircle-Span1"><span class="u-navigationCircle-Span2">Assign</span></span></a>
		</div>

		<div class="overlay-item assignwidget widgetpopup">

			<div class="options set-one" data-set="one">
				<div class="set-box c-option-location">
					<h2>ASSIGN CONTACTS TO GROUPS</h2>
					<div class="c-AssignContact-Container">
						<div class="c-AssignContact-Box c-AssignContact-Contacts">
							<div class="c-AssignContact-Box-Inner">
								<div class="c-AssignContact-Box-Filled">
									<div class="c-AssignContact-Box-Title">Contacts</div>
									<div class="c-AssignContact-Box-Contacts-Search">
										<a href="#" class="c-AssignContact-Box-Contacts-Search-Label"><span class="icon-search"></span>SEARCH</a>
										<div class="c-AssignContact-Box-Contacts-Search-Input-Box">
											<input type="text" class="c-AssignContact-Box-Contacts-Search-Input" />
											<a href="#" class="c-AssignContact-Box-Contacts-Search-Input-Clear icon-cross"></a>
										</div>
									</div>
									<div class="c-ScrollContent">
										<div class="c-AssignContact-Box-Contacts-List">

											<div class="c-AssignContact-Box-Contacts-Item"><a data-uid='1' data-group='' href="#">ELLI MORRIS</a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
											<div class="c-AssignContact-Box-Contacts-Item"><a data-uid='2' data-group='' href="#">JOHN MOSS</a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
											<div class="c-AssignContact-Box-Contacts-Item"><a data-uid='3' data-group='' href="#">GRAHAME ROSE</a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
											<div class="c-AssignContact-Box-Contacts-Item"><a data-uid='4' data-group='' href="#">JASON TODD</a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
											<div class="c-AssignContact-Box-Contacts-Item"><a data-uid='5' data-group='' href="#">JOHN CONNER</a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
											<div class="c-AssignContact-Box-Contacts-Item"><a data-uid='6' data-group='' href="#">BRUCE WAYN</a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
										</div>
									</div>
									<div class="c-AssignContact-Box-Footer">
										<a class="c-AssignContact-Box-Footer-Btn c-AssignContact-Box-Footer-Previous icon-dropdown" title="Previous" href="#"></a>
										<a class="c-AssignContact-Box-Footer-Btn c-AssignContact-Box-Footer-Next icon-dropdown2" title="Next" href="#"></a>
										<a class="c-AssignContact-Box-Footer-BtnText c-AssignContact-Box-Footer-SelectAll" title="Select All" href="#">SELECT ALL</a>
									</div>
								</div>
							</div>
						</div>
						<div class="c-AssignContact-Box c-AssignContact-Groups c-AssignContact-Empty">
							<div class="c-AssignContact-Box-Inner">
								<div class="c-AssignContact-Box-Empty">
									<div class="c-AssignContact-Box-Empty-Block"><span class="c-AssignContact-Box-Empty-Span">Drag a contact from the left into here to start</span></div>
								</div>
								<div class="c-AssignContact-Box-Filled">
									<div class="c-AssignContact-Box-Title">GROUPS</div>

									<div class="c-AssignContact-AddGroup"><a href="#"><span class="icon-expand"></span>ADD GROUP</a></div>
									<div class="c-ScrollContent">
										<div class="c-AssignContact-Box-Contacts-List">

										<!--div class="c-AssignContact-Box-Contacts-Item"><a href="#" data-durationStart='1st, Mar 2016' data-durationEnd='31st, Mar 2016' data-DayTime='mon,thur,sat' data-person='GRAHAME ROSE' data-vehicle='FN02 OXR' data-location='LONDON'>STUDENTS <span class="icon-arrow-right2"></span></a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div>
										<div class="c-AssignContact-Box-Contacts-Item"><a href="#" data-durationStart='' data-durationEnd='' data-DayTime='all' data-person='JOHN SMITH' data-vehicle='KT06 NXB' data-location=''>TEACHERS <span class="icon-arrow-right2"></span></a><span class="c-AssignContact-Clear icon-cross" href="#"></span></div-->
										</div>
									</div>
									<div class="c-AssignContact-Box-Footer">
										<a class="c-AssignContact-Box-Footer-Btn c-AssignContact-Box-Footer-Previous icon-dropdown" title="Previous" href="#"></a>
										<a class="c-AssignContact-Box-Footer-Btn c-AssignContact-Box-Footer-Next icon-dropdown2" title="Next" href="#"></a>
										<a class="c-AssignContact-Box-Footer-BtnText c-AssignContact-Box-Footer-SelectAll" title="Select All" href="#">SELECT ALL</a>
									</div>
								</div>
							</div>
						</div>
						<div class="c-AssignContact-Box c-AssignContact-GroupDetails c-AssignContact-Empty">
							<div class="c-AssignContact-Box-Inner">
								<div class="c-AssignContact-Box-Empty">
									<!--div class="c-AssignContact-Box-Empty-Block"><span class="c-AssignContact-Box-Empty-Span" >Click a group from the left to show the groups content in here</span></div-->
								</div>
								<div class="c-AssignContact-Box-Filled">
									<div class="c-AssignContact-Box-Title">STUDENTS</div>
									<div class=" c-AssignContact-GroupDetails-Criteria-Box c-Animated">
										<a href="#" class="u-AssignContact-FirstStepActive">
											<span class="c-AssignContact-GroupDetails-Criteria ">
												<span class="c-AssignContact-GroupDetails-Criteria-Item c-AssignContact-GroupDetails-Criteria-Step c-AssignContact-GroupDetails-Criteria-FirstStep CriteriaActive" data-step="1"><span class="icon-edit"></span>EDIT GROUP</span>
											</span>
										</a>
									</div>
									<div class="c-ScrollContent">
										<div class="c-AssignContact-Box-Contacts-List">

											<div class="c-AssignContact-GroupDetails-Items">

											</div>
											<div class="c-AssignContact-Box-Footer">
												<a class="c-AssignContact-Box-Footer-Btn c-AssignContact-Box-Footer-Previous icon-dropdown" title="Previous" href="#"></a>
												<a class="c-AssignContact-Box-Footer-Btn c-AssignContact-Box-Footer-Next icon-dropdown2" title="Next" href="#"></a>
												<a class="c-AssignContact-Box-Footer-BtnText c-AssignContact-Box-Footer-SelectAll" title="Select All" href="#">SELECT ALL</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="c-Footer c-Assign-Footer c-Done-Footer">
					<a class="c-Footer-Button" href="#">SAVE</a>
					<a class="c-Footer-Cancel-Button" href="#">CANCEL</a>
				</div>
			</div>
			<div class="options set-two c-Option-ContactPending" data-set="two">
				<h2>CONTACTS PENDING</h2>
				<div class="option-container">
					<div class="c-Option-ContactPending-Text">
						<span class="c-Option-ContactPending-Text-Span">You have not added <span class="c-Option-ContactPending-Number">4</span> contacts to a group.  They will be added to your PENDING list awaiting assignment. You can assign these contact to groups anytime you choose.</span>
					</div>
					<div class="c-Option-ContactPending-Img"><img src="img/pending.png" /></div>
					<div class="c-Footer c-AssignPending-Footer c-Done-Footer">
						<a class="c-Footer-Button" href="#">ASSIGN CONTACTS TO GROUP NOW</a>
						<a class="c-Footer-Cancel-Button" href="#">FINISH</a>
					</div>
				</div>
			</div>
			<div class="options set-three c-option-done">
				<div class="option-container">
					<div class="option">
						<div class="option-icon icon-tick_circle1"></div>
						<div class="option-text Done-text">SAVED</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Assign Widget End -->