policybot/application/views/admin/dashboard3.html

1855 lines
70 KiB
HTML
Raw Normal View History

2021-11-30 10:56:55 +00:00
<!DOCTYPE html>
<html lang="en">
<!-- BEGIN HEAD -->
<!-- Mirrored from radixtouch.in/templates/admin/redstar/source/light/dashboard3.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Aug 2019 14:06:11 GMT -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta name="description" content="Responsive Admin Template" />
<meta name="author" content="RedstarHospital" />
<title>Redstar Hospital | Bootstrap Responsive Hospital Admin Template</title>
<!-- google font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=all" rel="stylesheet" type="text/css" />
<!-- icons -->
<link href="../assets/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!--bootstrap -->
<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Material Design Lite CSS -->
<link rel="stylesheet" href="../assets/material/material.min.css">
<link rel="stylesheet" href="css/material_style.css">
<!-- Theme Styles -->
<link href="css/theme_style.css" rel="stylesheet" id="rt_style_components" type="text/css" />
<link href="css/plugins.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<link href="css/theme-color.css" rel="stylesheet" type="text/css" />
<!-- favicon -->
<link rel="shortcut icon" href="img/favicon.ico" />
</head>
<!-- END HEAD -->
<body class="page-header-fixed sidemenu-closed-hidelogo page-content-white page-md header-white white-sidebar-color logo-indigo">
<div class="page-wrapper">
<!-- start header -->
<div class="page-header navbar navbar-fixed-top">
<div class="page-header-inner ">
<!-- logo start -->
<div class="page-logo">
<a href="index.html">
<span class="logo-icon fa fa-stethoscope fa-rotate-45"></span>
<span class="logo-default">REDSTAR</span> </a>
</div>
<!-- logo end -->
<ul class="nav navbar-nav navbar-left in">
<li><a href="#" class="menu-toggler sidebar-toggler"><i class="icon-menu"></i></a></li>
</ul>
<form class="search-form-opened" action="#" method="GET">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search..." name="query">
<span class="input-group-btn">
<a href="javascript:;" class="btn submit">
<i class="icon-magnifier"></i>
</a>
</span>
</div>
</form>
<!-- start mobile menu -->
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
<span></span>
</a>
<!-- end mobile menu -->
<!-- start header menu -->
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<!-- start language menu -->
<li class="dropdown language-switch">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <img src="img/flags/gb.png" class="position-left"
alt=""> English <span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu">
<li>
<a class="deutsch"><img src="img/flags/de.png" alt=""> Deutsch</a>
</li>
<li>
<a class="ukrainian"><img src="img/flags/ua.png" alt=""> Українська</a>
</li>
<li>
<a class="english"><img src="img/flags/gb.png" alt=""> English</a>
</li>
<li>
<a class="espana"><img src="img/flags/es.png" alt=""> España</a>
</li>
<li>
<a class="russian"><img src="img/flags/ru.png" alt=""> Русский</a>
</li>
</ul>
</li>
<!-- end language menu -->
<!-- start notification dropdown -->
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="fa fa-bell-o"></i>
<span class="badge headerBadgeColor1"> 6 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3><span class="bold">Notifications</span></h3>
<span class="notification-label purple-bgcolor">New 6</span>
</li>
<li>
<ul class="dropdown-menu-list small-slimscroll-style" data-handle-color="#637283">
<li>
<a href="javascript:;">
<span class="time">just now</span>
<span class="details">
<span class="notification-icon circle deepPink-bgcolor"><i class="fa fa-check"></i></span>
Congratulations!. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">3 mins</span>
<span class="details">
<span class="notification-icon circle purple-bgcolor"><i class="fa fa-user o"></i></span>
<b>John Micle </b>is now following you. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">7 mins</span>
<span class="details">
<span class="notification-icon circle blue-bgcolor"><i class="fa fa-comments-o"></i></span>
<b>Sneha Jogi </b>sent you a message. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">12 mins</span>
<span class="details">
<span class="notification-icon circle pink"><i class="fa fa-heart"></i></span>
<b>Ravi Patel </b>like your photo. </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">15 mins</span>
<span class="details">
<span class="notification-icon circle yellow"><i class="fa fa-warning"></i></span> Warning! </span>
</a>
</li>
<li>
<a href="javascript:;">
<span class="time">10 hrs</span>
<span class="details">
<span class="notification-icon circle red"><i class="fa fa-times"></i></span> Application error. </span>
</a>
</li>
</ul>
<div class="dropdown-menu-footer">
<a href="javascript:void(0)"> All notifications </a>
</div>
</li>
</ul>
</li>
<!-- end notification dropdown -->
<!-- start message dropdown -->
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<i class="fa fa-envelope-o"></i>
<span class="badge headerBadgeColor2"> 2 </span>
</a>
<ul class="dropdown-menu">
<li class="external">
<h3><span class="bold">Messages</span></h3>
<span class="notification-label cyan-bgcolor">New 2</span>
</li>
<li>
<ul class="dropdown-menu-list small-slimscroll-style" data-handle-color="#637283">
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc2.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Sarah Smith </span>
<span class="time">Just Now </span>
</span>
<span class="message"> Jatin I found you on LinkedIn... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc3.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> John Deo </span>
<span class="time">16 mins </span>
</span>
<span class="message"> Fwd: Important Notice Regarding Your Domain Name... </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc1.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Rajesh </span>
<span class="time">2 hrs </span>
</span>
<span class="message"> pls take a print of attachments. </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc8.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Lina Smith </span>
<span class="time">40 mins </span>
</span>
<span class="message"> Apply for Ortho Surgeon </span>
</a>
</li>
<li>
<a href="#">
<span class="photo">
<img src="img/doc/doc5.jpg" class="img-circle" alt=""> </span>
<span class="subject">
<span class="from"> Jacob Ryan </span>
<span class="time">46 mins </span>
</span>
<span class="message"> Request for leave application. </span>
</a>
</li>
</ul>
<div class="dropdown-menu-footer">
<a href="#"> All Messages </a>
</div>
</li>
</ul>
</li>
<!-- end message dropdown -->
<!-- start manage user dropdown -->
<li class="dropdown dropdown-user">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<img alt="" class="img-circle " src="img/dp.jpg" />
<span class="username username-hide-on-mobile"> Kiran </span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu dropdown-menu-default">
<li>
<a href="user_profile.html">
<i class="icon-user"></i> Profile </a>
</li>
<li>
<a href="#">
<i class="icon-settings"></i> Settings
</a>
</li>
<li>
<a href="#">
<i class="icon-directions"></i> Help
</a>
</li>
<li class="divider"> </li>
<li>
<a href="lock_screen.html">
<i class="icon-lock"></i> Lock
</a>
</li>
<li>
<a href="login.html">
<i class="icon-logout"></i> Log Out </a>
</li>
</ul>
</li>
<!-- end manage user dropdown -->
<li class="dropdown dropdown-quick-sidebar-toggler">
<a id="headerSettingButton" class="mdl-button mdl-js-button mdl-button--icon pull-right" data-upgraded=",MaterialButton">
<i class="material-icons">more_vert</i>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- end header -->
<!-- start color quick setting -->
<div class="quick-setting-main">
<button class="control-sidebar-btn btn" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></button>
<div class="quick-setting display-none">
<ul id="themecolors">
<li>
<p class="selector-title">Main Layouts</p>
</li>
<li class="complete">
<div class="theme-color layout-theme">
<a href="#" data-theme="light"><span class="head"></span><span class="cont"></span></a>
<a href="http://radixtouch.in/templates/admin/redstar/source/dark/dashboard3.html" data-theme="dark"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
<li>
<p class="selector-title">Sidebar Color</p>
</li>
<li class="complete">
<div class="theme-color sidebar-theme">
<a href="#" data-theme="white"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="dark"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="blue"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="indigo"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="cyan"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="green"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="red"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
<li>
<p class="selector-title">Header Brand color</p>
</li>
<li class="theme-option">
<div class="theme-color logo-theme">
<a href="#" data-theme="logo-white"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-dark"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-blue"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-indigo"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-cyan"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-green"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="logo-red"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
<li>
<p class="selector-title">Header color</p>
</li>
<li class="theme-option">
<div class="theme-color header-theme">
<a href="#" data-theme="header-white"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-dark"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-blue"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-indigo"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-cyan"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-green"><span class="head"></span><span class="cont"></span></a>
<a href="#" data-theme="header-red"><span class="head"></span><span class="cont"></span></a>
</div>
</li>
</ul>
</div>
</div>
<!-- end color quick setting -->
<!-- start page container -->
<div class="page-container">
<!-- start sidebar menu -->
<div class="sidebar-container">
<div class="sidemenu-container navbar-collapse collapse fixed-menu">
<div id="remove-scroll" class="left-sidemenu">
<ul class="sidemenu page-header-fixed slimscroll-style" data-keep-expanded="false" data-auto-scroll="true"
data-slide-speed="200" style="padding-top: 20px">
<li class="sidebar-toggler-wrapper hide">
<div class="sidebar-toggler">
<span></span>
</div>
</li>
<li class="sidebar-user-panel">
<div class="user-panel">
<div class="pull-left image">
<img src="img/dp.jpg" class="img-circle user-img-circle" alt="User Image" />
</div>
<div class="pull-left info">
<p> Dr.Kiran Patel</p>
<a href="#"><i class="fa fa-circle user-online"></i><span class="txtOnline"> Online</span></a>
</div>
</div>
</li>
<li class="nav-item active open">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">dashboard</i>
<span class="title">Dashboard</span>
<span class="selected"></span>
<span class="arrow open"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="index.html" class="nav-link ">
<span class="title">Dashboard 1</span>
</a>
</li>
<li class="nav-item ">
<a href="dashboard2.html" class="nav-link ">
<span class="title">Dashboard 2</span>
</a>
</li>
<li class="nav-item active open ">
<a href="dashboard3.html" class="nav-link ">
<span class="title">Dashboard 3</span>
<span class="selected"></span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">email</i>
<span class="title">Email</span>
<span class="arrow"></span>
<span class="label label-rouded label-menu deepPink-bgcolor">3</span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="email_inbox.html" class="nav-link ">
<span class="title">Inbox</span>
</a>
</li>
<li class="nav-item ">
<a href="email_view.html" class="nav-link ">
<span class="title">View Mail</span>
</a>
</li>
<li class="nav-item ">
<a href="email_compose.html" class="nav-link ">
<span class="title">Compose Mail</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"><i class="material-icons">assignment</i>
<span class="title">Appointment</span><span class="arrow"></span></a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="schedule.html" class="nav-link "> <span class="title">Doctor Schedule</span>
</a>
</li>
<li class="nav-item ">
<a href="book_appointment.html" class="nav-link "> <span class="title">Book Appointment</span>
</a>
</li>
<li class="nav-item ">
<a href="book_appointment_material.html" class="nav-link "> <span class="title">Book Appointment Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_appointment.html" class="nav-link "> <span class="title">Edit Appointment</span>
</a>
</li>
<li class="nav-item ">
<a href="view_appointment.html" class="nav-link "> <span class="title">View All Appointment</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">person</i>
<span class="title">Doctors</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="all_doctors.html" class="nav-link "> <span class="title">All Doctor</span>
</a>
</li>
<li class="nav-item ">
<a href="add_doctor.html" class="nav-link "> <span class="title">Add Doctor</span>
</a>
</li>
<li class="nav-item ">
<a href="add_doctor_material.html" class="nav-link "> <span class="title">Add Doctor Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_doctor.html" class="nav-link "> <span class="title">Edit Doctor</span>
</a>
</li>
<li class="nav-item ">
<a href="doctor_profile.html" class="nav-link "> <span class="title">About Doctor</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">group</i>
<span class="title">Other Staff</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="all_staffs.html" class="nav-link "> <span class="title">All Staff</span>
</a>
</li>
<li class="nav-item ">
<a href="add_staff.html" class="nav-link "> <span class="title">Add Staff</span>
</a>
</li>
<li class="nav-item ">
<a href="add_staff_material.html" class="nav-link "> <span class="title">Add Staff Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_staff.html" class="nav-link "> <span class="title">Edit Staff</span>
</a>
</li>
<li class="nav-item ">
<a href="staff_profile.html" class="nav-link "> <span class="title">Staff Profile</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">accessible</i>
<span class="title">Patients</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="all_patients.html" class="nav-link "> <span class="title">All Patients</span>
</a>
</li>
<li class="nav-item ">
<a href="add_patient.html" class="nav-link "> <span class="title">Add Patient</span>
</a>
</li>
<li class="nav-item ">
<a href="add_patient_material.html" class="nav-link "> <span class="title">Add Patient Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_patient.html" class="nav-link "> <span class="title">Edit Patient</span>
</a>
</li>
<li class="nav-item ">
<a href="patient_profile.html" class="nav-link "> <span class="title">Patient Profile</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">hotel</i>
<span class="title">Room Allotment</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="room_allotment.html" class="nav-link "> <span class="title">Alloted Rooms</span>
</a>
</li>
<li class="nav-item ">
<a href="add_room_allotment.html" class="nav-link "> <span class="title">New Allotment</span>
</a>
</li>
<li class="nav-item ">
<a href="add_room_allotment_material.html" class="nav-link "> <span class="title">New Allotment Material</span>
</a>
</li>
<li class="nav-item ">
<a href="edit_room_allotment.html" class="nav-link "> <span class="title">Edit Allotment</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle"> <i class="material-icons">monetization_on</i>
<span class="title">Payments</span> <span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="payments.html" class="nav-link "> <span class="title">Payments</span>
</a>
</li>
<li class="nav-item ">
<a href="add_payment.html" class="nav-link "> <span class="title">Add Payments</span>
</a>
</li>
<li class="nav-item ">
<a href="invoice_payment.html" class="nav-link "> <span class="title">Patient Invoice</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="widget.html" class="nav-link nav-toggle"> <i class="material-icons">widgets</i>
<span class="title">Widget</span>
</a>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">dvr</i>
<span class="title">UI Elements</span>
<span class="label label-rouded label-menu">10</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="ui_buttons.html" class="nav-link ">
<span class="title">Buttons</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_tabs_accordions_navs.html" class="nav-link ">
<span class="title">Tabs &amp; Accordions</span>
</a>
</li>
<li class="nav-item ">
<a href="sweet_alert.html" class="nav-link ">
<span class="title">Alert</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_typography.html" class="nav-link ">
<span class="title">Typography</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_icons.html" class="nav-link ">
<span class="title">Icons</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_modal.html" class="nav-link ">
<span class="title">Modals</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_panels.html" class="nav-link ">
<span class="title">Panels</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_grid.html" class="nav-link ">
<span class="title">Grids</span>
</a>
</li>
<li class="nav-item ">
<a href="calendar.html" class="nav-link ">
<span class="title">Calender</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_tree.html" class="nav-link ">
<span class="title">Tree View</span>
</a>
</li>
<li class="nav-item ">
<a href="ui_carousel.html" class="nav-link ">
<span class="title">Carousel</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="#" class="nav-link nav-toggle">
<i class="material-icons">store</i>
<span class="title">Material Elements</span>
<span class="label label-rouded label-menu deepPink-bgcolor">14</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="material_button.html" class="nav-link ">
<span class="title">Buttons</span>
</a>
</li>
<li class="nav-item ">
<a href="material_tab.html" class="nav-link ">
<span class="title">Tabs</span>
</a>
</li>
<li class="nav-item ">
<a href="material_chips.html" class="nav-link ">
<span class="title">Chips</span>
</a>
</li>
<li class="nav-item ">
<a href="material_grid.html" class="nav-link ">
<span class="title">Grid</span>
</a>
</li>
<li class="nav-item ">
<a href="material_icons.html" class="nav-link ">
<span class="title">Icon</span>
</a>
</li>
<li class="nav-item ">
<a href="material_form.html" class="nav-link ">
<span class="title">Form</span>
</a>
</li>
<li class="nav-item ">
<a href="material_datepicker.html" class="nav-link ">
<span class="title">DatePicker</span>
</a>
</li>
<li class="nav-item ">
<a href="material_select.html" class="nav-link ">
<span class="title">Select Item</span>
</a>
</li>
<li class="nav-item ">
<a href="material_loading.html" class="nav-link ">
<span class="title">Loading</span>
</a>
</li>
<li class="nav-item ">
<a href="material_menu.html" class="nav-link ">
<span class="title">Menu</span>
</a>
</li>
<li class="nav-item ">
<a href="material_slider.html" class="nav-link ">
<span class="title">Slider</span>
</a>
</li>
<li class="nav-item ">
<a href="material_tables.html" class="nav-link ">
<span class="title">Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="material_toggle.html" class="nav-link ">
<span class="title">Toggle</span>
</a>
</li>
<li class="nav-item ">
<a href="material_badges.html" class="nav-link ">
<span class="title">Badges</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">subtitles</i>
<span class="title">Forms </span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="layouts_form.html" class="nav-link ">
<span class="title">Form Layout</span>
</a>
</li>
<li class="nav-item ">
<a href="advance_form.html" class="nav-link ">
<span class="title">Advance Component</span>
</a>
</li>
<li class="nav-item ">
<a href="wizard_form.html" class="nav-link ">
<span class="title">Form Wizard</span>
</a>
</li>
<li class="nav-item ">
<a href="validation_form.html" class="nav-link ">
<span class="title">Form Validation</span>
</a>
</li>
<li class="nav-item ">
<a href="editable_form.html" class="nav-link ">
<span class="title">Editor</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">list</i>
<span class="title">Data Tables</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="basic_table.html" class="nav-link ">
<span class="title">Basic Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="advanced_table.html" class="nav-link ">
<span class="title">Advance Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="export_table.html" class="nav-link ">
<span class="title">Export Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="child_row_table.html" class="nav-link ">
<span class="title">Child Row Tables</span>
</a>
</li>
<li class="nav-item ">
<a href="group_table.html" class="nav-link ">
<span class="title">Grouping</span>
</a>
</li>
<li class="nav-item ">
<a href="tableData.html" class="nav-link ">
<span class="title">Tables With Sourced Data</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">timeline</i>
<span class="title">Charts</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="charts_echarts.html" class="nav-link ">
<span class="title">eCharts</span>
</a>
</li>
<li class="nav-item ">
<a href="charts_morris.html" class="nav-link ">
<span class="title">Morris Charts</span>
</a>
</li>
<li class="nav-item ">
<a href="charts_chartjs.html" class="nav-link ">
<span class="title">Chartjs</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">map</i>
<span class="title">Maps</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="google_maps.html" class="nav-link ">
<span class="title">Google Maps</span>
</a>
</li>
<li class="nav-item ">
<a href="vector_maps.html" class="nav-link ">
<span class="title">Vector Maps</span>
</a>
</li>
</ul>
</li>
<li class="nav-item ">
<a href="javascript:;" class="nav-link nav-toggle"> <i class="material-icons">description</i>
<span class="title">Extra pages</span>
<span class="label label-rouded label-menu purple-bgcolor">7</span>
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item ">
<a href="login.html" class="nav-link "> <span class="title">Login</span>
</a>
</li>
<li class="nav-item ">
<a href="sign_up.html" class="nav-link "> <span class="title">Sign Up</span>
</a>
</li>
<li class="nav-item ">
<a href="forgot_password.html" class="nav-link "> <span class="title">Forgot Password</span>
</a>
</li>
<li class="nav-item "><a href="user_profile.html" class="nav-link "><span class="title">Profile</span>
</a>
</li>
<li class="nav-item ">
<a href="contact.html" class="nav-link "> <span class="title">Contact Us</span>
</a>
</li>
<li class="nav-item ">
<a href="lock_screen.html" class="nav-link "> <span class="title">Lock Screen</span>
</a>
</li>
<li class="nav-item ">
<a href="page-404.html" class="nav-link "> <span class="title">404 Page</span>
</a>
</li>
<li class="nav-item ">
<a href="page-500.html" class="nav-link "> <span class="title">500 Page</span>
</a>
</li>
<li class="nav-item ">
<a href="blank_page.html" class="nav-link "> <span class="title">Blank Page</span>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="material-icons">slideshow</i>
<span class="title">Multi Level Menu</span>
<span class="arrow "></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-university"></i> Item 1
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-bell-o"></i> Arrow Toggle
<span class="arrow "></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="javascript:;" class="nav-link">
<i class="fa fa-calculator"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-clone"></i> Sample Link 2</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-cogs"></i> Sample Link 3</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-file-pdf-o"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-rss"></i> Sample Link 2</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-hdd-o"></i> Sample Link 3</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link nav-toggle">
<i class="fa fa-gavel"></i> Arrow Toggle
<span class="arrow"></span>
</a>
<ul class="sub-menu">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-paper-plane"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-power-off"></i> Sample Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-recycle"></i> Sample Link 1
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="fa fa-volume-up"></i> Item 3 </a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- end sidebar menu -->
<!-- start page content -->
<div class="page-content-wrapper">
<div class="page-content">
<div class="page-bar">
<div class="page-title-breadcrumb">
<div class=" pull-left">
<div class="page-title">Dashboard</div>
</div>
<ol class="breadcrumb page-breadcrumb pull-right">
<li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="index.html">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
</li>
<li class="active">Dashboard</li>
</ol>
</div>
</div>
<!-- start widget -->
<div class="row">
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-purple">
<h3 class="text-white box-title">Appointments <span class="pull-right"><i class="fa fa-caret-up"></i> 345</span></h3>
<div id="sparkline7"><canvas style="display: inline-block; width: 267px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-danger">
<h3 class="text-white box-title">New Patients <span class="pull-right"><i class="fa fa-caret-up"></i> 643</span></h3>
<div id="sparkline12"><canvas style="display: inline-block; width: 367px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-blue">
<h3 class="text-white box-title">Today's OPD <span class="pull-right"><i class="fa fa-caret-up"></i>765</span></h3>
<div id="sparkline9"><canvas style="display: inline-block; width: 267px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-6">
<div class="analysis-box m-b-0 bg-success">
<h3 class="text-white box-title">Visitors <span class="pull-right"><i class="fa fa-caret-up"></i> 323</span></h3>
<div id="sparkline16" class="text-center"><canvas style="display: inline-block; width: 215px; height: 70px; vertical-align: top;"></canvas></div>
</div>
</div>
</div>
<!-- end widget -->
<!-- chart start -->
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="card card-box">
<div class="card-head">
<header>HOSPITAL SURVEY</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<canvas id="bar-chart"></canvas>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="card card-box">
<div class="card-head">
<header>HOSPITAL SURVEY</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<canvas id="myChart"></canvas>
</div>
</div>
</div>
</div>
</div>
<!-- Chart end -->
<!-- start new patient list -->
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-12">
<div class="card card-box">
<div class="card-head">
<header>NEW PATIENT LIST</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body ">
<div class="table-wrap">
<div class="table-responsive">
<table class="table display product-overview mb-30" id="support_table">
<thead>
<tr>
<th>No</th>
<th>Name</th>
<th>Assigned Doctor</th>
<th>Diseases</th>
<th>Room No</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Jens Brincker</td>
<td>Dr.Kenny Josh</td>
<td>
<span class="label label-sm label-success">Influenza</span>
</td>
<td>101</td>
</tr>
<tr>
<td>2</td>
<td>Mark Hay</td>
<td>Dr. Mark</td>
<td>
<span class="label label-sm label-warning"> Cholera </span>
</td>
<td>105</td>
</tr>
<tr>
<td>4</td>
<td>David Perry</td>
<td>Dr.Felix </td>
<td>
<span class="label label-sm label-danger">Jaundice</span>
</td>
<td>105</td>
</tr>
<tr>
<td>5</td>
<td>Anthony Davie</td>
<td>Dr.Beryl</td>
<td>
<span class="label label-sm label-success ">Leptospirosis</span>
</td>
<td>102</td>
</tr>
<tr>
<td>7</td>
<td>Mark Hay</td>
<td>Dr.Jayesh</td>
<td>
<span class="label label-sm label-success ">Typhoid</span>
</td>
<td>107</td>
</tr>
<tr>
<td>8</td>
<td>Sue Woodger</td>
<td>Dr.Sharma</td>
<td>
<span class="label label-sm label-danger">Malaria</span>
</td>
<td>108</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="card card-box">
<div class="card-head">
<header>TODO LIST</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row">
<ul class="to-do-list ui-sortable" id="sortable-todo">
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check1">
<label for="todo-check1"></label>
</div>
<p class="todo-title">UI perfection testing for Mega Section
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check2">
<label for="todo-check2"></label>
</div>
<p class="todo-title">UI perfection testing for Mega Section
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check3">
<label for="todo-check3"></label>
</div>
<p class="todo-title">Wiget &amp; Design placement</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check4">
<label for="todo-check4"></label>
</div>
<p class="todo-title">Development &amp; Wiget placement
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
<li class="clearfix">
<div class="todo-check pull-left">
<input type="checkbox" value="None" id="todo-check5">
<label for="todo-check5"></label>
</div>
<p class="todo-title">Test Complete
</p>
<div class="todo-actionlist pull-right clearfix">
<a href="#" class="todo-remove"><i class="fa fa-times"></i></a>
</div>
</li>
</ul>
</div>
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Enter your ToDo List" class="form-control">
<span class="input-group-btn">
<button type="submit" class="btn btn-warning btn-flat">Add</button>
</span> </div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end new patient list -->
<div class="row">
<div class="col-md-8 col-sm-12">
<div class="card card-box">
<div class="card-head">
<header>Booked Appointment List</header>
<div class="tools">
<a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
<a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
<a class="t-close btn-color fa fa-times" href="javascript:;"></a>
</div>
</div>
<div class="card-body no-padding height-9">
<div class="row table-padding">
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="btn-group">
<a href="book_appointment_material.html" id="addRow" class="btn btn-info">
Add New <i class="fa fa-plus"></i>
</a>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="btn-group pull-right">
<a class="btn deepPink-bgcolor btn-outline dropdown-toggle" data-toggle="dropdown">Tools
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right">
<li>
<a href="javascript:;">
<i class="fa fa-print"></i> Print </a>
</li>
<li>
<a href="javascript:;">
<i class="fa fa-file-pdf-o"></i> Save as PDF </a>
</li>
<li>
<a href="javascript:;">
<i class="fa fa-file-excel-o"></i> Export to Excel </a>
</li>
</ul>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-checkable order-column" id="example4">
<thead>
<tr>
<th>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" />
<span></span>
</label>
</th>
<th>Patient Name</th>
<th>Assigned Doctor</th>
<th>Date</th>
<th>Time</th>
<th>Actions </th>
</tr>
</thead>
<tbody>
<tr class="odd gradeX">
<td>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="checkboxes" value="1" />
<span></span>
</label>
</td>
<td> Jayesh Patel </td>
<td>
<a href="mailto:shuxer@gmail.com"> Dr.Rajesh </a>
</td>
<td class="center"> 12/05/2016 </td>
<td class="center"> 10:45 </td>
<td class="center">
<div class="btn-group">
<button class="btn btn-xs btn-warning dropdown-toggle center no-margin" type="button" data-toggle="dropdown"
aria-expanded="false"> Actions
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu pull-left" role="menu">
<li>
<a href="javascript:;"><i class="fa fa-trash-o"></i> Delete </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-ban"></i> Cancel </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-clock-o"></i> Postpone </a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="odd gradeX">
<td>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="checkboxes" value="1" />
<span></span>
</label>
</td>
<td> Pooja Patel </td>
<td>
<a href="mailto:looper90@gmail.com"> Dr.Sarah Smith </a>
</td>
<td class="center"> 12/05/2016 </td>
<td class="center"> 10:55 </td>
<td class="center">
<div class="btn-group">
<button class="btn btn-xs btn-info dropdown-toggle no-margin" type="button" data-toggle="dropdown"
aria-expanded="false"> Actions
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="javascript:;"><i class="fa fa-trash-o"></i> Delete </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-ban"></i> Cancel </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-clock-o"></i> Postpone </a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="odd gradeX">
<td>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="checkboxes" value="1" />
<span></span>
</label>
</td>
<td> Pankaj Singh </td>
<td>
<a href="mailto:userwow@yahoo.com"> Dr.Rajesh </a>
</td>
<td class="center"> 12/05/2016 </td>
<td class="center"> 11:15 </td>
<td class="center">
<div class="btn-group">
<button class="btn btn-xs btn-success dropdown-toggle no-margin" type="button" data-toggle="dropdown"
aria-expanded="false"> Actions
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="javascript:;"><i class="fa fa-trash-o"></i> Delete </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-ban"></i> Cancel </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-clock-o"></i> Postpone </a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="odd gradeX">
<td>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="checkboxes" value="1" />
<span></span>
</label>
</td>
<td> Raj Malhotra </td>
<td>
<a href="mailto:doctormail@gmail.com"> Dr.Megha Trivedi </a>
</td>
<td class="center"> 12/05/2016 </td>
<td class="center"> 11:25 </td>
<td class="center">
<div class="btn-group">
<button class="btn btn-xs btn-primary dropdown-toggle no-margin" type="button" data-toggle="dropdown"
aria-expanded="false"> Actions
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="javascript:;"><i class="fa fa-trash-o"></i> Delete </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-ban"></i> Cancel </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-clock-o"></i> Postpone </a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="odd gradeX">
<td>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="checkboxes" value="1" />
<span></span>
</label>
</td>
<td> Sneha Pandya </td>
<td>
<a href="mailto:doctormail@gmail.com"> Dr.Sarah Smith </a>
</td>
<td class="center"> 12/05/2016 </td>
<td class="center"> 11:35 </td>
<td class="center">
<div class="btn-group">
<button class="btn btn-xs btn-warning dropdown-toggle no-margin" type="button" data-toggle="dropdown"
aria-expanded="false"> Actions
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="javascript:;"><i class="fa fa-trash-o"></i> Delete </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-ban"></i> Cancel </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-clock-o"></i> Postpone </a>
</li>
</ul>
</div>
</td>
</tr>
<tr class="odd gradeX ">
<td>
<label class="rt-chkbox rt-chkbox-single rt-chkbox-outline">
<input type="checkbox" class="checkboxes" value="1" />
<span></span>
</label>
</td>
<td> Sameer Jain </td>
<td>
<a href="mailto:doctormail@gmail.com"> Dr.Megha Trivedi </a>
</td>
<td class="center"> 12/05/2016 </td>
<td class="center"> 11:45 </td>
<td class="center">
<div class="btn-group">
<button class="btn btn-xs btn-danger dropdown-toggle no-margin" type="button" data-toggle="dropdown"
aria-expanded="false"> Actions
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="javascript:;"><i class="fa fa-trash-o"></i> Delete </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-ban"></i> Cancel </a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-clock-o"></i> Postpone </a>
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="card card-box">
<div class="card-head">
<header>Doctors List</header>
</div>
<div class="card-body ">
<div class="row">
<ul class="docListWindow">
<li>
<div class="prog-avatar">
<img src="img/doc/doc1.jpg" alt="" width="40" height="40">
</div>
<div class="details">
<div class="title">
<a href="#">Dr.Rajesh</a> -(MBBS,MD)
</div>
<div>
<span class="clsAvailable">Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc2.jpg" alt="" width="40" height="40">
</div>
<div class="details">
<div class="title">
<a href="#">Dr.Sarah Smith</a> -(MBBS,MD)
</div>
<div>
<span class="clsAvailable">Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc3.jpg" alt="" width="40" height="40">
</div>
<div class="details">
<div class="title">
<a href="#">Dr.John Deo</a> - (BDS,MDS)
</div>
<div>
<span class="clsNotAvailable">Not Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc4.jpg" alt="" width="40" height="40">
</div>
<div class="details">
<div class="title">
<a href="#">Dr.Jay Soni</a> - (BHMS)
</div>
<div>
<span class="clsOnLeave">On Leave</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc5.jpg" alt="" width="40" height="40">
</div>
<div class="details">
<div class="title">
<a href="#">Dr.Jacob Ryan</a> - (MBBS,MS)
</div>
<div>
<span class="clsNotAvailable">Not Available</span>
</div>
</div>
</li>
<li>
<div class="prog-avatar">
<img src="img/doc/doc6.jpg" alt="" width="40" height="40">
</div>
<div class="details">
<div class="title">
<a href="#">Dr.Megha Trivedi</a> - (MBBS,MS)
</div>
<div>
<span class="clsAvailable">Available</span>
</div>
</div>
</li>
</ul>
<div class="text-center full-width">
<a href="#">View all</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end page content -->
<!-- start chat sidebar -->
<div class="chat-sidebar-container" data-close-on-body-click="false">
<div class="chat-sidebar">
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="#quick_sidebar_tab_1" class="nav-link active tab-icon" data-toggle="tab"> <i class="material-icons">chat</i>Chat
<span class="badge badge-danger">4</span>
</a>
</li>
<li class="nav-item">
<a href="#quick_sidebar_tab_3" class="nav-link tab-icon" data-toggle="tab"> <i class="material-icons">settings</i>
Settings
</a>
</li>
</ul>
<div class="tab-content">
<!-- Start Doctor Chat -->
<div class="tab-pane active chat-sidebar-chat in active show" role="tabpanel" id="quick_sidebar_tab_1">
<div class="chat-sidebar-list">
<div class="chat-sidebar-chat-users slimscroll-style" data-rail-color="#ddd" data-wrapper-class="chat-sidebar-list">
<div class="chat-header">
<h5 class="list-heading">Online</h5>
</div>
<ul class="media-list list-items">
<li class="media"><img class="media-object" src="img/doc/doc3.jpg" width="35" height="35" alt="...">
<i class="online dot"></i>
<div class="media-body">
<h5 class="media-heading">John Deo</h5>
<div class="media-heading-sub">Spine Surgeon</div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-success">5</span>
</div> <img class="media-object" src="img/doc/doc1.jpg" width="35" height="35" alt="...">
<i class="busy dot"></i>
<div class="media-body">
<h5 class="media-heading">Rajesh</h5>
<div class="media-heading-sub">Director</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc5.jpg" width="35" height="35" alt="...">
<i class="away dot"></i>
<div class="media-body">
<h5 class="media-heading">Jacob Ryan</h5>
<div class="media-heading-sub">Ortho Surgeon</div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-danger">8</span>
</div> <img class="media-object" src="img/doc/doc4.jpg" width="35" height="35" alt="...">
<i class="online dot"></i>
<div class="media-body">
<h5 class="media-heading">Kehn Anderson</h5>
<div class="media-heading-sub">CEO</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc2.jpg" width="35" height="35" alt="...">
<i class="busy dot"></i>
<div class="media-body">
<h5 class="media-heading">Sarah Smith</h5>
<div class="media-heading-sub">Anaesthetics</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc7.jpg" width="35" height="35" alt="...">
<i class="online dot"></i>
<div class="media-body">
<h5 class="media-heading">Vlad Cardella</h5>
<div class="media-heading-sub">Cardiologist</div>
</div>
</li>
</ul>
<div class="chat-header">
<h5 class="list-heading">Offline</h5>
</div>
<ul class="media-list list-items">
<li class="media">
<div class="media-status">
<span class="badge badge-warning">4</span>
</div> <img class="media-object" src="img/doc/doc6.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Jennifer Maklen</h5>
<div class="media-heading-sub">Nurse</div>
<div class="media-heading-small">Last seen 01:20 AM</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc8.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Lina Smith</h5>
<div class="media-heading-sub">Ortho Surgeon</div>
<div class="media-heading-small">Last seen 11:14 PM</div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-success">9</span>
</div> <img class="media-object" src="img/doc/doc9.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Jeff Adam</h5>
<div class="media-heading-sub">Compounder</div>
<div class="media-heading-small">Last seen 3:31 PM</div>
</div>
</li>
<li class="media"><img class="media-object" src="img/doc/doc10.jpg" width="35" height="35" alt="...">
<i class="offline dot"></i>
<div class="media-body">
<h5 class="media-heading">Anjelina Cardella</h5>
<div class="media-heading-sub">Physiotherapist</div>
<div class="media-heading-small">Last seen 7:45 PM</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- End Doctor Chat -->
<!-- Start Setting Panel -->
<div class="tab-pane chat-sidebar-settings" role="tabpanel" id="quick_sidebar_tab_3">
<div class="chat-sidebar-settings-list slimscroll-style">
<div class="chat-header">
<h5 class="list-heading">Layout Settings</h5>
</div>
<div class="chatpane inner-content ">
<div class="settings-list">
<div class="setting-item">
<div class="setting-text">Sidebar Position</div>
<div class="setting-set">
<select class="sidebar-pos-option form-control input-inline input-sm input-small ">
<option value="left" selected="selected">Left</option>
<option value="right">Right</option>
</select>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Header</div>
<div class="setting-set">
<select class="page-header-option form-control input-inline input-sm input-small ">
<option value="fixed" selected="selected">Fixed</option>
<option value="default">Default</option>
</select>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Footer</div>
<div class="setting-set">
<select class="page-footer-option form-control input-inline input-sm input-small ">
<option value="fixed">Fixed</option>
<option value="default" selected="selected">Default</option>
</select>
</div>
</div>
</div>
<div class="chat-header">
<h5 class="list-heading">Account Settings</h5>
</div>
<div class="settings-list">
<div class="setting-item">
<div class="setting-text">Notifications</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
<input type="checkbox" id="switch-1" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Show Online</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-7">
<input type="checkbox" id="switch-7" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Status</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-2">
<input type="checkbox" id="switch-2" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">2 Steps Verification</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-3">
<input type="checkbox" id="switch-3" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
</div>
<div class="chat-header">
<h5 class="list-heading">General Settings</h5>
</div>
<div class="settings-list">
<div class="setting-item">
<div class="setting-text">Location</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-4">
<input type="checkbox" id="switch-4" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Save Histry</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-5">
<input type="checkbox" id="switch-5" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-text">Auto Updates</div>
<div class="setting-set">
<div class="switch">
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-6">
<input type="checkbox" id="switch-6" class="mdl-switch__input" checked>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end chat sidebar -->
</div>
<!-- end page container -->
<!-- start footer -->
<div class="page-footer">
<div class="page-footer-inner"> 2017 &copy; RedStar Hospital Theme By
<a href="mailto:redstartheme@gmail.com" target="_top" class="makerCss">RT Theme maker</a>
</div>
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- end footer -->
</div>
<!-- start js include path -->
<script src="../assets/jquery.min.js"></script>
<script src="../assets/popper/popper.js"></script>
<script src="../assets/jquery.blockui.min.js"></script>
<script src="../assets/jquery.slimscroll.js"></script>
<!-- bootstrap -->
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
<script src="../assets/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<!-- counterup -->
<script src="../assets/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/counterup/jquery.counterup.min.js"></script>
<!-- Common js-->
<script src="../assets/app.js"></script>
<script src="../assets/layout.js"></script>
<script src="../assets/theme-color.js"></script>
<!-- material -->
<script src="../assets/material/material.min.js"></script>
<!-- chart js -->
<script src="../assets/chart-js/Chart.bundle.js"></script>
<script src="../assets/chart-js/utils.js"></script>
<script src="../assets/chart-js/home-data3.js"></script>
<script src="../assets/sparkline/jquery.sparkline.js"></script>
<script src="../assets/sparkline/sparkline-data.js"></script>
<!-- end js include path -->
</body>
<!-- Mirrored from radixtouch.in/templates/admin/redstar/source/light/dashboard3.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Aug 2019 14:06:12 GMT -->
</html>