<div class="row" id="createCampaignDiv">

	<div style="display:block;">

		<form>
			<div id="campaignwizard">
				<ol ng-show="engageMentToolOpt">
					<li ng-click="createWhatsappTemp()">
						Select Engagement Tool
					</li>
					<li>
						Select Audience
					</li>
					<li>
						Launch Campaign
					</li>
				</ol>
				<!-- begin wizard step-1 -->
				<div>
					<div class="jumbotron m-b-0"
						style="height:100%;padding-top:5px;overflow:auto;background-color: #ffffff !important;">
						<div class="col-md-12" id="divChooseTool">
							<!--Start col-12-->
							<div class="col-12 ui-sortable">
								<div class="panel-body" ng-show="engageMentTool">
									<div class="row">
										<div class="create-camapign-back-button" ng-click="cancelCampaign();"
											style="cursor:pointer;">
											<i class="fa fa-arrow-left"></i><span>Back</span>
										</div>
										<div class="col-md-3 col-sm-6 text-center" style="cursor: pointer;">
											<div id="div1">
												<a href="javascript:void(0)" ng-click="selectTool('PUSH',1)">
													<img src="assets/img/App_Push_Notification.png"
														alt="Push Notification" style="width: 130px;" />
												</a>
											</div>
											<div class="select-item-text">PUSH NOTIFICATION</div>
										</div>
										<div class="col-md-3 col-sm-6 text-center"  id="in-app-camp" style="cursor: pointer;" hidden>
											<div id="div2">
												<a href="javascript:void(0)" ng-click="selectTool('IN-APP',2);">
													<img src="assets/img/in-app-notification.svg"
														alt="In App Notification" />
												</a>
											</div>
											<div class="select-item-text">IN-APP NOTIFICATION</div>
										</div>
										<div class="col-md-3 col-sm-6 text-center"  id="in-app-rating" style="cursor: pointer;" hidden>
											<div id="div3">
												<a href="javascript:void(0)" ng-click="selectTool('RATING',3);">
													<img src="assets/img/In-App.png" alt="In App Rating" />
												</a>
											</div>
											<div class="select-item-text">IN-APP RATING</div>
										</div>
										<div class="col-md-3 col-sm-6 text-center" id="in-app-survey" style="cursor: pointer;" hidden>
											<div id="div4">
												<a href="javascript:void(0)" ng-click="selectTool('SURVEY',4);">
													<img src="assets/img/in-app-survey.svg" alt="In App Survey" />
												</a>
											</div>
											<div class="select-item-text" >IN-APP SURVEY</div>
										</div>
										<!-- <div class="col-md-3 col-sm-6 text-center" style="margin-top: 50px; cursor: pointer;">
                                            <div id="div5">
                                              <a href="javascript:void(0)" ng-click="selectTool('Email',5);">
                                               <img src="assets/img/email.svg" alt="Email" />
                                              </a>
                                            </div>
                                            <div class="select-item-text">EMAIL</div>
                                        </div> -->
										<div class="col-md-3 col-sm-6 text-center" id="sms"
											style="margin-top: 50px; cursor: pointer;" hidden>
											<div id="div6">
												<a href="javascript:void(0)" ng-click="selectTool('SMS',6);">
													<img src="assets/img/message.svg" alt="Message" />
												</a>
											</div>
											<div class="select-item-text">SMS</div>
										</div>

										<div class="col-md-3 col-sm-6 text-center" id="web-push"
											style="margin-top: 50px; cursor: pointer;" hidden>
											<div id="div1">
												<a href="javascript:void(0)" ng-click="selectTool('WEB_PUSH',7)">
													<img src="assets/img/Web-Push_Notification.png" alt="Web Push" />
												</a>
											</div>
											<div class="select-item-text" >Web Push</div>
										</div>

										<div class="col-md-3 col-sm-6 text-center"  id="web-popUp"
											style="margin-top: 50px; cursor: pointer;" hidden>
											<div id="div1">
												<a href="javascript:void(0)" ng-click="selectTool('WEB_POPUP',8)">
													<img src="assets/img/push-notification.svg" alt="Web Pop Up" />
												</a>
											</div>
											<div class="select-item-text">Web Popup</div>
										</div>
										<div class="col-md-3 col-sm-6 text-center" id="email-camp"
											style="margin-top: 50px; cursor: pointer;" hidden>
											<div id="div5">
												<a href="javascript:void(0)" ng-click="selectTool('EMAIL',9);">
													<img src="assets/img/email.svg" alt="Email" />
												</a>
											</div>
											<div class="select-item-text">EMAIL</div>
										</div>
										<div class="col-md-3 col-sm-6 text-center " id="fb" style="margin-top: 50px; cursor: pointer;" hidden>
											<div id="div1">
											  <a href="javascript:void(0)" ng-click="selectTool('FACEBOOK_ADS', 10)">
												<img src="assets/img/fb.png" alt="Facebook" />
											  </a>
											</div>
											<div class="select-item-text" >Facebook</div>
										</div>
										<div class="col-md-3 col-sm-6 text-center" id="whatsapp" style="margin-top: 50px;cursor: pointer;" hidden>
											<div id="div1">
												<a href="javascript:void(0)" ng-click="selectTool('WHATSAPP');">
													<img src="assets/img/message.svg" alt="whatsapp" />
												</a>
											</div>
											<div class="select-item-text" >Whatsapp</div>
										</div>
										<!-- <div class="col-md-2 col-sm-6">
                                            <div class="widget widget-stats " style="height:150px;cursor:pointer" onclick="selectTool('FEEDBACK',5);closeTemplate('CLOSE');" id="div5">
                                                <div class="stats-info" >
                                                    <img src="/images/dashboard/feedback.png">
                                                </div>

                                            </div>
                                        </div> -->
									</div>
									<!-- <div style="text-align:center;margin-top:30px;">
                                    <button type="button" class="btn btn-sm btn-success" ng-click="cancelCampaign();">Cancel</button>
                                    </div> -->
								</div>

								<!-- Psuh Notification Section Start Here -->
								<div id="divToolSelection" class="col-md-12" style="">

									<div ng-include src="'partials/pushNotification.html'"></div>

									<div ng-include src="'partials/in-appnotification.html'"></div>

									<div ng-include src="'partials/app-rating.html'"></div>

									<div ng-include src="'partials/in-app-survey.html'"></div>

									<div ng-include src="'partials/text-sms.html'"></div>
									<div ng-include src="'partials/web-push.html'"></div>
									<div ng-include src="'partials/web-popup.html'"></div>
									<div ng-include src="'partials/email.html'"></div>
									<div ng-include src="'partials/facebook-ads.html'"></div>
								</div>
								<!--End panel-body-->
							</div>
							<!--End col-12-->
						</div>
						<div class="col-md-12" id="divToolSelection" style="display:none">
							<!--Start col-12-->
							<div class="col-8 ui-sortable">
								<div class="panel-body">
									<div id="divSavedTools">
									</div>
									<div id="toolContentsDiv">

									</div>
								</div>
								<!--End panel-body-->
							</div>
							<div class="col-4 ui-sortable">
								<div id="showPreview">
								</div>
							</div>
							<!--End col-12-->
						</div>
						<!-- end row -->
					</div>

				</div>
				<!-- end wizard step-1 -->
				<!-- begin wizard step-2 -->
				<div class="readOnly">
					<div class="jumbotron m-b-0"
						style="height:100%;padding-top:5px;background-color:#ffffff !important;">
						<!--  <div ng-include src="'partials/audienceListing.html'"></div> -->
						<div class="row">
							<div class="audience-segment-title col-xs-8" style="padding-left: 25px;padding-top: 20px;">
								Select from Existing Audience Segments</div>
							<div class="col-xs-4 text-right" style="padding-right: 25px;padding-top: 20px;">
								<a href="dashboard?action=aud#/aud/create/true/{{template_id}}/{{templateType}}"
									ng-if="template_id  && templateType">
									<button type="button" class="btn btn-primary"
										style="padding: 8px 14px; font-size: 12px;">Create New Audience
										Segments</button>
								</a>
								<a href="dashboard?action=aud#/aud/create/true" ng-if="!template_id">
									<button type="button" class="btn btn-primary"
										style="padding: 8px 14px; font-size: 12px;">Create New Audience
										Segments</button>
								</a>
							</div>
						</div>
						<div class="col-12 ui-sortable" style="overflow:auto;height:400px;padding-top:10px;"">
                              <div class=" panel-body">
							<div class="audience-segments-list">
								<div class="audience-segments" ng-repeat="audList in audienceSegments track by $index"
									ng-class="(audList._id==audienceSegmentId) ? 'active' : ''"
									id="segment_{{audList._id}}" ng-click="selectAudienceSegment($index,audList._id);">
									<input style="display:none;" type="radio" id="{{audList._id}}" name="audiencelist"
										ng-model="audienceSegmentId" ng-value="audList._id">
									<div>
										{{audList.name}}
										<!-- <span class="pull-right" style="z-index: 999999;margin-right: 20px;">
                                            <a ng-href="?action=aud#/aud/edit/5e1eff3e1eac4f32a68901fe" href="?action=aud#/aud/edit/5e1eff3e1eac4f32a68901fe">
                                                <img src="assets/img/Edit_28x28.png" alt="edit"> 
                                            </a>
                                        </span> -->

										<span class="pull-right activeicon" id="select_{{audList._id}}"
											class="pull-right"
											style="z-index: 999999;margin-right: 20px; display: none;">
											<img src="assets/img/Select_28x28.png" alt="select">
										</span>

										<span class="pull-right inactiveicon" id="unselect_{{audList._id}}"
											class="pull-right" style="z-index: 999999;margin-right: 20px;">
											<img src="assets/img/UnSelect_28x28.png" alt="select">
										</span>
									</div>
								</div>
							</div>
							<div style="text-align:center;display:none">
								<button type="button" class="btn btn-sm btn-success"
									ng-click="cancelCamp();">Cancel</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end wizard step-2 -->
			<!-- begin wizard step-3 -->
			<div ng-clock>
				<div class="jumbotron m-b-0"
					style="height:100%;padding-top:5px;overflow:auto;background-color:#ffffff !important;">
					<div class="col-md-12">
						<!--Start col-12-->
						<div class="col-12 ui-sortable">
							<div class="panel-body">
								<div class="form-horizontal" style="padding-top:25px;"">

                                        <div class=" form-group readOnly">
									<label class="col-md-3 control-label">Campaign Name</label>
									<div class="input-group ">
										<input type="text" autocomplete="off" class="form-control" ng-model="lcamp.campaignName"
											placeholder="Enter campaign name" maxlength="50" style="width: 342px;">

									</div>

								</div>

								<div class="form-group readOnly" style="display:none">
									<label class="col-md-3 control-label">Limited to</label>
									<div class="col-md-4">
										<div class="radio">
											<label>
												<input type="radio" name="rdbLimitOptions" value="LIMITEDTOALL"
													data-bind="checked: limitedTo" id="rdbLimitedToAll">
												All
											</label>
										</div>
										<div class="radio">
											<label>
												<input type="radio" name="rdbLimitOptions" value="LIMITEDTOMAX"
													data-bind="checked: limitedTo" id="rdbLimitedToMax">
												Max to&nbsp;<input type="text" autocomplete="off" class="form-control"
													style="width:40px;padding:0px;text-align:center" id="txtMaxLimit">
											</label>
										</div>


									</div>
								</div>
								<div class="form-group" ng-if="templateType != 'Email' && templateType != 'SMS'" id="conversion_lcamp">
									<label class="col-md-3 control-label">Conversion</label>
									<div class="col-md-4">
										<label class="checkbox">
											<input type="checkbox" ng-model="isConversion"
												ng-click="conversionPopupBoxOpen();" value="false"
												id="conversion_event">
										</label>
									</div>
								</div>
								<div class="form-group readOnly" ng-if="templateType == 'Email'">
									<label class="col-md-3 control-label">Email Configuration</label>
									<div class="input-group input-daterange" style="width: 36%;">
										<select ng-model="email.configuration" class="form-control"
											id="emailConfiguration">
											<option value="" selected>--Select Configuration--</option>
											<option value="netcore">Netcore</option>
										</select>
									</div>
								</div>
								<div class="form-group readOnly" ng-if="templateType == 'SMS'">
									<label class="col-md-3 control-label">SMS Configuration</label>
									<div class="input-group input-daterange" style="width: 36%;">
										<select ng-model="sms.configuration" class="form-control" id="smsConfiguration">
											<option value="" selected>--Select Configuration--</option>
											<option value="gupshup">Gupshup</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-3 control-label">Date Range</label>
									<div class="input-group input-daterange">
										<input type="text" autocomplete="off" class="form-control readOnly" name="start"
											placeholder="Date Start" id="campaignStartDate" ng-model="lcamp.startDate"
											styele="width:150px;" />
										<span class="input-group-addon">to</span>
										<input type="text" autocomplete="off" class="form-control" name="end" placeholder="Date End"
											ng-model="lcamp.endDate" id="campaignEndDate" />
									</div>
								</div>
								<div class="form-group readOnly" id="dt">
									<label class="col-md-3 control-label">Delivery Type </label>
									<div class="input-group input-daterange">
										<div class='input-group date'>
											<select class="form-control" id='deliveryType' ng-model="lcamp.dlvy">
												<option id="dt1" value="a" selected>All</option>
												<option id="dt2" value="d">DirectPush</option>
												<option id="dt3" value="i">InboxOnly </option>
											</select>
										</div>
									</div>
								</div>
								<div class="form-group readOnly">
									<label class="col-md-3 control-label">Category </label>
									<div class="input-group input-daterange">
										<div class='input-group date'>
											<select class="form-control" id="eng-camp" ng-disabled="lcamp.cy == 't'"
												ng-model="lcamp.cy">
												<option value="e" selected>Engagement</option>
												<option value="u">Uninstall</option>
												<option value="g">Geofence </option>
												<option value="t">Transactional </option>
											</select>
										</div>
									</div>
								</div>
								<div class="form-group readOnly" id="liveEvent_lcamp">
									<label class="col-md-3 control-label">Live Event</label>
									<div class="input-group input-daterange">
										<div class='input-group date'>
											<input bs-switch state="liveEvent" type="checkbox" class="BSswitch"
												data-off-text="&nbsp;False" data-on-text="&nbsp;True" data-label-text="&nbsp;True"
												data-on-color="success" data-off-color="success" onSwitchChange="liveEventAction" >
										</div>
									</div>
								</div>	
								<div class="form-group readOnly" id="appinboxexp">
									<label class="col-md-3 control-label">App Inbox Expiry</label>
									<div class="input-group input-daterange">
										<div class='input-group date'>
											<input type='text' class="form-control" id='datetimepicker'
												ng-model="lcamp.cmpexpiry" readonly />
										</div>
									</div>
								</div>
								<div class="form-group readOnly" id="delayLcamp">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-2">
										<label class="radio-inline">
											<input type="radio" name="optionsDelay" value="NOW" id="rdbNow"
												ng-click="rdbNow()" checked ng-model="dlyNow"> Now
										</label>
										<label class="radio-inline">
											<input type="radio" name="optionsDelay" value="DELAY" ng-click="rdbDelay()"
												id="rdbDelay" ng-model="dlyDelay"> Delay
										</label>
										<input type="text" autocomplete="off" class="form-control" style="margin-top:10px;"
											id="delayInterval" value="0" maxlength="4" ng-model="delayInterval">
											<select class="form-control" style="width:105px;display:inline;margin-top:2px;"
											id="delayDurationUnit">
											<option value="Seconds">Seconds</option>
											<option value="Minutes">Minutes</option>
											<option value="Hours">Hours</option>
										</select>

										<select class="form-control" style="width:105px;display:none;margin-top:2px;"
											id="ddlRangeStatus">
											<option value="lt">Less Than</option>
											<option value="gt">Greater Than</option>
										</select>&nbsp;
										<input type="text" autocomplete="off" class="form-control"
											style="width:40px;display:none;padding:0px;text-align:center;margin-top:2px;"
											id="txtRangeValue">&nbsp;&nbsp;
										<input type="text" autocomplete="off" class="form-control"
											style="width:40px;display:none;padding:0px;text-align:center;margin-top:10px;"
											id="txtPastDays">
									</div>
								</div>

								<!-- Email only div -->
								<div>
									<div class="form-group readOnly" ng-show="email_Camp">
										<label class="col-md-3 control-label">Campaign Cost</label>
										<div class="input-group ">											
											<input ng-model="email_cost" id="campaignCost" type="number" autocomplete="off" class="form-control" 
												placeholder="Cost of this Campaign">
										</div>
									</div>
								</div>
								<!-- Email only div -->

								<!---Frequency CappingFeilds---->
								<hr>
								<div id="frequency-div">
								<label class="control-label" style="font-size:16px;">Frequency
									Capping</label><br><br>
								<div class="freq-section">
									<div class="form-group readOnly" style="margin-bottom:0px;">
										<div class="form-inline">
										</div>
										<label class="col-md-4 control-label">Frequency</label>
										<div class="col-md-5" style="width: 420px; padding: 0;">
											Show this notification&nbsp;&nbsp;
											<input type="number" class="form-control" style="width: 90px; display: inline;" id="ddlShow" min="1" value="1">
											
											&nbsp;&nbsp;times to users,after an interval of
										</div>
										<div class="">
											<input type="text" autocomplete="off" class="form-control"
												style="width:40px;display:inline;padding:0px;text-align:center;"
												id="txtInterval" value="0" maxlength="4">&nbsp;
											<select class="form-control"
												style="width:105px;display:inline;margin-top:2px;" id="ddlDurationUnit">
												<option value="mm">Minutes</option>
												<option value="hh">Hours</option>
											</select>

											<select class="form-control"
												style="width:105px;display:none;margin-top:2px;" id="ddlRangeStatus">
												<option value="lt">Less Than</option>
												<option value="gt">Greater Than</option>
											</select>&nbsp;<input type="text" autocomplete="off" class="form-control"
												style="width:40px;display:none;padding:0px;text-align:center;margin-top:2px;"
												id="txtRangeValue">&nbsp;&nbsp;<input type="text" autocomplete="off" class="form-control"
												style="width:40px;display:none;padding:0px;text-align:center;margin-top:10px;"
												id="txtPastDays">
										</div>
									</div>
									<div id="advancedFrequency">
									<div class="form-group readOnly">
										<label class="col-md-4 control-label"> Interval between messages </label>
										<div class="col-md-6">
											<input type="text" autocomplete="off" class="form-control"
												style="margin-top:10px;width: 150px; float: left;" id="imageInterval"
												value="0" maxlength="4" ng-model="imageInterval">
											<select class="form-control"
												style="width:105px;display:inline;margin-top:10px;margin-left: 10px;"
												id="imageIntervalUnit">
												<option value="ss">Seconds</option>
												<option value="mm">Minutes</option>
												<option value="hh">Hours</option>
											</select>
										</div>
									</div>
									<div class="form-group readOnly">
										<label class="col-md-4 control-label"> Push Amplification
										</label>
										<div class="col-md-6">
											<select class="form-control"
												style="width:130px;display:inline;margin-top:10px;margin-left: 10px;"
												id="pushAmp" ng-model="pushAmp" >
												<option>Please select</option>
												<option value="true">True</option>
												<option value="false">Fasle</option>
											</select>
										</div>
									</div>
									<div class="form-group readOnly">
										<label class="col-md-4 control-label"> Exclude this campaign from all limits
										</label>
										<div class="col-md-6">
											<select class="form-control"
												style="width:105px;display:inline;margin-top:10px;margin-left: 10px;"
												id="excludeCampFromAllLimits">
												<option value="no">No</option>
												<option value="yes">Yes</option>
											</select>
										</div>
									</div>
									<div class="form-group readOnly">
										<label class="col-md-4 control-label"> Number of times a campaign is shown in a
											session </label>
										<div class="col-md-6">
											<input type="text" autocomplete="off" class="form-control"
												style="margin-top:10px;width: 150px; float: left;"
												id="noOfTimesCampShowninSession" value="0" maxlength="4"
												ng-model="noOfTimesCampShowninSession">
										</div>
									</div>
									<div class="form-group readOnly">
										<label class="col-md-4 control-label"> Number of times a campaign is shown in a
											day
										</label>
										<div class="col-md-6">
											<input type="text" autocomplete="off" class="form-control"
												style="margin-top:10px;width: 150px; float: left;"
												id="noOfTimesCampShowninDay" value="0" maxlength="4"
												ng-model="noOfTimesCampShowninDay">
										</div>
									</div>
									<div class="form-group readOnly">
										<label class="col-md-4 control-label"> Number of times a campaign is shown
											across
											the lifetime of the app </label>
										<div class="col-md-6">
											<input type="text" autocomplete="off" class="form-control"
												style="margin-top:10px;width: 150px; float: left;"
												id="noOfTimesCampShowninLifetime" value="0" maxlength="4"
												ng-model="noOfTimesCampShowninLifetime">
										</div>
									</div>
								</div>
								</div>
								<hr>
							</div>
								<!---Staggered Push Feilds---->
								<div id="staggered-div">
								<label class="control-label" style="font-size:16px;">Staggered Send</label><br><br>
								<div class="form-group readOnly">
									<label class="col-md-3 control-label"> Maximum Batch Per Time Window %</label>
									<div class="col-md-4 input-group">
										<input type="text" autocomplete="off" class="form-control" style="width: 120px; margin-left: 15px;"
											ng-model="lcamp.stag.max_batch">
									</div>
								</div>
								<div class="form-group readOnly" style="display: flex;">
									<label class="control-label col-md-3"> Time Window</label>
									<input type="text" autocomplete="off" class="form-control " style="width: 100px;margin-left: 15px;"
										ng-model="lcamp.stag.time">
									&nbsp;&nbsp;
									<select name="" class="form-control" style="width: 120px;" id=""
										ng-model="lcamp.stag.t_unit">
										<option ng-show="false" value="" selected disabled>
											Select Unit
										</option>
										<option value="mm">
											Minutes
										</option>
										<option value="hh">
											Hours
										</option>
										<option value="dd">
											Days
										</option>
									</select>
								</div>
								<hr>
							</div>

								<!---Staggered Push Feilds ends---->

							 <!---Optimization--start-->
							 <div id="optimisation-div">

								<label class="control-label" style="font-size:16px;">Optimization</label><br><br>
		
								<div class="form-group readOnly">
								  <label class="col-md-3 control-label"></label>
								  <div class="col-md-9">
									  <input type="checkbox" id="Bes" name="maskedDids" value="">
									  <label for="maskedDids">Send time optimization</label><br>
									  <input type="checkbox" id="amplification" name="maskedDids" value="">
									  <label for="maskedDids">Push Amplification</label><br>
		  
									  <div class="form-group readOnly">
										<div class="clearfix down-space"></div>  
										<label class="col control-label"></label>
										<div class="col">
											<label class="radio-inline">
												<input type="radio" name="optionsDayseee" value="">Best device
											</label>
											<label class="radio-inline">
												<input type="radio" name="optionsDayseee" value="">Send to all devices
											</label>
										</div>
									</div>
									
									<script>
										// Get all radio buttons with the specified name
										var radioButtons = document.getElementsByName('optionsDayseee');
									
										// Add event listener to each radio button
										radioButtons.forEach(function(radioButton) {
											radioButton.addEventListener('click', function() {
												// Uncheck all radio buttons except the one that was clicked
												radioButtons.forEach(function(rb) {
													if (rb !== radioButton) {
														rb.checked = false;
													}
												});
											});
										});
									</script>
									
								  </div>
								 </div>
		
									<hr>
		
							 </div>
							  
							  <!---Optimization---->
	   

								<div class="form-group readOnly">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9">
										<label class="radio-inline">
											<input type="radio" name="weekdayX" value="ALLWEEK"
												ng-model="lcamp.daySelector" id="rdbAllWeek">
											All Week
										</label>
										<label class="radio-inline">
											<input type="radio" name="optionsDays" value="SPECIFICDAYS"
												 id="rdbSpecificDays"
												ng-model="lcamp.daySelector">
											Specific days
										</label>
									</div>
								</div>


								<div class="form-group readOnly">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9">
										<label class="checkbox-inline">
											<input type="checkbox" id="dayOne" value="0" ng-model="dayOne"
												ng-click="addSpecificDay(0,dayOne)" name="weekday" class="weekday">
											S
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" value="1" name="weekday" id="dayTwo" class="weekday"
												ng-model="dayTwo" ng-click="addSpecificDay(1,dayTwo)">
											M
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" value="2" name="weekday" class="weekday"
												ng-model="dayThree" id="dayThree" ng-click="addSpecificDay(2,dayThree)">
											T
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" value="3" ng-model="dayFour" name="weekday"
												class="weekday" id="dayFour" ng-click="addSpecificDay(3,dayFour)">
											W
										</label>
										<label class="checkbox-inline">
											<input ng-model="dayFive" type="checkbox" value="4" name="weekday"
												class="weekday" id="dayFive" ng-click="addSpecificDay(4,dayFive)">
											T
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" ng-model="daySix" value="5" name="weekday"
												class="weekday" id="daySix" ng-click="addSpecificDay(5,daySix)">
											F
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" value="6" ng-model="daySeven" name="weekday"
												class="weekday" id="daySeven" ng-click="addSpecificDay(6,daySeven)">
											S
										</label>

									</div>
								</div>

								<div class="form-group readOnly">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9">
										<label class="radio-inline">
											<input type="radio" name="optionsTime" value="ALLDAY"
												ng-model="lcamp.timeSelector" id="rdbAllTime">
											All Day
										</label>
										<label class="radio-inline">
											<input type="radio" name="optionsTime" value="SPECIFIC"
												ng-model="lcamp.timeSelector" id="rdbSpecificTime">
											Time Range
										</label>
									</div>
								</div>
								<div class="form-group readOnly">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-6">
										<span style="padding-bottom:3px;">Selected Time:&nbsp;&nbsp; <strong
												id="timeRangeLabel"></strong></span>
										<div id="timeRange"></div>
									</div>
								</div>
                           <div id="scheduler_lcamp">
								<label class="control-label" style="font-size:16px;">Scheduler</label><br><br>
								<div class="form-group readOnly">
									<label class="col-md-3 control-label">Frequency Type </label>
									<div class="input-group input-daterange">
										<div class='input-group date'>
											<select class="form-control" id="frequencyType" ng-model="lcamp.ft">
												<option  value="o" >None</option>
												<option  value="mm">Multiple</option>
												<option  value="r">Recurring </option>
											</select>
										</div>
									</div>
								</div>

								<div class="form-group readOnly" ng-if="lcamp.ft == 'r'">
									<label class="col-md-3 control-label"> Mode </label>
									<div class="input-group input-daterange">
										<div class='input-group date'>
											<select class="form-control" id="modeFreq"	ng-model="lcamp.m">
												<option  value="d" >Daily</option>
												<option  value="w">Weekly</option>
												<option  value="m">Monthly </option>
												<option  value="c">Continuous </option> 

											</select>
										</div>
									</div>
								</div>

								<div class="form-group readOnly" id="startTimeFrequency" ng-show="lcamp.m == 'd' || lcamp.m == 'w' || lcamp.m == 'm' || lcamp.ft == 'mm'" ng-hide="lcamp.ft == 'o' || lcamp.m == 'c'">
                                    <label class="col-md-3 control-label">Time</label>
                                    <div class="input-group">
                                        <div class='input-group date'>
                                            <input type="time" id='startTimeFreq' value="" class="form-control"
                                                   ng-model="lcamp.startTimeFreq" step="60">
                                        </div>
                                    </div>
                                </div>


								   <!-- multi date picker for multiple days in many months    ft:multiple -->

								   <div class="form-group readOnly" id="multiDatesFrequency" ng-show="lcamp.ft == 'mm'">
									<label class="col-md-3 control-label">Select multiple dates</label>
									<div class="input-group input-daterange">
									<input type="text" class="form-control" id="multiDatePicker" placeholder="Select dates">
									</div>
								</div>

								   <!-- multi date picker for specific day per month   recurring--multi -->

								<div class="form-group readOnly" id="specificDaysOfMonthFrequency" ng-show="lcamp.m == 'm'" ng-hide="lcamp.m == 'd' || lcamp.m == 'w' || lcamp.m == 'c' || lcamp.ft =='mm' || lcamp.ft =='o'  ">
									<label class="col-md-3 control-label">Select dates</label>
									<div class="input-group input-daterange">
										<input type="text" id="specificDaysOfMonth" class="form-control">
									</div>
								</div>


                                    <!-- Only for Continuous case  -->
								<div class="form-group readOnly" id="startDateFrequency" ng-show="lcamp.m == 'c'" ng-hide="lcamp.ft == 'mm' || lcamp.ft == 'o' || lcamp.m == 'd' || lcamp.m == 'w' || lcamp.m == 'm' ">
									<label class="col-md-3 control-label">Date</label>
									<div class="input-group input-daterange">
										<input type="text" class="form-control" id="continuousDate" />
									</div>
							</div>   
								

								<div class="form-group readOnly" ng-if="lcamp.m == 'w'" ng-hide="lcamp.ft == 'mm' || lcamp.ft == 'o'" >
									<label class="col-md-3 control-label">Specific Days</label>
									<div class="col-md-9">
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_0" name="weekday_" class="weekday_"> S
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_1" name="weekday_" class="weekday_"> M
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_2" name="weekday_" class="weekday_"> T
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_3" name="weekday_" class="weekday_"> W
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_4" name="weekday_" class="weekday_"> T
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_5" name="weekday_" class="weekday_"> F
										</label>
										<label class="checkbox-inline">
											<input type="checkbox" id="checkbox_6" name="weekday_" class="weekday_"> S
										</label>
									</div>
								</div>
								
								

								<div class="form-group readOnly" ng-hide="lcamp.ft == 'mm' || lcamp.ft == 'o' || lcamp.m == 'd' || lcamp.m == 'w' || lcamp.m == 'm'" ng-if="lcamp.m == 'c'" >
									<label class="col-md-3 control-label"> Interval </label>
									<input type="text" autocomplete="off" class="form-control" style="margin-top:10px;width: 50px; float: left" id="fre_interval" value="0" maxlength="4">
									<select class="form-control" style="width:105px;display:inline;margin-top:10px;margin-left: 10px;" id="fre_intervalUnit">
										<option value="s">Seconds</option>
										<option value="m">Minutes</option>
										<option value="h">Hours</option>
										<option value="d">Days</option>
									</select>
								</div>
							</div>

								<div class="form-group readOnly" ng-if="otherProbs.length">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9">
										<label class="radio-inline" ng-click="sliderStatus(1)">
											<input type="radio" name="optionAbType" value="manual"
												ng-model="lcamp.AbTypeSelector" id="rdbAbManual">
											Set A/B Split
										</label>
										<label class="radio-inline" ng-click="sliderStatus(0)">
											<input type="radio" name="optionAbType" value="auto"
												ng-click="rdbSpecificDays()" id="rdbAbAuto"
												ng-model="lcamp.AbTypeSelector">
											Let the Machine do it
										</label>
									</div>
									<div>

									</div>
								</div>
								<div class="form-group readOnly">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9" ng-if="sliderVariance==1">
										<label id="variant_input" style="margin-top: 15px;" ng-if="otherProbs.length"
											ng-repeat="val in otherProbs">
											<label class="control-label">{{val.name}}</label> &nbsp;&nbsp;
											<input type="number" ng-model="val.p" placeholder="%" class="form-control"
												style="width:70px; display:inline-block;" min="0" max="100"
												ng-change="totalPer()">
											&nbsp;&nbsp;
										</label>
									</div>
								</div>
								<div class="form-group readOnly" ng-if="otherProbs.length">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9" ng-if="sliderVariance==1">
										<label style="margin-right: 20px">
											<label class="switch" style="margin-right: 20px">
												<input type="checkbox" ng-model="isChecked"
													ng-change="controlGroupInput(10);" id="togControlGroup"
													value="true">
												<span class="slider round"></span> &nbsp; &nbsp;
											</label>
											Control Group

										</label>
										<label ng-show="isVisible">
											<input type="number" ng-model="controlGroupValue" placeholder="%"
												class="form-control" style="width:70px;" id="controlGroupNum" min="0"
												max="100" ng-change="totalPer()">
											<!-- {{savevariantdata.length}} -->
										</label>
									</div>
								</div>
								<div class="form-group readOnly"
									ng-if="otherProbs.length > 0 && totalVariantPer != 100">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9" ng-if="sliderVariance==1; controlGroupValue >= 0"
										style="font-size: 14px;">
										<div>Total: <span style="color: red;">{{totalVariantPer}} %</span></div>
										<div style="margin-top: 10px;">Make sure that the total adds upto 100</div>
									</div>
								</div>
								<br /><br />
								<div class="form-group">
									<label class="col-md-3 control-label"></label>
									<div class="col-md-9">
										<button id="save_cmp" type="button"
											class="btn btn-sm btn-success"
											ng-click="saveCampaignDefault()">Submit</button>
						
										<button type="button" class="btn btn-sm btn-success"
											ng-click="cancelCamp();">Cancel</button>

									</div>
								</div>
								<div class="form-group">
									<div class="col-md-12" style="text-align:center;">

										<label ng-if="stag_max_batchError"
											style="color: red">{{stag_max_batchError}}</label>
										<label ng-if="stag_timeError" style="color: red">{{stag_timeError}}</label>
										<label ng-if="stag_unitError" style="color: red">{{stag_unitError}}</label>

										<label ng-if="cToolsIdError"
											style="color: red; width: 300px;">{{cToolsIdError}}</label>
										<label ng-if="startDateError "
											style="color: red; width: 300px;">{{startDateError}}</label>
										<label ng-if="endDateError"
											style="color: red; width: 300px;">{{endDateError}}</label>

										<label ng-if="startgtDateError"
											style="color: red; width: 300px;">{{startgtDateError}}</label>
										<label ng-if="startCurrDError"
											style="color: red; width: 300px;">{{startCurrDError}}</label>

										<label ng-if="specificDayError"
											style="color: red; width: 300px;">{{specificDayError}}</label>
										<label ng-if="campDupError"
											style="color: red; width: 300px;">{{campDupError}}</label>

										<label ng-if="UpdatevalidationMessage"
											style="color: red; width: 300px;">{{UpdatevalidationMessage}}</label>

										<label ng-if="campaignNameError"
											style="color: red">{{campaignNameError}}</label>
										<label ng-if="abRangeError" style="color: red">{{abRangeError}}</label>
										<label ng-if="campEmailCostError"
										style="color: red">{{campEmailCostError}}</label>
									</div>
								</div>
							</div>
						</div>
						<!--End panel-body-->
					</div>
					<!--End col-12-->
				</div>
				<!-- end row -->
			</div>
	</div>
	<!-- end wizard step-3 -->
</div>
</form>
</div>


<!-- Dialog  ChildApps Start-->
<div class="modal fade" id="childapps-dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">Target Child Apps</h4>
			</div>
			<div class="modal-body">
				<div>
					<table class="table" style="margin-bottom:0px;">
						<tr>
							<td style="border:none">

							</td>
							<td colspan="2" style="border:none;padding-right:50px;">
								<input type="textbox" placeholder="Search by name" class="form-control"
									ng-model="searchTerm">
							</td>

							<td style="border:none;">

							</td>
						</tr>
					</table>
				</div>
				<div style="height:300px;overflow:auto">
					<table class="table">
						<thead>
							<th><input ng-disabled="editMode" type="checkbox" ng-click="markAllSelected()"
									ng-model="selectedAll"> Select All</th>

							<th>Name</th>
							<th>Id</th>
							<th><input type="checkbox" ng-click="markAllApproved()" ng-model="approvedAll"> Approve All
							</th>
							<th ng-if="editMode">Delete</th>
						</thead>
						<tbody ng-repeat="app in childApps | filter: {name:searchTerm}">
							<tr>
								<td><input type="checkbox" ng-model="app.selected"
										ng-click="deselectSelectedAllFlag(app.selected)" ng-disabled="app.hide" /></td>
								<td>{{app.name}}</td>
								<td>{{app.childappid}}</td>
								<td><input type="checkbox" ng-model="app.approved"
										ng-click="deselectApprovedAllFlag(app.approved)" /></td>
								<td ng-if="editMode"><input type="checkbox" ng-model="app.deleted"
										ng-disabled="!app.hide" /></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="modal-footer">
				<label style="color:red;" ng-show="isError">It is required to select all apps or minimum one.</label>
				<button class="btn btn-sm btn-primary m-r-5" type="button" ng-click="saveCampaign()"
					ng-show="!edit">Save Campaign</button>
				<button class="btn btn-sm btn-primary m-r-5" type="button" ng-click="cancel()"
					data-dismiss="modal">Cancel</button>

			</div>
		</div>
	</div>
</div>
<!-- Dialog  conversion-dialog-->
<div class="modal fade" id="conversion-dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"
					ng-click="conversionPopupBoxClose();">×</button>
				<h4 class="modal-title">Set conversion event</h4>
			</div>
			<div class="modal-body">
				<div class="col-md-12">
					<div class="form-group">
						<label class="col-md-4 control-label">Event</label>
						<div class="col-md-6">
							<select class="select2_event_one form-control" ng-model="c_event_index"
								ng-change="showAttribute(c_event_index,1)">
							</select>
						</div>
					</div>
				</div>
				<!-- START OF Attributes  Section of Selected Event (if any)-->
				<div ng-if="c_attribute_list.length > 0" class="col-md-12">
					<div class="form-group">
						<label class="col-md-4 control-label">Attributes</label>
						<div class="col-md-4">
							<select id="firstEvent" class="form-control" ng-model="c_eventAttribute"
								ng-change="showAttributeOperators(c_eventAttribute)"
								ng-options="name.name for name in c_attribute_list">
							</select>
						</div>
						<!--  Start Operator type of selected attribiute-->
						<div class="col-md-1">
							<!-- Start FOR  string Cases operator-->
							<select class="form-control" style="width:135px;" ng-model="c_event_operator"
								ng-options="op.label as op.text for op in c_eventAttribute.operators"
								ng-change="selectAttrributeOperator(c_event_operator)"
								ng-if="c_event_attr_type != 'number' && c_event_attr_type != 'boolean'">
								<option value="" ng-show="false" selected disabled> Operator</option>
							</select>
							<!-- End  string Cases operator-->
							<!-- Start FOR   Number Cases operator -->
							<select class="form-control" style="width:135px;" ng-model="c_event_operator"
								ng-change="selectAttrributeOperator(c_event_operator)"
								ng-if="c_event_attr_type == 'number'">
								<option value="gt"> Greater Than</option>
								<option value="lt"> Less Than</option>
								<option value="eq"> Equals </option>
								<option value="ne"> Not Equals</option>
							</select>
							<!-- END   Number Cases operator -->
							<!-- Start FOR  Booleon Cases operator-->
							<select class="form-control" style="width:135px;" ng-model="c_event_operator"
								ng-change="selectAttrributeOperator(c_event_operator)"
								ng-if="c_event_attr_type == 'boolean'">
								<option value="eq"> Equals </option>
								<option value="ne"> Not Equals</option>
							</select>
							<!-- END FOR  Booleon Cases operator-->
						</div>
						<!-- End of Operator type of selected attribiute-->
					</div>
				</div>
				<!-- END OF Attributes  Section of Selected Event (if any)-->
				<!-- START of Operator Value for selected atrribute aganist event -->
				<div ng-if="c_attribute_list.length > 0" class="col-md-12 input_type_eventOperator">
					<label class="col-md-4 control-label">Value</label>
					<div class="col-md-2" ng-if="c_event_attr_type != 'boolean' || c_event_attr_type == 'string'">
						<input type="text" ng-change="setValueforOperator(c_event_operator_value)" class="form-control"
							ng-model="c_event_operator_value">
					</div>

					<div class="col-md-2" ng-if="c_event_attr_type == 'boolean'">
						<select class="form-control" style="width:135px;" ng-model="c_event_operator_value"
							ng-click="setValueforOperator(c_event_operator_value)">
							<option value="true"> True </option>
							<option value="false "> False</option>
						</select>
					</div>
				</div>
				<!-- END of Operator Value for selected atrribute aganist event -->
				<div class="clearfix"></div>
				<div class="col-md-12" style="margin-top:10px;">
					<div class="form-group">
						<label class="col-md-4 control-label">Period (in hrs)</label>
						<div class="col-md-6">
							<input type="text" class="form-control" ng-model="c_period"
								placeholder="Enter time period in hrs" maxlength="3" valid-number>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
				<button id="addEvent" class="btn btn-sm btn-primary m-r-5" style="display:block" type="button"
					ng-click="addSecondEvent()"><i class="fa fa-plus"></i></button>
				<button id="removeEvent" class="btn btn-sm btn-danger m-r-5" style="display:none" button"
					ng-click="addSecondEvent()"><i class="fa fa-minus"></i></button>
				<div id="c_operator" style="display:none;" class="m-r-5">
					<input bs-switch id="switch" state="conversionOperator" type="checkbox"
						class="BSswitch form-control" data-off-text="AND" data-on-text="OR" data-label-text="OR"
						data-on-color="primary" data-off-color="primary" onSwitchChange="conversionOperatorChange"
						ng-model="item.value" ng-disabled="!$last">
				</div>
				<div class="addedEvent" style="display:none">
					<div class="col-md-12">
						<div class="form-group">
							<label class="col-md-4 control-label">Event</label>
							<div class="col-md-6">
								<select class="select2_event_two form-control" ng-model="c_event_2_index"
									ng-change="showAttribute(c_event_2_index,2)">
								</select>
							</div>
						</div>
					</div>
					<!-- Second Event Attribute -->
					<!-- START OF Attributes  Section of Selected Event (if any)-->
					<div ng-if="c_attribute_list_2.length > 0" class="col-md-12">
						<div class="form-group">
							<label class="col-md-4 control-label">Attributes</label>
							<div class="col-md-4">
								<select class="form-control" ng-model="c_eventAttribute_2"
									ng-change="showAttributeOperatorsforSecondEvent(c_eventAttribute_2)"
									ng-options="name.name for name in c_attribute_list_2">
								</select>
							</div>
							<!--  Start Operator type of selected attribiute-->
							<div class="col-md-1">
								<!-- Start FOR  string Cases operator-->
								<select class="form-control" style="width:135px;" ng-model="c_event_operator_2"
									ng-options="op.label as op.text for op in c_eventAttribute_2.operators"
									ng-change="selectAttrributeOperatorforSecondEvent(c_event_operator_2)"
									ng-if="c_event_attr_type_2 != 'number' && c_event_attr_type_2 != 'boolean'">
									<option value="" ng-show="false" selected disabled> Operator</option>
								</select>
								<!-- End  string Cases operator-->
								<!-- Start FOR   Number Cases operator -->
								<select class="form-control" style="width:135px;" ng-model="c_event_operator_2"
									ng-change="selectAttrributeOperatorforSecondEvent(c_event_operator_2)"
									ng-if="c_event_attr_type_2 == 'number'">
									<option value="gt"> Greater Than</option>
									<option value="lt"> Less Than</option>
									<option value="eq"> Equals </option>
									<option value="ne"> Not Equals</option>
								</select>
								<!-- END   Number Cases operator -->
								<!-- Start FOR  Booleon Cases operator-->
								<select class="form-control" style="width:135px;" ng-model="c_event_operator_2"
									ng-change="selectAttrributeOperatorforSecondEvent(c_event_operator_2)"
									ng-if="c_event_attr_type_2 == 'boolean'">
									<option value="eq"> Equals </option>
									<option value="ne"> Not Equals</option>
								</select>
								<!-- END FOR  Booleon Cases operator-->
							</div>
							<!-- End of Operator type of selected attribiute-->
						</div>
					</div>
					<!-- END OF Attributes  Section of Selected Event (if any)-->
					<!-- START of Operator Value for selected atrribute aganist event -->
					<div ng-if="c_attribute_list_2.length > 0" class="col-md-12 input_type_eventOperator_2">
						<label class="col-md-4 control-label">Value</label>
						<div class="col-md-2" ng-if="c_event_attr_type_2 != 'boolean'">
							<input type="text" ng-change="setValueforOperatorforSecondEvent(c_event_operator_value_2)"
								class="form-control" ng-model="c_event_operator_value_2">
						</div>

						<div class="col-md-2" ng-if="c_event_attr_type_2 == 'boolean'">
							<select class="form-control" style="width:135px;" ng-model="c_event_operator_value_2"
								ng-click="setValueforOperatorforSecondEvent(c_event_operator_value_2)">
								<option value="true"> True </option>
								<option value="false "> False</option>
							</select>
						</div>
					</div>
					<!-- END of Operator Value for selected atrribute aganist event -->
					<!-- ENd Second Event Attribute -->
					<div class="clearfix"></div>
					<div class="col-md-12" style="margin-top:10px;">
						<div class="form-group">
							<label class="col-md-4 control-label">Period (in hrs)</label>
							<div class="col-md-6">
								<input type="text" class="form-control" ng-model="c_period_2"
									placeholder="Enter time period in hrs" maxlength="3" valid-number>
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="modal-footer">
				<label style="color:red;margin-right:35px;">{{conversionError}}</label>
				<button class="btn btn-sm btn-primary m-r-5" type="button"
					ng-click="confirmConversion()">Confirm</button>
				<button class="btn btn-sm btn-primary m-r-5" type="button" data-dismiss="modal"
					ng-click="conversionPopupBoxClose();">Cancel</button>

			</div>
		</div>
	</div>
</div>
<script>
	$('#excludeCampFromAllLimits').on('change', (event) => {
		if ($(event.target).val() == 'yes') {
			$('#noOfTimesCampShowninSession').prop('disabled', true);
			$('#noOfTimesCampShowninDay').prop('disabled', true);
			$('#noOfTimesCampShowninLifetime').prop('disabled', true);

		}
	});
</script>
<style>
	.switch {
		position: relative;
		width: 40px;
		height: 22px;
	}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	/* The slider */
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 17px;
		width: 17px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked+.slider {
		background-color: #348fe2;
	}

	input:focus+.slider {
		box-shadow: 0 0 1px #348fe2;
	}

	input:checked+.slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 34px;
	}

	.slider.round:before {
		border-radius: 50%;
		display: inline-block;
		background-color: whitesmoke;
	}

	.disable-div {
		pointer-events: none;
	}

	.brand-div {
		background-color: #cccccc;
		width: 100px;
		height: 100px;
		border-radius: 8px;
		display: inline-block;
		margin: 15px;
	}

	.brand-div a.fill-div {
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		margin: 40% 0;
		font-weight: bold;
		font-size: 14px;
		color: #ffffff;
	}

	.activeTab {
		background-color: #ffffff !important;
		color: #000000;
		border: 1px solid #cccccc;
	}

	.activeTab a.fill-div {
		color: #000000;
	}

	.freq-section {
		width: 73%;
	}
</style>