<style>
    .tooltip {
        position: relative;
        display: inline-block;
    }

        .tooltip .tooltiptext {
            font-family: sans-serif;
            text-align: initial;
            line-height: 15px;
            visibility: hidden;
            width: 250px;
            background-color: #555;
            color: #fff;
            border-radius: 6px;
            padding: 8px;
            position: absolute;
            z-index: 1;
            bottom: 57%;
            margin-left: -115px;
            opacity: 0;
            transition: opacity 1s;
        }

            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }
</style>
<!-- START MAIN -->
<div data-ng-controller="ProfileSettingController">
    <!-- START WRAPPER -->
    <div class="wrapper">
        <section class="pricing margin-top-50">
            <div class="">
                <header>
                    <h2 class="Righteous_font grey-text text-darken-2">Lets Start With SocioBoard</h2>
                    <h5>Upgrade, Change or Cancel Anytime</h5>
                </header>

                <div class="row">
                    <div class="col l12 s12">
                        <table class="responsive-table">
                            <thead>
                                <tr>
                                    <th>&nbsp;</th>
                                    <th class="center">Basic Plan</th>
                                    <th class="center">Standard</th>
                                    <th class="center">Premium</th>
                                    <th class="center">Deluxe</th>
                                    <th class="center">Topaz</th>
                                    <th class="center">Ruby</th>
                                    <th class="center">Gold</th>
                                    <th class="center">Platinum</th>
                                </tr>
                            </thead>

                            <tbody>
                                <tr>
                                    <th>Monthly price</th>
                                    <td class="center">Free</td>
                                    <td class="center">$4.99</td>
                                    <td class="center">$9.99</td>
                                    <td class="center">$19.99</td>
                                    <td class="center">$29.99</td>
                                    <td class="center">$49.99</td>
                                    <td class="center">$79.99</td>
                                    <td class="center">$99.99</td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>
                                        Social Accounts
                                        <i class="fa fa-question-circle grey-text text-accent-4 tooltip fa-fw">
                                            <p class="tooltiptext">
                                                <span style=""><b>The number of social Accounts/Pages you can connect to Socioboard</b></span>
                                                <br /><br />
                                                <span class="grey-text">For e.g : 5 Twitter profiles, 3 Facebook pages, and 2 Linkedin profiles would count as 10 social accounts in total.</span>
                                            </p>
                                        </i>
                                    </th>
                                    <td class="center">
                                        1 per network
                                        <br />
                                        <i class="fa fa-question-circle grey-text text-accent-4 tooltip fa-fw">
                                            <p class="tooltiptext">
                                                <span style=""><b>You can connect 1 type of social account per network on this plan</b></span>
                                                <br /><br />
                                                <!--<span class="grey-text">For example : 1 Facebook account, 1 Google plus account, 1 Instagram account, 1 Linkedin account, and 1 Twitter account. <b>Please note</b> that Pinterest account, Youtube channel and Google Analytics aren't available for this plan</span>-->
                                                <span class="grey-text">For example : 1 Facebook account, 1 Google plus account, 1 Instagram account, 1 Linkedin account, and 1 Twitter account. <b>Please note</b> that Youtube channel and Google Analytics aren't available for this plan</span>
                                                
                                            </p>
                                        </i>
                                    </td>
                                    <td class="center">No Limit per network</td>
                                    <td class="center">No Limit per network</td>
                                    <td class="center">No Limit per network</td>
                                    <td class="center">No Limit per network</td>
                                    <td class="center">No Limit per network</td>
                                    <td class="center">No Limit per network</td>
                                    <td class="center">No Limit per network</td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Team Members</th>
                                    <td class="center">2</td>
                                    <td class="center">5</td>
                                    <td class="center">10</td>
                                    <td class="center">20</td>
                                    <td class="center">30</td>
                                    <td class="center">50</td>
                                    <td class="center">80</td>
                                    <td class="center">100</td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Social networks</th>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                        <!--<i class="fa fa-pinterest-p fa-fw red-text text-accent-4" aria-hidden="true"></i>-->
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                        <i class="fa fa-line-chart fa-fw orange-text text-darken-2" aria-hidden="true"></i>
                                        <i class="fa fa-youtube fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <!--<i class="fa fa-pinterest-p fa-fw red-text text-accent-4" aria-hidden="true"></i>-->
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                        <i class="fa fa-line-chart fa-fw orange-text text-darken-2" aria-hidden="true"></i>
                                        <i class="fa fa-youtube fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <!--<i class="fa fa-pinterest-p fa-fw red-text text-accent-4" aria-hidden="true"></i>-->
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                        <i class="fa fa-line-chart fa-fw orange-text text-darken-2" aria-hidden="true"></i>
                                        <i class="fa fa-youtube fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <!--<i class="fa fa-pinterest-p fa-fw red-text text-accent-4" aria-hidden="true"></i>-->
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                        <i class="fa fa-line-chart fa-fw orange-text text-darken-2" aria-hidden="true"></i>
                                        <i class="fa fa-youtube fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <!--<i class="fa fa-pinterest-p fa-fw red-text text-accent-4" aria-hidden="true"></i>-->
                                    </td>
                                    <td class="center">
                                        <i class="fa fa-facebook fa-fw blue-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-twitter fa-fw blue-text text-lighten-2" aria-hidden="true"></i>
                                        <i class="fa fa-linkedin fa-fw light-blue-text text-accent-4" aria-hidden="true"></i>
                                        <i class="fa fa-google-plus fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <i class="fa fa-instagram fa-fw pink-text text-darken-3" aria-hidden="true"></i>
                                        <i class="fa fa-line-chart fa-fw orange-text text-darken-2" aria-hidden="true"></i>
                                        <i class="fa fa-youtube fa-fw red-text text-darken-4" aria-hidden="true"></i>
                                        <!--<i class="fa fa-pinterest-p fa-fw red-text text-accent-4" aria-hidden="true"></i>-->
                                    </td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Total Profiles</th>
                                    <td class="center">5</td>
                                    <td class="center">10</td>
                                    <td class="center">20</td>
                                    <td class="center">50</td>
                                    <td class="center">100</td>
                                    <td class="center">200</td>
                                    <td class="center">500</td>
                                    <td class="center">1000</td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Browser extension</th>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>


                            <tbody>
                                <tr>
                                    <th>Scheduling & Posting</th>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Mobile Apps iOS + Android</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>World Class 24*7 Training &amp; Support</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Social Media based CRM</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Calendar</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>RSS Feed</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>

                            <tbody>
                                <tr>
                                    <th>Social Report</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Discovery</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>

                            <tbody>
                                <tr>
                                    <th>Engagement</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Link shortening and tracking</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Shareathon</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Content Studio <i class="fa fa-question-circle grey-text text-accent-4 tooltip fa-fw"><span class="tooltiptext">You can use Content Studio as per plan</span></i></th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4 tooltip"><span class="tooltiptext">You can use Trending now</span></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4 tooltip"><span class="tooltiptext">You can use Trending Now and Most Shared</span></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4 tooltip"><span class="tooltiptext">You can use Trending Now,Most Shared and Shareathon</span></i></td> </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Socioboard Team Report</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>

                            <tbody>
                                <tr>
                                    <th>BoardMe</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Image & shared Library</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th>Custom Report</th>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-times-circle red-text" aria-hidden="true"></i></td>
                                    <td class="center"><i class="fa fa-check-circle green-text text-accent-4" aria-hidden="true"></i></td>
                                </tr>
                            </tbody>

                            <tfoot>
                                <tr>
                                    <th>&nbsp;</th>

                                    <th class="center">
                                        <a ng-if="accountType==0" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>0" ng-click="UpgradeAccount('Free')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==1" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>1" ng-click="UpgradeAccount('Standard')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<1" ng-click="UpgradeAccount('Standard')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==2" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>2" ng-click="UpgradeAccount('Premium')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<2" ng-click="UpgradeAccount('Premium')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==3" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>3" ng-click="UpgradeAccount('Deluxe')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<3" ng-click="UpgradeAccount('Deluxe')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==4" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>4" ng-click="UpgradeAccount('Topaz')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<4" ng-click="UpgradeAccount('Topaz')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==5" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>5" ng-click="UpgradeAccount('Ruby')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<5" ng-click="UpgradeAccount('Ruby')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==6" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>6" ng-click="UpgradeAccount('Gold')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<6" ng-click="UpgradeAccount('Gold')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                    <th class="center">
                                        <a ng-if="accountType==7" class="btn btn_style pricing-cta img_comp_btn">Current</a>
                                        <a ng-if="accountType>7" ng-click="UpgradeAccount('Platinum')" class="btn btn_style pricing-cta img_comp_btn">Downgrade</a>
                                        <a ng-if="accountType<7" ng-click="UpgradeAccount('Platinum')" class="btn btn_style pricing-cta img_comp_btn">Upgrade</a>
                                    </th>
                                </tr>
                            </tfoot>

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

            </div><!-- end container -->
        </section>
    </div>
    <!-- END WRAPPER -->

</div>
<!-- END MAIN -->
