@php(
    $headerOption = [
        'title' => '',
        'noCardView' => true,
    ]
)
@extends('front.layouts.layout', $headerOption)

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Frameworks</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                    <li class="breadcrumb-item active">Frameworks</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    @if($framework_data)
        <div class="col-xl-4 col-sm-12 col-12">
            <div class="card text-center">
                <div class="card-body">
                    <div class="d-flex align-items-center gap-10 mb-3">
                        <div class="avatar-sm">
                            <span
                                class="avatar-title rounded-circle bg-soft-primary text-primary font-size-16">
                                C
                            </span>
                        </div>
                        <h5 class="font-size-16 mb-0"><a href="#" class="text-dark">{{ $framework_data->name }}</a></h5>
                    </div>
                    <p class="mb-0 font-size-14 text-muted text-left">{{ $framework_data->description }}</p>
                </div>
            </div>
        </div>
    @endif
    @php($frameworkModel = new \App\Models\Framework())
    @php($req_count = $frameworkModel->getRequirementCounts($framework_data->id))
    @php($control_count = $frameworkModel->getControlCounts($framework_data->id))
    <div class="col-xl-2 col-sm-6 col-12">
        <div class="card">
            <div class="card-body">
                <div class="text-center">
                    <input class="knob" data-width="100" data-height="100" data-linecap=round
                        data-fgColor="#c21807" value="0" data-skin="tron" data-angleOffset="180"
                        data-readOnly=true data-thickness=".1" />
                    <span class="d-block text-center mt-1">Ready</span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-sm-6 col-12">
        <div class="card">
            <div class="card-body">
                <div class="text-center">
                    <div class="round-bg-icon badge-soft-danger in-frm-fix">
                        <i class="bx bx-x-circle"></i>
                    </div>
                    <h4 class="mb-1 font-weight-bold">{{$req_count}}/{{$req_count}}</h4>
                    <p class="mb-0 font-size-14 text-muted text text-truncate">Requirements are Not Ready</p>
                </div>
            </div>
        </div>
    </div>
     <div class="col-xl-2 col-sm-6 col-12">
        <div class="card">
            <div class="card-body">
                <div class="text-center">
                    <div class="round-bg-icon badge-soft-success in-frm-fix">
                        <i class="bx bx-check-circle"></i>
                    </div>
                    <h4 class="mb-1 font-weight-bold">0/{{$req_count}}</h4>
                    <p class="mb-0 font-size-14 text-muted text text-truncate">Requirements are Not Ready</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-sm-6 col-12">
        <div class="card">
            <div class="card-body">
                <div class="text-center">
                    <div class="round-bg-icon badge-soft-success in-frm-fix">
                        <i class="bx bx-slider-alt"></i>
                    </div>
                    <h4 class="mb-1 font-weight-bold">0/{{ $control_count }}</h4>
                    <p class="mb-0 font-size-14 text-muted text text-truncate">Controls Mapped</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 mt-2">
        <div class="connections-main-wrapper">
            <div class="email-leftbar card  ">
                <!-- <button type="button" class="btn btn-danger btn-block waves-effect waves-light" data-toggle="modal" data-target="#composemodal">
                    Compose
                </button> -->
                <h4 class="card-title mb-0">All Requirements</h4>
                <hr>
                <h6 class="mt-2">Chapters</h6>
                <div class="mail-list nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    @if(count($requirement_names) > 0)
                        @foreach($requirement_names as $key => $val)
                            <a  class="nav-link d-block w-100 req-name-link {{ isset($tab) && $tab == $val->name ? 'active' : '' }}" id="v-pills-home-tab" data-toggle="pill" href="{{ route('framework-details', [$framework_data->id, 'tab'=>$val->name]) }}" role="tab" aria-controls="v-pills-home" aria-selected="true" data-name="{{$val->name}}"><i class="mdi mdi-compass-outline mr-2"></i> {{$val->name}}</a>
                        @endforeach
                    @endif
                </div>
                <hr>
                 <h6 class="mt-2">Readiness</h6>
                <div class="mail-list ">
                    <a href="#"><i class="mdi mdi-check-circle-outline mr-2"></i> Ready</a>
                    <a href="#"><i class="mdi mdi-close-circle-outline mr-2"></i>Not Ready</a>
                </div>
                <hr>
                <h6 class="mt-2">Monitoring</h6>
                <div class="mail-list ">
                    <a href="#" ><i class="mdi mdi-account-multiple-check-outline mr-2"></i> Monitored</a>
                    <a href="#"><i class="mdi mdi-account-multiple-remove-outline mr-2"></i>Not Monitored</a>
                </div>
                <hr>
                <h6 class="mt-2">Evidance</h6>
                 <div class="mail-list ">
                    <a href="#"><i class="mdi mdi-magnify mr-2"></i> Evidance Linked</a>
                    <a href="#"><i class="mdi mdi-magnify-remove-outline mr-2"></i>No Evidance</a>
                </div>
                <hr>
                <h6 class="mt-2">Control Owners</h6>
                <div class="mail-list ">
                    <a href="#" class=" align-items-center"><i class="mdi mdi-account-plus-outline mr-2"></i> Owners Assigned</a>
                    <a href="#" class="align-items-center"><i class="mdi mdi-account-remove-outline mr-2"></i>No Owners Assigned</a>
                </div>
                <hr>
                <h6 class="mt-2">Filter by Control Owners</h6>
                <div class="w-100 mt-2">
                    <select class="form-control border-radius-100">
                        <option>Search by name</option>
                    </select>
                </div>
        </div>


            <div class="tab-content w-100" id="v-pills-tabContent">
                <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                    <div class="email-rightbar">

                        <div class="card">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs nav-tabs-custom nav-justified pt-2" role="tablist">
                                <li class="nav-item w-10">
                                    <a class="nav-link active" data-toggle="tab" href="#home1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-check-circle"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-check-circle"></i> In Scope</span>
                                    </a>
                                </li>
                                <li class="nav-item w-10">
                                    <a class="nav-link" data-toggle="tab" href="#profile1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-layout"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-layout"></i> Out of Scope</span>
                                    </a>
                                </li>
                                <li class="w-80 ml-2 d-flex align-items-center">
                                    <!-- <a class="nav-link" data-toggle="tab" href="#messages1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-search"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-search"></i> Search Connections</span>
                                    </a> -->
                                    <div class="input-group cnt-frm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="option-date"><i class="bx bx-search"></i></span>
                                        </div>
                                        <input type="text" class="form-control" name="date" value="" aria-describedby="option-date" placeholder="Search requirements by name , description code , or requirments...">
                                        </div>
                                        <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn ml-2 text-white mb-1" ><i class="bx bx-download"></i></a>
                                </li>
                                {{-- <li class="w-10 text-center ">

                                </li> --}}
                            </ul>

                            <div class="tab-content p-0 text-muted">
                                <div class="tab-pane active" id="home1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped jdhfh">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton" value="checked" >
                                                                <label class="custom-control-label" for="closeButton"></label>
                                                            </div>
                                                        </td>
                                                        <td class="d-flex align-items-center">
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                            <div class="d-flex align-items-center text-muted justify-content-end ml-4">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                        <td>

                                                        </td>
                                                    </tr>
                                                    @if(count($data) > 0)
                                                        @foreach($data as $key => $val)
                                                            <div class="req-list">
                                                                <tr class="req-list-row">
                                                                    <td class="w-5">

                                                                        <div class="custom-control custom-checkbox mb-2">
                                                                            <input type="checkbox" class="custom-control-input input-mini" id="closeButton{{$val->id}}" value="checked" >
                                                                            <label class="custom-control-label" for="closeButton{{$val->id}}"></label>
                                                                        </div>
                                                                        <!-- <div class="form-check">
                                                                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                                        </div> -->

                                                                    </td>

                                                                    <td class="right-bar-toggle d-flex align-items-center inscope-open-modal" data-id="{{ $val->id }}">
                                                                        <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                                        <div class="media-body overflow-hidden">

                                                                            <h5 class="font-size-14 mb-1"><span style="background-color: lightgrey;
                                                                                border: 1px solid darkgray;
                                                                                border-radius: 20px;
                                                                                /* border-top: 44px; */
                                                                                /* padding-top: 20px; */
                                                                                padding-left: 8px;
                                                                                padding-right: 8px;
                                                                                margin-top: 25px;
                                                                                font-size: 11px;">{{$val->uniq_id}}</span>  {{ $val->title }}</h5>
                                                                            <p class="  mb-1 text-muted font-size-14">{{ $val->description }}</p>
                                                                            <div class="media">
                                                                            <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">{{ $framework_data->name }}</span></div>
                                                                            {{--<div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>--}}
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td class="w-20">
                                                                        <div class="media justify-content-end">
                                                                            <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2 d-none"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                            <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light d-none"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            </div>
                                                        @endforeach
                                                    @endif

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="profile1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton30" value="checked" >
                                                                <label class="custom-control-label" for="closeButton30"></label>
                                                            </div>
                                                        </td>
                                                        <td class="d-flex align-items-center">
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                            <div class="d-flex align-items-center text-muted justify-content-end ml-4">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                        <td>

                                                        </td>
                                                    </tr>
                                                    @if(count($data) > 0)
                                                        @foreach($data as $key => $val)
                                                            <tr>
                                                                <td class="w-5">

                                                                    <div class="custom-control custom-checkbox mb-2">
                                                                        <input type="checkbox" class="custom-control-input input-mini" id="closeButton33" value="checked" >
                                                                        <label class="custom-control-label" for="closeButton33"></label>
                                                                    </div>
                                                                    <!-- <div class="form-check">
                                                                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                                    </div> -->

                                                                </td>

                                                                <td class=" d-flex align-items-center outscope-open-modal " data-id="{{ $val->id }}">
                                                                    <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                                    <div class="media-body overflow-hidden">

                                                                        <h5 class="  font-size-14 mb-1">{{ $val->title }}</h5>
                                                                        <p class="  mb-1 text-muted">{{ $val->description }}</p>
                                                                        <div class="media">
                                                                        <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                        <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td class="w-20">
                                                                    <div class="media justify-content-end">
                                                                        <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                        <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="messages1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> Search Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton13" value="checked" >
                                                                <label class="custom-control-label" for="closeButton13"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton14" value="checked" >
                                                                <label class="custom-control-label" for="closeButton14"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton15" value="checked" >
                                                                <label class="custom-control-label" for="closeButton15"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton16" value="checked" >
                                                                <label class="custom-control-label" for="closeButton16"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton17" value="checked" >
                                                                <label class="custom-control-label" for="closeButton17"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton18" value="checked" >
                                                                <label class="custom-control-label" for="closeButton18"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton19" value="checked" >
                                                                <label class="custom-control-label" for="closeButton19"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton20" value="checked" >
                                                                <label class="custom-control-label" for="closeButton20"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton21" value="checked" >
                                                                <label class="custom-control-label" for="closeButton21"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton22" value="checked" >
                                                                <label class="custom-control-label" for="closeButton22"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton23" value="checked" >
                                                                <label class="custom-control-label" for="closeButton23"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>







                        </div> <!-- card -->


                    </div>
                </div>

                <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                    <div class="email-rightbar">

                        <div class="card">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs nav-tabs-custom nav-justified pt-2" role="tablist">
                                <li class="nav-item w-10">
                                    <a class="nav-link active" data-toggle="tab" href="#home1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-check-circle"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-check-circle"></i> In Scope</span>
                                    </a>
                                </li>
                                <li class="nav-item w-10">
                                    <a class="nav-link" data-toggle="tab" href="#profile1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-layout"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-layout"></i> Out of Scope</span>
                                    </a>
                                </li>
                                <li class="w-70 ml-2">
                                    <!-- <a class="nav-link" data-toggle="tab" href="#messages1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-search"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-search"></i> Search Connections</span>
                                    </a> -->
                                    <div class="input-group cnt-frm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="option-date"><i class="bx bx-search"></i></span>
                                        </div>
                                        <input type="text" class="form-control" name="date" value="" aria-describedby="option-date" placeholder="Search requirements by name , description code , or requirments...">
                                        </div>
                                </li>
                                <li class="w-10 text-center ">
                                    <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn ml-2 text-white mb-1" >Download</a>
                                </li>
                            </ul>

                            <div class="tab-content p-0 text-muted">
                                <div class="tab-pane active" id="home1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton" value="checked" >
                                                                <label class="custom-control-label" for="closeButton"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton2" value="checked" >
                                                                <label class="custom-control-label" for="closeButton2"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">5th Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20 ">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton3" value="checked" >
                                                                <label class="custom-control-label" for="closeButton3"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton4" value="checked" >
                                                                <label class="custom-control-label" for="closeButton4"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton5" value="checked" >
                                                                <label class="custom-control-label" for="closeButton5"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton6" value="checked" >
                                                                <label class="custom-control-label" for="closeButton6"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton7" value="checked" >
                                                                <label class="custom-control-label" for="closeButton7"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton8" value="checked" >
                                                                <label class="custom-control-label" for="closeButton8"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton9" value="checked" >
                                                                <label class="custom-control-label" for="closeButton9"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton10" value="checked" >
                                                                <label class="custom-control-label" for="closeButton10"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton11" value="checked" >
                                                                <label class="custom-control-label" for="closeButton11"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="profile1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton30" value="checked" >
                                                                <label class="custom-control-label" for="closeButton30"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> Out of Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton31" value="checked" >
                                                                <label class="custom-control-label" for="closeButton31"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton32" value="checked" >
                                                                <label class="custom-control-label" for="closeButton32"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton33" value="checked" >
                                                                <label class="custom-control-label" for="closeButton33"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton34" value="checked" >
                                                                <label class="custom-control-label" for="closeButton34"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton35" value="checked" >
                                                                <label class="custom-control-label" for="closeButton35"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton36" value="checked" >
                                                                <label class="custom-control-label" for="closeButton36"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton37" value="checked" >
                                                                <label class="custom-control-label" for="closeButton37"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton38" value="checked" >
                                                                <label class="custom-control-label" for="closeButton38"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton39" value="checked" >
                                                                <label class="custom-control-label" for="closeButton39"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton40" value="checked" >
                                                                <label class="custom-control-label" for="closeButton40"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton41" value="checked" >
                                                                <label class="custom-control-label" for="closeButton41"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="messages1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> Search Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton13" value="checked" >
                                                                <label class="custom-control-label" for="closeButton13"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton14" value="checked" >
                                                                <label class="custom-control-label" for="closeButton14"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton15" value="checked" >
                                                                <label class="custom-control-label" for="closeButton15"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton16" value="checked" >
                                                                <label class="custom-control-label" for="closeButton16"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton17" value="checked" >
                                                                <label class="custom-control-label" for="closeButton17"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton18" value="checked" >
                                                                <label class="custom-control-label" for="closeButton18"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton19" value="checked" >
                                                                <label class="custom-control-label" for="closeButton19"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton20" value="checked" >
                                                                <label class="custom-control-label" for="closeButton20"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton21" value="checked" >
                                                                <label class="custom-control-label" for="closeButton21"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton22" value="checked" >
                                                                <label class="custom-control-label" for="closeButton22"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton23" value="checked" >
                                                                <label class="custom-control-label" for="closeButton23"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>


                        </div> <!-- card -->


                    </div>
                </div>

                <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
                    <div class="email-rightbar">

                        <div class="card">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs nav-tabs-custom nav-justified pt-2" role="tablist">
                                <li class="nav-item w-10">
                                    <a class="nav-link active" data-toggle="tab" href="#home3" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-check-circle"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-check-circle"></i> In Scope</span>
                                    </a>
                                </li>
                                <li class="nav-item w-10">
                                    <a class="nav-link" data-toggle="tab" href="#profile3" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-layout"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-layout"></i> Out of Scope</span>
                                    </a>
                                </li>
                                <li class="w-70 ml-2">
                                    <!-- <a class="nav-link" data-toggle="tab" href="#messages1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-search"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-search"></i> Search Connections</span>
                                    </a> -->
                                    <div class="input-group cnt-frm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="option-date"><i class="bx bx-search"></i></span>
                                        </div>
                                        <input type="text" class="form-control" name="date" value="" aria-describedby="option-date" placeholder="Search requirements by name , description code , or requirments...">
                                        </div>
                                </li>
                                <li class="w-10 text-center ">
                                    <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn ml-2 text-white mb-1" >Download</a>
                                </li>
                            </ul>

                            <div class="tab-content p-0 text-muted">
                                <div class="tab-pane active" id="home3" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton" value="checked" >
                                                                <label class="custom-control-label" for="closeButton"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton2" value="checked" >
                                                                <label class="custom-control-label" for="closeButton2"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">2th Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20 ">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton3" value="checked" >
                                                                <label class="custom-control-label" for="closeButton3"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton4" value="checked" >
                                                                <label class="custom-control-label" for="closeButton4"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton5" value="checked" >
                                                                <label class="custom-control-label" for="closeButton5"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton6" value="checked" >
                                                                <label class="custom-control-label" for="closeButton6"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton7" value="checked" >
                                                                <label class="custom-control-label" for="closeButton7"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton8" value="checked" >
                                                                <label class="custom-control-label" for="closeButton8"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton9" value="checked" >
                                                                <label class="custom-control-label" for="closeButton9"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton10" value="checked" >
                                                                <label class="custom-control-label" for="closeButton10"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton11" value="checked" >
                                                                <label class="custom-control-label" for="closeButton11"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="profile3" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton30" value="checked" >
                                                                <label class="custom-control-label" for="closeButton30"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> Out of Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton31" value="checked" >
                                                                <label class="custom-control-label" for="closeButton31"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton32" value="checked" >
                                                                <label class="custom-control-label" for="closeButton32"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton33" value="checked" >
                                                                <label class="custom-control-label" for="closeButton33"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton34" value="checked" >
                                                                <label class="custom-control-label" for="closeButton34"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton35" value="checked" >
                                                                <label class="custom-control-label" for="closeButton35"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton36" value="checked" >
                                                                <label class="custom-control-label" for="closeButton36"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton37" value="checked" >
                                                                <label class="custom-control-label" for="closeButton37"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton38" value="checked" >
                                                                <label class="custom-control-label" for="closeButton38"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton39" value="checked" >
                                                                <label class="custom-control-label" for="closeButton39"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton40" value="checked" >
                                                                <label class="custom-control-label" for="closeButton40"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton41" value="checked" >
                                                                <label class="custom-control-label" for="closeButton41"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="messages1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> Search Scoops
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center text-muted justify-content-end">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton13" value="checked" >
                                                                <label class="custom-control-label" for="closeButton13"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton14" value="checked" >
                                                                <label class="custom-control-label" for="closeButton14"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton15" value="checked" >
                                                                <label class="custom-control-label" for="closeButton15"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton16" value="checked" >
                                                                <label class="custom-control-label" for="closeButton16"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton17" value="checked" >
                                                                <label class="custom-control-label" for="closeButton17"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton18" value="checked" >
                                                                <label class="custom-control-label" for="closeButton18"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton19" value="checked" >
                                                                <label class="custom-control-label" for="closeButton19"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton20" value="checked" >
                                                                <label class="custom-control-label" for="closeButton20"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton21" value="checked" >
                                                                <label class="custom-control-label" for="closeButton21"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton22" value="checked" >
                                                                <label class="custom-control-label" for="closeButton22"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton23" value="checked" >
                                                                <label class="custom-control-label" for="closeButton23"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>


                        </div> <!-- card -->


                    </div>
                </div>

                <div class="tab-pane fade" id="v-pills-framework" role="tabpanel" aria-labelledby="v-pills-framework-tab">
                    <div class="email-rightbar">

                        <div class="card">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs nav-tabs-custom nav-justified pt-2" role="tablist">
                                <li class="nav-item w-10">
                                    <a class="nav-link active" data-toggle="tab" href="#home3" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-check-circle"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-check-circle"></i> In Scope</span>
                                    </a>
                                </li>
                                <li class="nav-item w-10">
                                    <a class="nav-link" data-toggle="tab" href="#profile3" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-layout"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-layout"></i> Out of Scope</span>
                                    </a>
                                </li>
                                <li class="w-70 ml-2">
                                    <!-- <a class="nav-link" data-toggle="tab" href="#messages1" role="tab">
                                        <span class="d-block d-sm-none"><i class="bx bx-search"></i></span>
                                        <span class="d-none d-sm-block nowrap"><i class="bx bx-search"></i> Search Connections</span>
                                    </a> -->
                                    <div class="input-group cnt-frm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="option-date"><i class="bx bx-search"></i></span>
                                        </div>
                                        <input type="text" class="form-control" name="date" value="" aria-describedby="option-date" placeholder="Search requirements by name , description code , or requirments...">
                                        </div>
                                </li>
                                <li class="w-10 text-center ">
                                    <a href="#" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn ml-2 text-white mb-1" >Download</a>
                                </li>
                            </ul>

                            <div class="tab-content p-0 text-muted">
                                <div class="tab-pane active" id="home3" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton" value="checked" >
                                                                <label class="custom-control-label" for="closeButton"></label>
                                                            </div>
                                                        </td>
                                                        <td class="d-flex align-items-center">
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                            <div class="d-flex align-items-center text-muted justify-content-end ml-4">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                        <td>

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton2" value="checked" >
                                                                <label class="custom-control-label" for="closeButton2"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">10th Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20 ">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton3" value="checked" >
                                                                <label class="custom-control-label" for="closeButton3"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton4" value="checked" >
                                                                <label class="custom-control-label" for="closeButton4"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton5" value="checked" >
                                                                <label class="custom-control-label" for="closeButton5"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton6" value="checked" >
                                                                <label class="custom-control-label" for="closeButton6"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton7" value="checked" >
                                                                <label class="custom-control-label" for="closeButton7"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton8" value="checked" >
                                                                <label class="custom-control-label" for="closeButton8"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton9" value="checked" >
                                                                <label class="custom-control-label" for="closeButton9"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton10" value="checked" >
                                                                <label class="custom-control-label" for="closeButton10"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton11" value="checked" >
                                                                <label class="custom-control-label" for="closeButton11"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="profile3" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton30" value="checked" >
                                                                <label class="custom-control-label" for="closeButton30"></label>
                                                            </div>
                                                        </td>
                                                        <td class="d-flex align-items-center">
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                            <div class="d-flex align-items-center text-muted justify-content-end ml-4">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                        <td>

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton31" value="checked" >
                                                                <label class="custom-control-label" for="closeButton31"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton32" value="checked" >
                                                                <label class="custom-control-label" for="closeButton32"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton33" value="checked" >
                                                                <label class="custom-control-label" for="closeButton33"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton34" value="checked" >
                                                                <label class="custom-control-label" for="closeButton34"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton35" value="checked" >
                                                                <label class="custom-control-label" for="closeButton35"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton36" value="checked" >
                                                                <label class="custom-control-label" for="closeButton36"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton37" value="checked" >
                                                                <label class="custom-control-label" for="closeButton37"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton38" value="checked" >
                                                                <label class="custom-control-label" for="closeButton38"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton39" value="checked" >
                                                                <label class="custom-control-label" for="closeButton39"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton40" value="checked" >
                                                                <label class="custom-control-label" for="closeButton40"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton41" value="checked" >
                                                                <label class="custom-control-label" for="closeButton41"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="messages1" role="tabpanel">
                                    <div class="card-body connection-block-wrapper p-0">
                                        <div class="table-responsive policy-table contr-table-sec ">
                                            <table class="table table-striped">
                                                <tbody>

                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox ">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton12" value="checked" >
                                                                <label class="custom-control-label" for="closeButton12"></label>
                                                            </div>
                                                        </td>
                                                        <td class="d-flex align-items-center">
                                                            <div class="d-flex align-items-center text-muted">
                                                                <i class="mdi mdi-gift-outline mr-2"></i> In Scoops
                                                            </div>
                                                            <div class="d-flex align-items-center text-muted justify-content-end ml-4">
                                                                <i class="mdi mdi-tree-outline mr-2"></i> Agreeculture Set Control
                                                            </div>
                                                        </td>
                                                        <td>

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton13" value="checked" >
                                                                <label class="custom-control-label" for="closeButton13"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton14" value="checked" >
                                                                <label class="custom-control-label" for="closeButton14"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton15" value="checked" >
                                                                <label class="custom-control-label" for="closeButton15"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class=" d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">

                                                                <h5 class="  font-size-14 mb-1">Acceptable User Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media justify-content-end">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton16" value="checked" >
                                                                <label class="custom-control-label" for="closeButton16"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton17" value="checked" >
                                                                <label class="custom-control-label" for="closeButton17"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>
                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton18" value="checked" >
                                                                <label class="custom-control-label" for="closeButton18"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                              <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton19" value="checked" >
                                                                <label class="custom-control-label" for="closeButton19"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                             <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton20" value="checked" >
                                                                <label class="custom-control-label" for="closeButton20"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton21" value="checked" >
                                                                <label class="custom-control-label" for="closeButton21"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">Accept the Privacy Policy</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">

                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton22" value="checked" >
                                                                <label class="custom-control-label" for="closeButton22"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->

                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1">3rd Parents and Vendors Given Instructions on Beach Reporting</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">
                                                            <div class="media justify-content-end">
                                                                <button type="button" class="btn btn-info btn-rounded waves-effect waves-light mr-2"><i class="mdi mdi-attachment font-size-15"></i></button>
                                                                <!-- <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light"><i class="mdi mdi-email-outline font-size-15"></i></button> -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="w-5">
                                                            <div class="media">
                                                            <div class="custom-control custom-checkbox mb-2">
                                                                <input type="checkbox" class="custom-control-input input-mini" id="closeButton23" value="checked" >
                                                                <label class="custom-control-label" for="closeButton23"></label>
                                                            </div>
                                                            <!-- <div class="form-check">
                                                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

                                                              </div> -->
                                                        </div>
                                                        </td>

                                                        <td class="right-bar-toggle d-flex align-items-center  ">
                                                            <div class="h3 mb-0 mr-4"><span class="badge badge-soft-danger "><i class="mdi mdi-close-circle-outline "></i></span></div>
                                                            <div class="media-body overflow-hidden">
                                                                <h5 class="  font-size-14 mb-1 ">Accepting The Terms of Service</h5>
                                                                <p class="  mb-1 text-muted"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat labore ipsa repudiandae perspiciatis et.</p>
                                                                <div class="media">
                                                                <div class="h5 mr-2 mb-0"><span class="badge badge-soft-info ">ISO 270001-2002</span></div>
                                                                <div class="h5"><span class="badge badge-soft-warning ">SOC 2</span></div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="w-20">

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>


                        </div> <!-- card -->


                    </div>
                </div>

            </div>


        </div>
    </div>

</div>
<!-- end row -->
<div class="right-bar right-bar-xl">
    <div data-simplebar class="h-100">
        <div class="rightbar-title px-3 py-4">
            <a href="javascript:void(0);" id="rightbarclosure" class="right-bar-toggle float-right">
                <i class="mdi mdi-close noti-icon"></i>
            </a>

            <h5 class="m-0">{{ $framework_data->name }} Requirements Details</h5>
        </div>

        <div class="px-3 pt-4">
            <h2 class="card-title mb-2" id="requirement-uniqid"></h2>
        <hr>
        <h3 class="font-size-14">Requirement Title</h3>
        <p class="font-size-12 text-muted" id="requirement-name"> </p>
        <h3 class="font-size-14">Requirement Description</h3>
        <p class="font-size-12 text-muted" id="requirement-desc"></p>
            <button type="button" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn text-white">See More</button>

                <div class="connection-block-wrapper">
                    <div class="d-flex align-items-center justify-content-between">
                        <h2 class="card-title mb-2 mt-5">Mapped Controls</h2>
                        <button type="button" class="btn btn-primary btn-rounded waves-effect waves-light mod-btn text-white mt-5 browse-control-openr">Map control</button>

                        </div>
                        <hr>
                        <div id="accordion" class="livebrowsecontrol-el">


                            <div class="card" data-control-id="" data-ref-id="">
                                <div class="card-body" id="headingOne">
                                    <div class="d-flex align-items-center">
                                        <div class="avatar-xs mr-3">
                                            <div class="avatar-title rounded-circle bg-light text-primary">
                                                <i class="bx bxs-user"></i>
                                            </div>
                                        </div>
                                        <div class="align-self-center overflow-hidden mr-auto">
                                            <div>
                                                <a href="#collapseOne" class="text-dark" data-toggle="collapse" aria-expanded="true" aria-controls="collapseOne"> <h5 class="font-size-14 m-0 py-2">Data Protection Policy</h5></a>
                                            </div>
                                        </div>
                                        <div class="dropdown ml-2 d-flex align-items-center">
                                            <div class="h5 mr-2 mb-0">
                                                <span class="badge badge-soft-danger ">
                                                    <a href="javascript:void(0);" class="onDeleteAssignControl"><i class="mdi mdi-close noti-icon text-danger"></i></a>
                                                    DCF-45
                                                </span>
                                            </div>
                                            <i class="mdi mdi-chevron-right font-size-14 text-muted"></i>
                                        </div>
                                    </div>
                                </div>

                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                    <div class="card-body">
                                        Coming Soon
                                    </div>
                                </div>
                            </div>


                    


                        </div>
                </div>
            <div class="d-flex justify-content-end gap-10 border-top pt-4 pb-4">
                <input type="hidden" id="dyn_requirement_id" />
                <a href="javascript:void(0);" class="btn btn-outline-primary btn-rounded waves-effect waves-light px-5 py-2" onclick="$('#rightbarclosure').trigger('click');">Cancel</a>
                <button id="req_submit_btn" data-loading-text="<i class='bx bx-loader-alt bx-spin'></i> Processing..." class="btn btn-primary btn-rounded px-5 py-2" onclick="onUpdateRequirement()">Save</button>
            </div>
        </div>

    </div> <!-- end slimscroll-menu-->
</div>

<x-front.controls-selection />

@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" ></script>
<script>
    var deleted_control_map_id = [];
    var app_url = "