<%@ page language="C#" autoeventwireup="true" inherits="Pages_MobileView_Default, App_Web_d0esffkd" masterpagefile="~/Pages/Common/MasterPages/MobileViewMasterPage.master" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="DoctorScheduleUpdatePanel" runat="server">
        <ContentTemplate>
            <div class="page-header row mb20">
                <div class="col-xl-6 col-sm-6 col-xs-12 border-bottom-inline">
                    <div class="main-topic">
                        <h2 class="page-title">MIS Dashboard</h2>
                    </div>
                </div>
                <div class="col-xl-6 col-sm-6 col-xs-12 top-btn">
                    <button type="submit" class="btn bg-white-outline btn-icon">
                        <span>
                            <i class="ti-dashboard"></i>
                            <span>Manage</span>
                        </span>
                    </button>
                </div>

            </div>
            <div class="bg-body-dark row center-block">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn" data-toggle="appear">
                        <div class="tab row">
                                <div class="col-xs-12 col-sm-6 col-md-4 col-xl-3 mt-43">
                                    <a class="block text-center bg-image tablinks" onclick="openTab(event, '1')" style="background-image: url('../../App_Themes/mis_db/images/1.jpeg');">
                                        <div class="block-content block-content-full bg-gd-fruit-op aspect-ratio-16-9 d-flex justify-content-center align-items-center">
                                            <div>
                                                <i class="fas fa-2x fa-school text-white"></i>
                                                <div class="font-w600 mt-3 text-uppercase text-white">School Name 1</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="block row arrow-up tabcontent" id="1">
                                    <span onclick="this.parentElement.style.display='none'" class="closebtn" title="close">&times;</span>
                                    <div class="text-uppercase col-12 topic font-w600 text-center">
                                        School 1 Description
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">Fee Module</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-10-tab" data-toggle="pill" href="#pills-10" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-11-tab" data-toggle="pill" href="#pills-11" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-12-tab" data-toggle="pill" href="#pills-12" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-10">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-wallet text-info"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>480</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-11">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-wallet text-info"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>5476</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-12">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-wallet text-info"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>45646</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">No Of Students</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-1-tab" data-toggle="pill" href="#pills-1" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-2-tab" data-toggle="pill" href="#pills-2" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-3-tab" data-toggle="pill" href="#pills-3" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-1">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="icon-graduation text-yellow"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>200 +</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-2">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="icon-graduation text-yellow"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>8898 +</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-3">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="icon-graduation text-yellow"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>876786 +</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">Properties for Rent</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-4-tab" data-toggle="pill" href="#pills-4" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-5-tab" data-toggle="pill" href="#pills-5" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-6-tab" data-toggle="pill" href="#pills-6" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-4">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-money text-danger"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>200 k</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-5">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-money text-danger"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>8656 k</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-6">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-money text-danger"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>6756 cr</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">Event Calendar</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-7-tab" data-toggle="pill" href="#pills-7" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-8-tab" data-toggle="pill" href="#pills-8" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-9-tab" data-toggle="pill" href="#pills-9" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-7">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-calendar text-success"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>200</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-8">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-calendar text-success"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>8656k</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-9">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-calendar text-success"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>6756</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-4 col-xl-3 mt-43">
                                    <a class="block text-center bg-image tablinks" onclick="openTab(event, '2')" style="background-image: url('../../App_Themes/mis_db/images/2.jpeg');">
                                        <div class="block-content block-content-full bg-gd-grey-op aspect-ratio-16-9 d-flex justify-content-center align-items-center">
                                            <div>
                                                <i class="fas fa-2x  fa-school text-white"></i>
                                                <div class="font-w600 mt-3 text-uppercase text-white">School Name 2</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="block row arrow-up tabcontent" id="2">

                                    <span onclick="this.parentElement.style.display='none'" class="closebtn" title="close">&times;</span>
                                    <div class="text-uppercase col-12 topic font-w600 text-center">
                                        Games Collection 1
                                    </div>
                                    <div class="block-content row padd-0 block-content-full">

                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        480
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Steam
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-steam text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        42
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in PS4
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-playstation text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        35
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Xbox One
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-xbox text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded  col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        12
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Nintendo Switch
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-nintendo-switch text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-4 col-xl-3 mt-43">
                                    <a class="block text-center bg-image tablinks" onclick="openTab(event, '3')" style="background-image: url('../../App_Themes/mis_db/images/3.jpeg');">
                                        <div class="block-content block-content-full bg-gd-aqua-op aspect-ratio-16-9 d-flex justify-content-center align-items-center">
                                            <div>
                                                <i class="fas fa-2x fa-school text-white"></i>
                                                <div class="font-w600 mt-3 text-uppercase text-white">School Name 3</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="block arrow-up tabcontent" id="3">

                                    <span onclick="this.parentElement.style.display='none'" class="closebtn" title="close">&times;</span>

                                    <div class="block-content  block-content-full">
                                        <p class="text-uppercase font-w600 text-center mt-2 mb-4">
                                            Games Collection 3
                                        </p>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        480
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Steam
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-steam text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        42
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in PS4
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-playstation text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        35
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Xbox One
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-xbox text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded  col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        12
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Nintendo Switch
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-nintendo-switch text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                </div>

                                <div class="col-xs-12 col-sm-6 col-md-4 col-xl-3 mt-43">
                                    <a class="block text-center bg-image tablinks" onclick="openTab(event, '4')" style="background-image: url('../../App_Themes/mis_db/images/4.jpeg');">
                                        <div class="block-content block-content-full bg-gd-sublime-op aspect-ratio-16-9 d-flex justify-content-center align-items-center">
                                            <div>
                                                <i class="fas fa-2x fa-school text-white"></i>
                                                <div class="font-w600 mt-3 text-uppercase text-white">School Name 4</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="block arrow-up tabcontent" id="4">

                                    <span onclick="this.parentElement.style.display='none'" class="closebtn" title="close">&times;</span>

                                    <div class="block-content  block-content-full">
                                        <p class="text-uppercase font-w600 text-center mt-2 mb-4">
                                            Games Collection 4
                                        </p>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        480
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Steam
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-steam text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        42
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in PS4
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-playstation text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        35
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Xbox One
                                                      </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-xbox text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-rounded  col-xs-12 col-sm-6 col-md-4 col-xl-3 nav-item block-link-rotate bg-body-dark mb-0">
                                            <div class="block-content block-content-sm block-content-full d-flex align-items-center justify-content-between">
                                                <div class="mr-3">
                                                    <p class="font-size-h3 font-w300 mb-0">
                                                        12
                                                    </p>
                                                    <p class="text-muted font-italic mb-0">
                                                        in Nintendo Switch
                                                    </p>
                                                </div>
                                                <div class="item">
                                                    <i class="fab fa-2x fa-nintendo-switch text-muted"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                </div>
                       
                                <div class="col-xs-12 col-sm-6 col-md-4 col-xl-3">
                                    <a class="block text-center bg-image tablinks" onclick="openTab(event, '5')" style="background-image: url('../../App_Themes/mis_db/images/5.jpeg');">
                                        <div class="block-content block-content-full bg-gd-lav-op aspect-ratio-16-9 d-flex justify-content-center align-items-center">
                                            <div>
                                                <i class="fas fa-2x fa-school text-white"></i>
                                                <div class="font-w600 mt-3 text-uppercase text-white">School Name 5</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="block row arrow-up tabcontent" id="5">

                                    <span onclick="this.parentElement.style.display='none'" class="closebtn" title="close">&times;</span>
                                    <div class="text-uppercase col-12 topic font-w600 text-center">
                                        School 1 Description
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">Fee Module</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-a-tab" data-toggle="pill" href="#pills-a" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-b-tab" data-toggle="pill" href="#pills-b" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-c-tab" data-toggle="pill" href="#pills-c" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-a">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-wallet text-info"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>480</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-b">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-wallet text-info"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>5476</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-c">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-wallet text-info"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>45646</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">No Of Students</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-d-tab" data-toggle="pill" href="#pills-d" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-e-tab" data-toggle="pill" href="#pills-e" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-f-tab" data-toggle="pill" href="#pills-f" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-d">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="icon-graduation text-yellow"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>200 +</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-e">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="icon-graduation text-yellow"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>8898 +</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-f">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="icon-graduation text-yellow"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>876786 +</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">Properties for Rent</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-g-tab" data-toggle="pill" href="#pills-g" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-h-tab" data-toggle="pill" href="#pills-h" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-i-tab" data-toggle="pill" href="#pills-i" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-g">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-money text-danger"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>200 k</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-h">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-money text-danger"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>8656 k</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-i">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-money text-danger"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>6756 cr</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-xs-12 ">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title text-capitalize">Event Calendar</h5>
                                                <ul class="nav nav-pills">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" id="pills-7-tab" data-toggle="pill" href="#pills-7" role="tab">Daily</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-8-tab" data-toggle="pill" href="#pills-8" role="tab">Weekly</a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a class="nav-link" id="pills-9-ata-toggle="pill" href="#pills-9" role="tab">Monthly</a>
                                                    </li>
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="pills-7">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-calendar text-success"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>200</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-8">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-calendar text-success"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>8656k</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="pills-9">
                                                        <div class="d-flex align-items-center no-block m-t-20">
                                                            <h1><i class="ti-calendar text-success"></i></h1>
                                                            <div class="ml-auto">
                                                                <h1>6756</h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                          
                        </div>
                    </div>
                </div>
                <div class="whiteboxpaddingleft dashboard">
                    <div class="himssuHeader1WireBox row padd-40">
                        <div class="himsBoxContent page-bar col-xl-12 col-md-12 col-sm-12" id="MDashboard" runat="server" visible="true">
                            <div class="himssuHeader1WireBox col-md-12 pTop5">

                                <div class="himsBoxContent card-body col-md-12 col-xl-12">
                                    <div id="GridViewDiv" runat="server" class="himssuHeader7WireBox col-md-12 table-responsive">
                                        <asp:GridView ID="MISGridview" runat="server" AutoGenerateColumns="False"
                                            EmptyDataText="No Records Found !!" AllowPaging="false" ShowHeader="false" CssClass="table table-striped table-bordered table-hover" DataKeyNames="PagePath">
                                            <Columns>
                                                <asp:TemplateField ItemStyle-Width="5%" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:LinkButton ID="DetailLabel" CommandName="ViewDetail" CommandArgument="Id" SkinID="CustomWidthLabel" runat="server"
                                                            Text='<%# Bind("Title") %>' OnClick="ViewDetailLinkButton_Click"> </asp:LinkButton>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                            </Columns>
                                            <PagerSettings Visible="False" />
                                        </asp:GridView>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script>
function openTab(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "flex";
    evt.currentTarget.className += " active";
}

$(document).ready(function() {
    $(".closebtn").click(function () {           
     $(".tablinks.active").removeClass("active");
    });
});            </script>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
