<div class="sidebar">
    <div class="m-b-30">
        <h6 class="text-uppercase font-size-11 m-b-20">System</h6>
        <ul class="list-group list-group-flush">
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Automatic updates</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
                    <label class="custom-control-label" for="customSwitch1"></label>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Current statistics</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch2" checked>
                    <label class="custom-control-label" for="customSwitch2"></label>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>User suggestions</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
                    <label class="custom-control-label" for="customSwitch3"></label>
                </div>
            </li>
        </ul>
    </div>
    <div class="m-b-30">
        <h6 class="text-uppercase font-size-11 m-b-20">Account</h6>
        <ul class="list-group list-group-flush">
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Senior account security</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch4">
                    <label class="custom-control-label" for="customSwitch4"></label>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Account protection</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch5" checked>
                    <label class="custom-control-label" for="customSwitch5"></label>
                </div>
            </li>
        </ul>
    </div>
    <div class="m-b-30">
        <h6 class="text-uppercase font-size-11 m-b-20">Notifications</h6>
        <ul class="list-group list-group-flush">
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Browser notifications</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch6">
                    <label class="custom-control-label" for="customSwitch6"></label>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Mobile notifications</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch7">
                    <label class="custom-control-label" for="customSwitch7"></label>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Email subscription</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch8">
                    <label class="custom-control-label" for="customSwitch8"></label>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between p-l-r-0 p-t-b-5">
                <span>Sms notifications</span>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch9" checked>
                    <label class="custom-control-label" for="customSwitch9"></label>
                </div>
            </li>
        </ul>
    </div>
</div>