EVOLUTION-NINJA

Edit File: access-rights.php

<?php   //include("menu.php"); 
error_reporting(E_ALL); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/avinash.min.css" >

</div> 
						
						<div class="row owner_access">
							<div class="form-group col-sm-12 col-md-10 ">
								<p>Menu</p>
								<div class="checkbox">
									<label><input type="checkbox" value="">Check All</label>
								</div>
							</div>
							<div class="col-sm-0 col-md-2"></div>
						</div> 
						
						<div class="row owner_access">
							<div class="col-sm-12 col-md-10">
								<table class="table access-table">
									  <tr class="bg-grey">
										<td style="text-align:center;width: 26px;">SI#</td>
										<td style="text-align:center;" class="access-border">Menu Name</td>
										<td style="text-align:center;width: 30px;">Add</td>
									  </tr>
									  <tr class="bg-silvery">
										<td>1</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  
									  
									  <tr class="bg-grey">
										<td class="icon-plus"><a href="#" class="acce-toggle"><i class="fa fa-plus" aria-hidden="true"></i></a></td>
										<td colspan="2">Staffs 1</td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>2</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="sub-toggle">
										<td>3</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									 
									 
									  <tr class="bg-grey" id="rowToClick">
										<td class="icon-plus"><a href="#" class="acce-toggle"><i class="fa fa-plus" aria-hidden="true"></i></a></td>
										<td colspan="2">Staffs 2</td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>4</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="sub-toggle">
										<td>5</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									   
									   
									   <tr class="bg-grey" id="rowToClick">
										<td class="icon-plus"><a href="#" class="acce-toggle"><i class="fa fa-plus" aria-hidden="true"></i></a></td>
										<td colspan="2">Staffs 3</td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>6</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="sub-toggle">
										<td>7</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									   
									   
									  <tr class="bg-grey">
										<td class="icon-plus"><a href="#" class="acce-toggle"><i class="fa fa-plus" aria-hidden="true"></i></a></td>
										<td colspan="2">Staffs 4</td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>8</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="sub-toggle">
										<td>9</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>10</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="sub-toggle">
										<td>11</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>12</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="sub-toggle">
										<td>13</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  <tr class="bg-silvery sub-toggle">
										<td>14</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
									  
									  
									  <tr class="bg-grey">
										<td class="icon-plus"><a href="#" class="acce-toggle"><i class="fa fa-plus" aria-hidden="true"></i></a></td>
										<td colspan="2">Staffs 5</td>
									  </tr>
									  <tr class="sub-toggle">
										<td>15</td>
										<td class="access-border">xyz</td>
										<td style="text-align:center;"><input type="checkbox" value=""></td>
									  </tr>
								 </table>
							</div>
							
							<div class="col-sm-0 col-md-2"></div>
						</div> 
						
						<div class="row owner_access">
							<div class="col-sm-12 col-md-10">
								<div class="col-sm-4 col-md-4"></div>
								<div class="col-sm-4 col-md-4">
									<button type="button" class="btn center-block submit">Submit</button>
								</div>
								<div class="col-sm-4 col-md-4"></div>
							</div>
							
							<div class="col-sm-0 col-md-2"></div>
						</div>
					</form>
					
									
				<div class="col-sm-0 col-md-3"></div>
			</section> 		
		</div>  	
	
	</div></div>

@media only screen and (min-width:641px) and (max-width:991px) {
		.form-group label{
			padding-left:20px !important;
		}
	}
	.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] {
        margin-right:10px;
	}

</style>