Home Explore Help
Register Sign In
xonos
/
EQ2EMU-Labs
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 004eee7a1d
Branches Tags
EQ2EMU-Labs
/
index.php

index.php 61 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865 
  1. <?php
    2. 

  2. 	require('autoload.php');
    3. 

  3. ?>
    4. 

  4. <!DOCTYPE html>
    5. 

  5. <html lang="en">
    6. 

  6. 	<head>
    7. 

  7.         <meta charset="utf-8">
    8. 

  8.         <title>EQ2EMU Labs</title>
    9. 

  9.         <meta name="description" content="Page Titile">
    10. 

  10.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
    11. 

  11.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
    12. 

  12.         <!-- Call App Mode on ios devices -->
    13. 

  13.         <meta name="apple-mobile-web-app-capable" content="yes" />
    14. 

  14.         <!-- Remove Tap Highlight on Windows Phone IE -->
    15. 

  15.         <meta name="msapplication-tap-highlight" content="no">
    16. 

  16.         <!-- base css -->
    17. 

  17.         <link rel="stylesheet" media="screen, print" href="css/vendors.bundle.css">
    18. 

  18.         <link rel="stylesheet" media="screen, print" href="css/app.bundle.css">
    19. 

  19.         <!-- Place favicon.ico in the root directory -->
    20. 

  20.         <link rel="apple-touch-icon" sizes="180x180" href="img/eq2emu_labs_logo_180.png">
    21. 

  21.         <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/eq2emu_labs_favico_32.png">
    22. 

  22.         <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
    23. 

  23. 		
    24. 

  24.         <link rel="stylesheet" href="css/animate.min.css">
    25. 

  25.         <link rel="stylesheet" href="css/fa-light.css">
    26. 

  26.         <link rel="stylesheet" href="css/fa-regular.css">
    27. 

  27.         <link rel="stylesheet" href="css/fa-solid.css">
    28. 

  28.         <link rel="stylesheet" href="css/fa-duotone.css">
    29. 

  29.         <link rel="stylesheet" href="css/fa-brands.css">
    30. 

  30.         <link rel="stylesheet" href="css/eq2emu.css">
    31. 

  31.         <link rel="stylesheet" media="screen, print" href="css/datagrid/datatables/datatables.bundle.css">
    32. 

  32. 		
    33. 

  33.         <script src="js/datagrid/datatables/datatables.bundle.js"></script>
    34. 

  34.         <!--<link rel="stylesheet" media="screen, print" href="css/your_styles.css">-->
    35. 

  35.         <script src="js/vendors.bundle.js"></script>
    36. 

  36.         <script src="js/app.bundle.js"></script>
    37. 

  37.         <script src="js/eq2emu.js"></script>
    38. 

  38.     </head>
    39. 

  39.     <body class="mod-bg-1 ">
    40. 

  40.         <!-- DOC: script to save and load page settings -->
    41. 

  41.         <script>
    42. 

  42.             <?php include('js/pagescript.php'); ?>
    43. 

  43.         </script>
    44. 

  44.         <!-- BEGIN Page Wrapper -->
    45. 

  45.         <div class="page-wrapper">
    46. 

  46.             <div class="page-inner">
    47. 

  47.                 <!-- BEGIN Left Aside -->
    48. 

  48.                 <aside class="page-sidebar">
    49. 

  49.                     <!-- <div class="page-logo">
    50. 

  50.                     </div>
    51. 

  51.                      BEGIN PRIMARY NAVIGATION -->
    52. 

  52.                     <nav id="js-primary-nav" class="primary-nav" role="navigation">
    53. 

  53.                         <div class="nav-filter">
    54. 

  54.                             <div class="position-relative">
    55. 

  55.                                 <input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
    56. 

  56.                                 <a href="#" onclick="return false;" class="btn-primary btn-search-close js-waves-off" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
    57. 

  57.                                     <i class="fal fa-chevron-up"></i>
    58. 

  58.                                 </a>
    59. 

  59.                             </div>
    60. 

  60.                         </div>
    61. 

  61.                         <div class="info-card">
    62. 

  62. 							<img src="img/eq2emu_nav_logo.png"/>
    63. 

  63.                         </div>
    64. 

  64.                         <ul id="js-nav-menu" class="nav-menu">
    65. 

  65. 							<?php echo get_nav_menu(); ?>
    66. 

  66. 						</ul>
    67. 

  67.                         <div class="filter-message js-filter-message bg-success-600"></div>
    68. 

  68.                     </nav>
    69. 

  69.                     <!-- END PRIMARY NAVIGATION -->
    70. 

  70.                     <!-- NAV FOOTER -->
    71. 

  71.                     <div class="nav-footer shadow-top">
    72. 

  72.                         <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
    73. 

  73.                             <i class="ni ni-chevron-right"></i>
    74. 

  74.                             <i class="ni ni-chevron-right"></i>
    75. 

  75.                         </a>
    76. 

  76.                         <ul class="list-table m-auto nav-footer-buttons">
    77. 

  77.                             <li>
    78. 

  78.                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Chat logs">
    79. 

  79.                                     <i class="fal fa-comments"></i>
    80. 

  80.                                 </a>
    81. 

  81.                             </li>
    82. 

  82.                             <li>
    83. 

  83.                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Support Chat">
    84. 

  84.                                     <i class="fal fa-life-ring"></i>
    85. 

  85.                                 </a>
    86. 

  86.                             </li>
    87. 

  87.                             <li>
    88. 

  88.                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Make a call">
    89. 

  89.                                     <i class="fal fa-phone"></i>
    90. 

  90.                                 </a>
    91. 

  91.                             </li>
    92. 

  92.                         </ul>
    93. 

  93.                     </div> <!-- END NAV FOOTER -->
    94. 

  94.                 </aside>
    95. 

  95.                 <!-- END Left Aside -->
    96. 

  96.                 <div class="page-content-wrapper">
    97. 

  97.                     <main id="js-page-content" role="main" class="page-content">
    98. 

  98. 

  99. 						<div class="subheader">
    100. 

  100. 							<h1 class="subheader-title">
    101. 

  101. 								<i class='subheader-icon <?php echo $_m['icon'];?>'></i> <?php echo $_m['title'];?><span class='fw-300'></span> <sup class='badge badge-primary fw-500'>Module</sup>
    102. 

  102. 								<small>
    103. 

  103. 									<?php echo $_m['desc'];?>
    104. 

  104. 								</small>
    105. 

  105. 							</h1>
    106. 

  106. 						</div>
    107. 

  107. 						<!-- the #js-page-content id is needed for some plugins to initialize -->
    108. 

  108. 						<?php
    109. 

  109. 						if(file_exists('inc/modules/'.$_modules[$_SESSION[_sid]['view']]['file'].'.php')) {
    110. 

  110. 							include('inc/modules/'.$_modules[$_SESSION[_sid]['view']]['file'].'.php');
    111. 

  111. 						} else {
    112. 

  112. 							include('inc/modules/module.404.php');
    113. 

  113. 						}
    114. 

  114. 							
    115. 

  115. 						?>
    116. 

  116.                     </main>
    117. 

  117. 					<!-- this overlay is activated only when mobile menu is triggered -->
    118. 

  118.                     <div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div> <!-- END Page Content -->
    119. 

  119.                     <!-- BEGIN Page Footer -->
    120. 

  120.                     <footer class="page-footer" role="contentinfo">
    121. 

  121.                         <div class="d-flex align-items-center flex-1 text-muted">
    122. 

  122.                             <span class="hidden-md-down fw-700">2020 © SmartAdmin by&nbsp;<a href='https://www.gotbootstrap.com' class='text-primary fw-500' title='gotbootstrap.com' target='_blank'>gotbootstrap.com</a></span>
    123. 

  123.                         </div>
    124. 

  124.                         <div>
    125. 

  125.                             <ul class="list-table m-0">
    126. 

  126.                                 <li><a href="intel_introduction.html" class="text-secondary fw-700">About</a></li>
    127. 

  127.                                 <li class="pl-3"><a href="info_app_licensing.html" class="text-secondary fw-700">License</a></li>
    128. 

  128.                                 <li class="pl-3"><a href="info_app_docs.html" class="text-secondary fw-700">Documentation</a></li>
    129. 

  129.                                 <li class="pl-3 fs-xl"><a href="https://wrapbootstrap.com/user/MyOrange" class="text-secondary" target="_blank"><i class="fal fa-question-circle" aria-hidden="true"></i></a></li>
    130. 

  130.                             </ul>
    131. 

  131.                         </div>
    132. 

  132.                     </footer>
    133. 

  133.                     <!-- END Page Footer -->
    134. 

  134.                     <!-- BEGIN Shortcuts -->
    135. 

  135.                     <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
    136. 

  136.                         <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
    137. 

  137.                             <div class="modal-content">
    138. 

  138.                                 <div class="modal-body">
    139. 

  139.                                     <ul class="app-list w-auto h-auto p-0 text-left">
    140. 

  140.                                         <li>
    141. 

  141.                                             <a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
    142. 

  142.                                                 <div class="icon-stack">
    143. 

  143.                                                     <i class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
    144. 

  144.                                                     <i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
    145. 

  145.                                                     <i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
    146. 

  146.                                                 </div>
    147. 

  147.                                                 <span class="app-list-name">
    148. 

  148.                                                     Home
    149. 

  149.                                                 </span>
    150. 

  150.                                             </a>
    151. 

  151.                                         </li>
    152. 

  152.                                         <li>
    153. 

  153.                                             <a href="page_inbox_general.html" class="app-list-item text-white border-0 m-0">
    154. 

  154.                                                 <div class="icon-stack">
    155. 

  155.                                                     <i class="base base-7 icon-stack-3x opacity-100 color-success-500 "></i>
    156. 

  156.                                                     <i class="base base-7 icon-stack-2x opacity-100 color-success-300 "></i>
    157. 

  157.                                                     <i class="ni ni-envelope icon-stack-1x text-white"></i>
    158. 

  158.                                                 </div>
    159. 

  159.                                                 <span class="app-list-name">
    160. 

  160.                                                     Inbox
    161. 

  161.                                                 </span>
    162. 

  162.                                             </a>
    163. 

  163.                                         </li>
    164. 

  164.                                         <li>
    165. 

  165.                                             <a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
    166. 

  166.                                                 <div class="icon-stack">
    167. 

  167.                                                     <i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
    168. 

  168.                                                     <i class="fal fa-plus icon-stack-1x opacity-100 color-white"></i>
    169. 

  169.                                                 </div>
    170. 

  170.                                                 <span class="app-list-name">
    171. 

  171.                                                     Add More
    172. 

  172.                                                 </span>
    173. 

  173.                                             </a>
    174. 

  174.                                         </li>
    175. 

  175.                                     </ul>
    176. 

  176.                                 </div>
    177. 

  177.                             </div>
    178. 

  178.                         </div>
    179. 

  179.                     </div>
    180. 

  180.                     <!-- END Shortcuts -->
    181. 

  181.                     <!-- BEGIN Color profile -->
    182. 

  182.                     <!-- this area is hidden and will not be seen on screens or screen readers -->
    183. 

  183.                     <!-- we use this only for CSS color refernce for JS stuff -->
    184. 

  184.                     <p id="js-color-profile" class="d-none">
    185. 

  185.                         <span class="color-primary-50"></span>
    186. 

  186.                         <span class="color-primary-100"></span>
    187. 

  187.                         <span class="color-primary-200"></span>
    188. 

  188.                         <span class="color-primary-300"></span>
    189. 

  189.                         <span class="color-primary-400"></span>
    190. 

  190.                         <span class="color-primary-500"></span>
    191. 

  191.                         <span class="color-primary-600"></span>
    192. 

  192.                         <span class="color-primary-700"></span>
    193. 

  193.                         <span class="color-primary-800"></span>
    194. 

  194.                         <span class="color-primary-900"></span>
    195. 

  195.                         <span class="color-info-50"></span>
    196. 

  196.                         <span class="color-info-100"></span>
    197. 

  197.                         <span class="color-info-200"></span>
    198. 

  198.                         <span class="color-info-300"></span>
    199. 

  199.                         <span class="color-info-400"></span>
    200. 

  200.                         <span class="color-info-500"></span>
    201. 

  201.                         <span class="color-info-600"></span>
    202. 

  202.                         <span class="color-info-700"></span>
    203. 

  203.                         <span class="color-info-800"></span>
    204. 

  204.                         <span class="color-info-900"></span>
    205. 

  205.                         <span class="color-danger-50"></span>
    206. 

  206.                         <span class="color-danger-100"></span>
    207. 

  207.                         <span class="color-danger-200"></span>
    208. 

  208.                         <span class="color-danger-300"></span>
    209. 

  209.                         <span class="color-danger-400"></span>
    210. 

  210.                         <span class="color-danger-500"></span>
    211. 

  211.                         <span class="color-danger-600"></span>
    212. 

  212.                         <span class="color-danger-700"></span>
    213. 

  213.                         <span class="color-danger-800"></span>
    214. 

  214.                         <span class="color-danger-900"></span>
    215. 

  215.                         <span class="color-warning-50"></span>
    216. 

  216.                         <span class="color-warning-100"></span>
    217. 

  217.                         <span class="color-warning-200"></span>
    218. 

  218.                         <span class="color-warning-300"></span>
    219. 

  219.                         <span class="color-warning-400"></span>
    220. 

  220.                         <span class="color-warning-500"></span>
    221. 

  221.                         <span class="color-warning-600"></span>
    222. 

  222.                         <span class="color-warning-700"></span>
    223. 

  223.                         <span class="color-warning-800"></span>
    224. 

  224.                         <span class="color-warning-900"></span>
    225. 

  225.                         <span class="color-success-50"></span>
    226. 

  226.                         <span class="color-success-100"></span>
    227. 

  227.                         <span class="color-success-200"></span>
    228. 

  228.                         <span class="color-success-300"></span>
    229. 

  229.                         <span class="color-success-400"></span>
    230. 

  230.                         <span class="color-success-500"></span>
    231. 

  231.                         <span class="color-success-600"></span>
    232. 

  232.                         <span class="color-success-700"></span>
    233. 

  233.                         <span class="color-success-800"></span>
    234. 

  234.                         <span class="color-success-900"></span>
    235. 

  235.                         <span class="color-fusion-50"></span>
    236. 

  236.                         <span class="color-fusion-100"></span>
    237. 

  237.                         <span class="color-fusion-200"></span>
    238. 

  238.                         <span class="color-fusion-300"></span>
    239. 

  239.                         <span class="color-fusion-400"></span>
    240. 

  240.                         <span class="color-fusion-500"></span>
    241. 

  241.                         <span class="color-fusion-600"></span>
    242. 

  242.                         <span class="color-fusion-700"></span>
    243. 

  243.                         <span class="color-fusion-800"></span>
    244. 

  244.                         <span class="color-fusion-900"></span>
    245. 

  245.                     </p>
    246. 

  246.                     <!-- END Color profile -->
    247. 

  247.                 </div>
    248. 

  248.             </div>
    249. 

  249.         </div>
    250. 

  250.         <!-- END Page Wrapper -->
    251. 

  251.         <!-- BEGIN Quick Menu -->
    252. 

  252.         <!-- to add more items, please make sure to change the variable '$menu-items: number;' in your _page-components-shortcut.scss -->
    253. 

  253.         <nav class="shortcut-menu d-none d-sm-block">
    254. 

  254.             <input type="checkbox" class="menu-open" name="menu-open" id="menu_open" />
    255. 

  255.             <label for="menu_open" class="menu-open-button ">
    256. 

  256.                 <span class="app-shortcut-icon d-block"></span>
    257. 

  257.             </label>
    258. 

  258.             <a href="#" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Scroll Top">
    259. 

  259.                 <i class="fal fa-arrow-up"></i>
    260. 

  260.             </a>
    261. 

  261.             <a href="page_login.html" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Logout">
    262. 

  262.                 <i class="fal fa-sign-out"></i>
    263. 

  263.             </a>
    264. 

  264.             <a href="#" class="menu-item btn" data-action="app-fullscreen" data-toggle="tooltip" data-placement="left" title="Full Screen">
    265. 

  265.                 <i class="fal fa-expand"></i>
    266. 

  266.             </a>
    267. 

  267.             <a href="#" class="menu-item btn" data-action="app-print" data-toggle="tooltip" data-placement="left" title="Print page">
    268. 

  268.                 <i class="fal fa-print"></i>
    269. 

  269.             </a>
    270. 

  270.             <a href="#" class="menu-item btn" data-action="app-voice" data-toggle="tooltip" data-placement="left" title="Voice command">
    271. 

  271.                 <i class="fal fa-microphone"></i>
    272. 

  272.             </a>
    273. 

  273.         </nav>
    274. 

  274.         <!-- END Quick Menu -->
    275. 

  275.         <!-- BEGIN Messenger -->
    276. 

  276.         <div class="modal fade js-modal-messenger modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
    277. 

  277.             <div class="modal-dialog modal-dialog-right">
    278. 

  278.                 <div class="modal-content h-100">
    279. 

  279.                     <div class="dropdown-header bg-trans-gradient d-flex align-items-center w-100">
    280. 

  280.                         <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
    281. 

  281.                             <span class="mr-2">
    282. 

  282.                                 <span class="rounded-circle profile-image d-block" style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
    283. 

  283.                             </span>
    284. 

  284.                             <div class="info-card-text">
    285. 

  285.                                 <a href="javascript:void(0);" class="fs-lg text-truncate text-truncate-lg text-white" data-toggle="dropdown" aria-expanded="false">
    286. 

  286.                                     Tracey Chang
    287. 

  287.                                     <i class="fal fa-angle-down d-inline-block ml-1 text-white fs-md"></i>
    288. 

  288.                                 </a>
    289. 

  289.                                 <div class="dropdown-menu">
    290. 

  290.                                     <a class="dropdown-item" href="#">Send Email</a>
    291. 

  291.                                     <a class="dropdown-item" href="#">Create Appointment</a>
    292. 

  292.                                     <a class="dropdown-item" href="#">Block User</a>
    293. 

  293.                                 </div>
    294. 

  294.                                 <span class="text-truncate text-truncate-md opacity-80">IT Director</span>
    295. 

  295.                             </div>
    296. 

  296.                         </div>
    297. 

  297.                         <button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
    298. 

  298.                             <span aria-hidden="true"><i class="fal fa-times"></i></span>
    299. 

  299.                         </button>
    300. 

  300.                     </div>
    301. 

  301.                     <div class="modal-body p-0 h-100 d-flex">
    302. 

  302.                         <!-- BEGIN msgr-list -->
    303. 

  303.                         <div class="msgr-list d-flex flex-column bg-faded border-faded border-top-0 border-right-0 border-bottom-0 position-absolute pos-top pos-bottom">
    304. 

  304.                             <div>
    305. 

  305.                                 <div class="height-4 width-3 h3 m-0 d-flex justify-content-center flex-column color-primary-500 pl-3 mt-2">
    306. 

  306.                                     <i class="fal fa-search"></i>
    307. 

  307.                                 </div>
    308. 

  308.                                 <input type="text" class="form-control bg-white" id="msgr_listfilter_input" placeholder="Filter contacts" aria-label="FriendSearch" data-listfilter="#js-msgr-listfilter">
    309. 

  309.                             </div>
    310. 

  310.                             <div class="flex-1 h-100 custom-scroll">
    311. 

  311.                                 <div class="w-100">
    312. 

  312.                                     <ul id="js-msgr-listfilter" class="list-unstyled m-0">
    313. 

  313.                                         <li>
    314. 

  314.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="tracey chang online">
    315. 

  315.                                                 <div class="d-table-cell align-middle status status-success status-sm ">
    316. 

  316.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
    317. 

  317.                                                 </div>
    318. 

  318.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    319. 

  319.                                                     <div class="text-truncate text-truncate-md">
    320. 

  320.                                                         Tracey Chang
    321. 

  321.                                                         <small class="d-block font-italic text-success fs-xs">
    322. 

  322.                                                             Online
    323. 

  323.                                                         </small>
    324. 

  324.                                                     </div>
    325. 

  325.                                                 </div>
    326. 

  326.                                             </a>
    327. 

  327.                                         </li>
    328. 

  328.                                         <li>
    329. 

  329.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="oliver kopyuv online">
    330. 

  330.                                                 <div class="d-table-cell align-middle status status-success status-sm ">
    331. 

  331.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
    332. 

  332.                                                 </div>
    333. 

  333.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    334. 

  334.                                                     <div class="text-truncate text-truncate-md">
    335. 

  335.                                                         Oliver Kopyuv
    336. 

  336.                                                         <small class="d-block font-italic text-success fs-xs">
    337. 

  337.                                                             Online
    338. 

  338.                                                         </small>
    339. 

  339.                                                     </div>
    340. 

  340.                                                 </div>
    341. 

  341.                                             </a>
    342. 

  342.                                         </li>
    343. 

  343.                                         <li>
    344. 

  344.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="dr john cook phd away">
    345. 

  345.                                                 <div class="d-table-cell align-middle status status-warning status-sm ">
    346. 

  346.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
    347. 

  347.                                                 </div>
    348. 

  348.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    349. 

  349.                                                     <div class="text-truncate text-truncate-md">
    350. 

  350.                                                         Dr. John Cook PhD
    351. 

  351.                                                         <small class="d-block font-italic fs-xs">
    352. 

  352.                                                             Away
    353. 

  353.                                                         </small>
    354. 

  354.                                                     </div>
    355. 

  355.                                                 </div>
    356. 

  356.                                             </a>
    357. 

  357.                                         </li>
    358. 

  358.                                         <li>
    359. 

  359.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney online">
    360. 

  360.                                                 <div class="d-table-cell align-middle status status-success status-sm ">
    361. 

  361.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-g.png'); background-size: cover;"></span>
    362. 

  362.                                                 </div>
    363. 

  363.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    364. 

  364.                                                     <div class="text-truncate text-truncate-md">
    365. 

  365.                                                         Ali Amdaney
    366. 

  366.                                                         <small class="d-block font-italic fs-xs text-success">
    367. 

  367.                                                             Online
    368. 

  368.                                                         </small>
    369. 

  369.                                                     </div>
    370. 

  370.                                                 </div>
    371. 

  371.                                             </a>
    372. 

  372.                                         </li>
    373. 

  373.                                         <li>
    374. 

  374.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="sarah mcbrook online">
    375. 

  375.                                                 <div class="d-table-cell align-middle status status-success status-sm">
    376. 

  376.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
    377. 

  377.                                                 </div>
    378. 

  378.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    379. 

  379.                                                     <div class="text-truncate text-truncate-md">
    380. 

  380.                                                         Sarah McBrook
    381. 

  381.                                                         <small class="d-block font-italic fs-xs text-success">
    382. 

  382.                                                             Online
    383. 

  383.                                                         </small>
    384. 

  384.                                                     </div>
    385. 

  385.                                                 </div>
    386. 

  386.                                             </a>
    387. 

  387.                                         </li>
    388. 

  388.                                         <li>
    389. 

  389.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
    390. 

  390.                                                 <div class="d-table-cell align-middle status status-sm">
    391. 

  391.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
    392. 

  392.                                                 </div>
    393. 

  393.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    394. 

  394.                                                     <div class="text-truncate text-truncate-md">
    395. 

  395.                                                         oliver.kopyuv@gotbootstrap.com
    396. 

  396.                                                         <small class="d-block font-italic fs-xs">
    397. 

  397.                                                             Offline
    398. 

  398.                                                         </small>
    399. 

  399.                                                     </div>
    400. 

  400.                                                 </div>
    401. 

  401.                                             </a>
    402. 

  402.                                         </li>
    403. 

  403.                                         <li>
    404. 

  404.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney busy">
    405. 

  405.                                                 <div class="d-table-cell align-middle status status-danger status-sm">
    406. 

  406.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-j.png'); background-size: cover;"></span>
    407. 

  407.                                                 </div>
    408. 

  408.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    409. 

  409.                                                     <div class="text-truncate text-truncate-md">
    410. 

  410.                                                         oliver.kopyuv@gotbootstrap.com
    411. 

  411.                                                         <small class="d-block font-italic fs-xs text-danger">
    412. 

  412.                                                             Busy
    413. 

  413.                                                         </small>
    414. 

  414.                                                     </div>
    415. 

  415.                                                 </div>
    416. 

  416.                                             </a>
    417. 

  417.                                         </li>
    418. 

  418.                                         <li>
    419. 

  419.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
    420. 

  420.                                                 <div class="d-table-cell align-middle status status-sm">
    421. 

  421.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
    422. 

  422.                                                 </div>
    423. 

  423.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    424. 

  424.                                                     <div class="text-truncate text-truncate-md">
    425. 

  425.                                                         oliver.kopyuv@gotbootstrap.com
    426. 

  426.                                                         <small class="d-block font-italic fs-xs">
    427. 

  427.                                                             Offline
    428. 

  428.                                                         </small>
    429. 

  429.                                                     </div>
    430. 

  430.                                                 </div>
    431. 

  431.                                             </a>
    432. 

  432.                                         </li>
    433. 

  433.                                         <li>
    434. 

  434.                                             <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney inactive">
    435. 

  435.                                                 <div class="d-table-cell align-middle">
    436. 

  436.                                                     <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-m.png'); background-size: cover;"></span>
    437. 

  437.                                                 </div>
    438. 

  438.                                                 <div class="d-table-cell w-100 align-middle pl-2 pr-2">
    439. 

  439.                                                     <div class="text-truncate text-truncate-md">
    440. 

  440.                                                         +714651347790
    441. 

  441.                                                         <small class="d-block font-italic fs-xs opacity-50">
    442. 

  442.                                                             Missed Call
    443. 

  443.                                                         </small>
    444. 

  444.                                                     </div>
    445. 

  445.                                                 </div>
    446. 

  446.                                             </a>
    447. 

  447.                                         </li>
    448. 

  448.                                     </ul>
    449. 

  449.                                     <div class="filter-message js-filter-message"></div>
    450. 

  450.                                 </div>
    451. 

  451.                             </div>
    452. 

  452.                             <div>
    453. 

  453.                                 <a class="fs-xl d-flex align-items-center p-3">
    454. 

  454.                                     <i class="fal fa-cogs"></i>
    455. 

  455.                                 </a>
    456. 

  456.                             </div>
    457. 

  457.                         </div>
    458. 

  458.                         <!-- END msgr-list -->
    459. 

  459.                         <!-- BEGIN msgr -->
    460. 

  460.                         <div class="msgr d-flex h-100 flex-column bg-white">
    461. 

  461.                             <!-- BEGIN custom-scroll -->
    462. 

  462.                             <div class="custom-scroll flex-1 h-100">
    463. 

  463.                                 <div id="chat_container" class="w-100 p-4">
    464. 

  464.                                     <!-- start .chat-segment -->
    465. 

  465.                                     <div class="chat-segment">
    466. 

  466.                                         <div class="time-stamp text-center mb-2 fw-400">
    467. 

  467.                                             Jun 19
    468. 

  468.                                         </div>
    469. 

  469.                                     </div>
    470. 

  470.                                     <!--  end .chat-segment -->
    471. 

  471.                                     <!-- start .chat-segment -->
    472. 

  472.                                     <div class="chat-segment chat-segment-sent">
    473. 

  473.                                         <div class="chat-message">
    474. 

  474.                                             <p>
    475. 

  475.                                                 Hey Tracey, did you get my files?
    476. 

  476.                                             </p>
    477. 

  477.                                         </div>
    478. 

  478.                                         <div class="text-right fw-300 text-muted mt-1 fs-xs">
    479. 

  479.                                             3:00 pm
    480. 

  480.                                         </div>
    481. 

  481.                                     </div>
    482. 

  482.                                     <!--  end .chat-segment -->
    483. 

  483.                                     <!-- start .chat-segment -->
    484. 

  484.                                     <div class="chat-segment chat-segment-get">
    485. 

  485.                                         <div class="chat-message">
    486. 

  486.                                             <p>
    487. 

  487.                                                 Hi
    488. 

  488.                                             </p>
    489. 

  489.                                             <p>
    490. 

  490.                                                 Sorry going through a busy time in office. Yes I analyzed the solution.
    491. 

  491.                                             </p>
    492. 

  492.                                             <p>
    493. 

  493.                                                 It will require some resource, which I could not manage.
    494. 

  494.                                             </p>
    495. 

  495.                                         </div>
    496. 

  496.                                         <div class="fw-300 text-muted mt-1 fs-xs">
    497. 

  497.                                             3:24 pm
    498. 

  498.                                         </div>
    499. 

  499.                                     </div>
    500. 

  500.                                     <!--  end .chat-segment -->
    501. 

  501.                                     <!-- start .chat-segment -->
    502. 

  502.                                     <div class="chat-segment chat-segment-sent chat-start">
    503. 

  503.                                         <div class="chat-message">
    504. 

  504.                                             <p>
    505. 

  505.                                                 Okay
    506. 

  506.                                             </p>
    507. 

  507.                                         </div>
    508. 

  508.                                     </div>
    509. 

  509.                                     <!--  end .chat-segment -->
    510. 

  510.                                     <!-- start .chat-segment -->
    511. 

  511.                                     <div class="chat-segment chat-segment-sent chat-end">
    512. 

  512.                                         <div class="chat-message">
    513. 

  513.                                             <p>
    514. 

  514.                                                 Sending you some dough today, you can allocate the resources to this project.
    515. 

  515.                                             </p>
    516. 

  516.                                         </div>
    517. 

  517.                                         <div class="text-right fw-300 text-muted mt-1 fs-xs">
    518. 

  518.                                             3:26 pm
    519. 

  519.                                         </div>
    520. 

  520.                                     </div>
    521. 

  521.                                     <!--  end .chat-segment -->
    522. 

  522.                                     <!-- start .chat-segment -->
    523. 

  523.                                     <div class="chat-segment chat-segment-get chat-start">
    524. 

  524.                                         <div class="chat-message">
    525. 

  525.                                             <p>
    526. 

  526.                                                 Perfect. Thanks a lot!
    527. 

  527.                                             </p>
    528. 

  528.                                         </div>
    529. 

  529.                                     </div>
    530. 

  530.                                     <!--  end .chat-segment -->
    531. 

  531.                                     <!-- start .chat-segment -->
    532. 

  532.                                     <div class="chat-segment chat-segment-get">
    533. 

  533.                                         <div class="chat-message">
    534. 

  534.                                             <p>
    535. 

  535.                                                 I will have them ready by tonight.
    536. 

  536.                                             </p>
    537. 

  537.                                         </div>
    538. 

  538.                                     </div>
    539. 

  539.                                     <!--  end .chat-segment -->
    540. 

  540.                                     <!-- start .chat-segment -->
    541. 

  541.                                     <div class="chat-segment chat-segment-get chat-end">
    542. 

  542.                                         <div class="chat-message">
    543. 

  543.                                             <p>
    544. 

  544.                                                 Cheers
    545. 

  545.                                             </p>
    546. 

  546.                                         </div>
    547. 

  547.                                     </div>
    548. 

  548.                                     <!--  end .chat-segment -->
    549. 

  549.                                     <!-- start .chat-segment for timestamp -->
    550. 

  550.                                     <div class="chat-segment">
    551. 

  551.                                         <div class="time-stamp text-center mb-2 fw-400">
    552. 

  552.                                             Jun 20
    553. 

  553.                                         </div>
    554. 

  554.                                     </div>
    555. 

  555.                                     <!--  end .chat-segment for timestamp -->
    556. 

  556.                                 </div>
    557. 

  557.                             </div>
    558. 

  558.                             <!-- END custom-scroll  -->
    559. 

  559.                             <!-- BEGIN msgr__chatinput -->
    560. 

  560.                             <div class="d-flex flex-column">
    561. 

  561.                                 <div class="border-faded border-right-0 border-bottom-0 border-left-0 flex-1 mr-3 ml-3 position-relative shadow-top">
    562. 

  562.                                     <div class="pt-3 pb-1 pr-0 pl-0 rounded-0" tabindex="-1">
    563. 

  563.                                         <div id="msgr_input" contenteditable="true" data-placeholder="Type your message here..." class="height-10 form-content-editable"></div>
    564. 

  564.                                     </div>
    565. 

  565.                                 </div>
    566. 

  566.                                 <div class="height-8 px-3 d-flex flex-row align-items-center flex-wrap flex-shrink-0">
    567. 

  567.                                     <a href="javascript:void(0);" class="btn btn-icon fs-xl width-1 mr-1" data-toggle="tooltip" data-original-title="More options" data-placement="top">
    568. 

  568.                                         <i class="fal fa-ellipsis-v-alt color-fusion-300"></i>
    569. 

  569.                                     </a>
    570. 

  570.                                     <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Attach files" data-placement="top">
    571. 

  571.                                         <i class="fal fa-paperclip color-fusion-300"></i>
    572. 

  572.                                     </a>
    573. 

  573.                                     <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Insert photo" data-placement="top">
    574. 

  574.                                         <i class="fal fa-camera color-fusion-300"></i>
    575. 

  575.                                     </a>
    576. 

  576.                                     <div class="ml-auto">
    577. 

  577.                                         <a href="javascript:void(0);" class="btn btn-info">Send</a>
    578. 

  578.                                     </div>
    579. 

  579.                                 </div>
    580. 

  580.                             </div>
    581. 

  581.                             <!-- END msgr__chatinput -->
    582. 

  582.                         </div>
    583. 

  583.                         <!-- END msgr -->
    584. 

  584.                     </div>
    585. 

  585.                 </div>
    586. 

  586.             </div>
    587. 

  587.         </div>
    588. 

  588.         <!-- END Messenger -->
    589. 

  589.         <!-- BEGIN Page Settings -->
    590. 

  590.         <div class="modal fade js-modal-settings modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
    591. 

  591.             <div class="modal-dialog modal-dialog-right modal-md">
    592. 

  592.                 <div class="modal-content">
    593. 

  593.                     <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center w-100">
    594. 

  594.                         <h4 class="m-0 text-center color-white">
    595. 

  595.                             Layout Settings
    596. 

  596.                             <small class="mb-0 opacity-80">User Interface Settings</small>
    597. 

  597.                         </h4>
    598. 

  598.                         <button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
    599. 

  599.                             <span aria-hidden="true"><i class="fal fa-times"></i></span>
    600. 

  600.                         </button>
    601. 

  601.                     </div>
    602. 

  602.                     <div class="modal-body p-0">
    603. 

  603.                         <div class="settings-panel">
    604. 

  604.                             <div class="mt-4 d-table w-100 px-5">
    605. 

  605.                                 <div class="d-table-cell align-middle">
    606. 

  606.                                     <h5 class="p-0">
    607. 

  607.                                         App Layout
    608. 

  608.                                     </h5>
    609. 

  609.                                 </div>
    610. 

  610.                             </div>
    611. 

  611.                             <div class="list" id="fh">
    612. 

  612.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="header-function-fixed"></a>
    613. 

  613.                                 <span class="onoffswitch-title">Fixed Header</span>
    614. 

  614.                                 <span class="onoffswitch-title-desc">header is in a fixed at all times</span>
    615. 

  615.                             </div>
    616. 

  616.                             <div class="list" id="nff">
    617. 

  617.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-fixed"></a>
    618. 

  618.                                 <span class="onoffswitch-title">Fixed Navigation</span>
    619. 

  619.                                 <span class="onoffswitch-title-desc">left panel is fixed</span>
    620. 

  620.                             </div>
    621. 

  621.                             <div class="list" id="nfm">
    622. 

  622.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-minify"></a>
    623. 

  623.                                 <span class="onoffswitch-title">Minify Navigation</span>
    624. 

  624.                                 <span class="onoffswitch-title-desc">Skew nav to maximize space</span>
    625. 

  625.                             </div>
    626. 

  626.                             <div class="list" id="nfh">
    627. 

  627.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-hidden"></a>
    628. 

  628.                                 <span class="onoffswitch-title">Hide Navigation</span>
    629. 

  629.                                 <span class="onoffswitch-title-desc">roll mouse on edge to reveal</span>
    630. 

  630.                             </div>
    631. 

  631.                             <div class="list" id="nft">
    632. 

  632.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-top"></a>
    633. 

  633.                                 <span class="onoffswitch-title">Top Navigation</span>
    634. 

  634.                                 <span class="onoffswitch-title-desc">Relocate left pane to top</span>
    635. 

  635.                             </div>
    636. 

  636.                             <div class="list" id="mmb">
    637. 

  637.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-main-boxed"></a>
    638. 

  638.                                 <span class="onoffswitch-title">Boxed Layout</span>
    639. 

  639.                                 <span class="onoffswitch-title-desc">Encapsulates to a container</span>
    640. 

  640.                             </div>
    641. 

  641.                             <div class="expanded">
    642. 

  642.                                 <ul class="">
    643. 

  643.                                     <li>
    644. 

  644.                                         <div class="bg-fusion-50" data-action="toggle" data-class="mod-bg-1"></div>
    645. 

  645.                                     </li>
    646. 

  646.                                     <li>
    647. 

  647.                                         <div class="bg-warning-200" data-action="toggle" data-class="mod-bg-2"></div>
    648. 

  648.                                     </li>
    649. 

  649.                                     <li>
    650. 

  650.                                         <div class="bg-primary-200" data-action="toggle" data-class="mod-bg-3"></div>
    651. 

  651.                                     </li>
    652. 

  652.                                     <li>
    653. 

  653.                                         <div class="bg-success-300" data-action="toggle" data-class="mod-bg-4"></div>
    654. 

  654.                                     </li>
    655. 

  655.                                 </ul>
    656. 

  656.                                 <div class="list" id="mbgf">
    657. 

  657.                                     <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-fixed-bg"></a>
    658. 

  658.                                     <span class="onoffswitch-title">Fixed Background</span>
    659. 

  659.                                 </div>
    660. 

  660.                             </div>
    661. 

  661.                             <div class="mt-4 d-table w-100 px-5">
    662. 

  662.                                 <div class="d-table-cell align-middle">
    663. 

  663.                                     <h5 class="p-0">
    664. 

  664.                                         Mobile Menu
    665. 

  665.                                     </h5>
    666. 

  666.                                 </div>
    667. 

  667.                             </div>
    668. 

  668.                             <div class="list" id="nmp">
    669. 

  669.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-push"></a>
    670. 

  670.                                 <span class="onoffswitch-title">Push Content</span>
    671. 

  671.                                 <span class="onoffswitch-title-desc">Content pushed on menu reveal</span>
    672. 

  672.                             </div>
    673. 

  673.                             <div class="list" id="nmno">
    674. 

  674.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-no-overlay"></a>
    675. 

  675.                                 <span class="onoffswitch-title">No Overlay</span>
    676. 

  676.                                 <span class="onoffswitch-title-desc">Removes mesh on menu reveal</span>
    677. 

  677.                             </div>
    678. 

  678.                             <div class="list" id="sldo">
    679. 

  679.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-slide-out"></a>
    680. 

  680.                                 <span class="onoffswitch-title">Off-Canvas <sup>(beta)</sup></span>
    681. 

  681.                                 <span class="onoffswitch-title-desc">Content overlaps menu</span>
    682. 

  682.                             </div>
    683. 

  683.                             <div class="mt-4 d-table w-100 px-5">
    684. 

  684.                                 <div class="d-table-cell align-middle">
    685. 

  685.                                     <h5 class="p-0">
    686. 

  686.                                         Accessibility
    687. 

  687.                                     </h5>
    688. 

  688.                                 </div>
    689. 

  689.                             </div>
    690. 

  690.                             <div class="list" id="mbf">
    691. 

  691.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-bigger-font"></a>
    692. 

  692.                                 <span class="onoffswitch-title">Bigger Content Font</span>
    693. 

  693.                                 <span class="onoffswitch-title-desc">content fonts are bigger for readability</span>
    694. 

  694.                             </div>
    695. 

  695.                             <div class="list" id="mhc">
    696. 

  696.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-high-contrast"></a>
    697. 

  697.                                 <span class="onoffswitch-title">High Contrast Text (WCAG 2 AA)</span>
    698. 

  698.                                 <span class="onoffswitch-title-desc">4.5:1 text contrast ratio</span>
    699. 

  699.                             </div>
    700. 

  700.                             <div class="list" id="mcb">
    701. 

  701.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-color-blind"></a>
    702. 

  702.                                 <span class="onoffswitch-title">Daltonism <sup>(beta)</sup> </span>
    703. 

  703.                                 <span class="onoffswitch-title-desc">color vision deficiency</span>
    704. 

  704.                             </div>
    705. 

  705.                             <div class="list" id="mpc">
    706. 

  706.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-pace-custom"></a>
    707. 

  707.                                 <span class="onoffswitch-title">Preloader Inside</span>
    708. 

  708.                                 <span class="onoffswitch-title-desc">preloader will be inside content</span>
    709. 

  709.                             </div>
    710. 

  710.                             <div class="mt-4 d-table w-100 px-5">
    711. 

  711.                                 <div class="d-table-cell align-middle">
    712. 

  712.                                     <h5 class="p-0">
    713. 

  713.                                         Global Modifications
    714. 

  714.                                     </h5>
    715. 

  715.                                 </div>
    716. 

  716.                             </div>
    717. 

  717.                             <div class="list" id="mcbg">
    718. 

  718.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-clean-page-bg"></a>
    719. 

  719.                                 <span class="onoffswitch-title">Clean Page Background</span>
    720. 

  720.                                 <span class="onoffswitch-title-desc">adds more whitespace</span>
    721. 

  721.                             </div>
    722. 

  722.                             <div class="list" id="mhni">
    723. 

  723.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-nav-icons"></a>
    724. 

  724.                                 <span class="onoffswitch-title">Hide Navigation Icons</span>
    725. 

  725.                                 <span class="onoffswitch-title-desc">invisible navigation icons</span>
    726. 

  726.                             </div>
    727. 

  727.                             <div class="list" id="dan">
    728. 

  728.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-disable-animation"></a>
    729. 

  729.                                 <span class="onoffswitch-title">Disable CSS Animation</span>
    730. 

  730.                                 <span class="onoffswitch-title-desc">Disables CSS based animations</span>
    731. 

  731.                             </div>
    732. 

  732.                             <div class="list" id="mhic">
    733. 

  733.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-info-card"></a>
    734. 

  734.                                 <span class="onoffswitch-title">Hide Info Card</span>
    735. 

  735.                                 <span class="onoffswitch-title-desc">Hides info card from left panel</span>
    736. 

  736.                             </div>
    737. 

  737.                             <div class="list" id="mlph">
    738. 

  738.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-lean-subheader"></a>
    739. 

  739.                                 <span class="onoffswitch-title">Lean Subheader</span>
    740. 

  740.                                 <span class="onoffswitch-title-desc">distinguished page header</span>
    741. 

  741.                             </div>
    742. 

  742.                             <div class="list" id="mnl">
    743. 

  743.                                 <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-nav-link"></a>
    744. 

  744.                                 <span class="onoffswitch-title">Hierarchical Navigation</span>
    745. 

  745.                                 <span class="onoffswitch-title-desc">Clear breakdown of nav links</span>
    746. 

  746.                             </div>
    747. 

  747.                             <div class="list mt-1">
    748. 

  748.                                 <span class="onoffswitch-title">Global Font Size <small>(RESETS ON REFRESH)</small> </span>
    749. 

  749.                                 <div class="btn-group btn-group-sm btn-group-toggle my-2" data-toggle="buttons">
    750. 

  750.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-sm" data-target="html">
    751. 

  751.                                         <input type="radio" name="changeFrontSize"> SM
    752. 

  752.                                     </label>
    753. 

  753.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text" data-target="html">
    754. 

  754.                                         <input type="radio" name="changeFrontSize" checked=""> MD
    755. 

  755.                                     </label>
    756. 

  756.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-lg" data-target="html">
    757. 

  757.                                         <input type="radio" name="changeFrontSize"> LG
    758. 

  758.                                     </label>
    759. 

  759.                                     <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-xl" data-target="html">
    760. 

  760.                                         <input type="radio" name="changeFrontSize"> XL
    761. 

  761.                                     </label>
    762. 

  762.                                 </div>
    763. 

  763.                                 <span class="onoffswitch-title-desc d-block mb-0">Change <strong>root</strong> font size to effect rem
    764. 

  764.                                     values</span>
    765. 

  765.                             </div>
    766. 

  766.                             <hr class="mb-0 mt-4">
    767. 

  767.                             <div class="mt-2 d-table w-100 pl-5 pr-3">
    768. 

  768.                                 <div class="fs-xs text-muted p-2 alert alert-warning mt-3 mb-2">
    769. 

  769.                                     <i class="fal fa-exclamation-triangle text-warning mr-2"></i>The settings below uses localStorage to load
    770. 

  770.                                     the external CSS file as an overlap to the base css. Due to network latency and CPU utilization, you may
    771. 

  771.                                     experience a brief flickering effect on page load which may show the intial applied theme for a split
    772. 

  772.                                     second. Setting the prefered style/theme in the header will prevent this from happening.
    773. 

  773.                                 </div>
    774. 

  774.                             </div>
    775. 

  775.                             <div class="mt-2 d-table w-100 pl-5 pr-3">
    776. 

  776.                                 <div class="d-table-cell align-middle">
    777. 

  777.                                     <h5 class="p-0">
    778. 

  778.                                         Theme colors
    779. 

  779.                                     </h5>
    780. 

  780.                                 </div>
    781. 

  781.                             </div>
    782. 

  782.                             <div class="expanded theme-colors pl-5 pr-3">
    783. 

  783.                                 <ul class="m-0">
    784. 

  784.                                     <li>
    785. 

  785.                                         <a href="#" id="myapp-0" data-action="theme-update" data-themesave data-theme="" data-toggle="tooltip" data-placement="top" title="Wisteria (base css)" data-original-title="Wisteria (base css)"></a>
    786. 

  786.                                     </li>
    787. 

  787.                                     <li>
    788. 

  788.                                         <a href="#" id="myapp-1" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-1.css" data-toggle="tooltip" data-placement="top" title="Tapestry" data-original-title="Tapestry"></a>
    789. 

  789.                                     </li>
    790. 

  790.                                     <li>
    791. 

  791.                                         <a href="#" id="myapp-2" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-2.css" data-toggle="tooltip" data-placement="top" title="Atlantis" data-original-title="Atlantis"></a>
    792. 

  792.                                     </li>
    793. 

  793.                                     <li>
    794. 

  794.                                         <a href="#" id="myapp-3" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-3.css" data-toggle="tooltip" data-placement="top" title="Indigo" data-original-title="Indigo"></a>
    795. 

  795.                                     </li>
    796. 

  796.                                     <li>
    797. 

  797.                                         <a href="#" id="myapp-4" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-4.css" data-toggle="tooltip" data-placement="top" title="Dodger Blue" data-original-title="Dodger Blue"></a>
    798. 

  798.                                     </li>
    799. 

  799.                                     <li>
    800. 

  800.                                         <a href="#" id="myapp-5" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-5.css" data-toggle="tooltip" data-placement="top" title="Tradewind" data-original-title="Tradewind"></a>
    801. 

  801.                                     </li>
    802. 

  802.                                     <li>
    803. 

  803.                                         <a href="#" id="myapp-6" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-6.css" data-toggle="tooltip" data-placement="top" title="Cranberry" data-original-title="Cranberry"></a>
    804. 

  804.                                     </li>
    805. 

  805.                                     <li>
    806. 

  806.                                         <a href="#" id="myapp-7" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-7.css" data-toggle="tooltip" data-placement="top" title="Oslo Gray" data-original-title="Oslo Gray"></a>
    807. 

  807.                                     </li>
    808. 

  808.                                     <li>
    809. 

  809.                                         <a href="#" id="myapp-8" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-8.css" data-toggle="tooltip" data-placement="top" title="Chetwode Blue" data-original-title="Chetwode Blue"></a>
    810. 

  810.                                     </li>
    811. 

  811.                                     <li>
    812. 

  812.                                         <a href="#" id="myapp-9" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-9.css" data-toggle="tooltip" data-placement="top" title="Apricot" data-original-title="Apricot"></a>
    813. 

  813.                                     </li>
    814. 

  814.                                     <li>
    815. 

  815.                                         <a href="#" id="myapp-10" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-10.css" data-toggle="tooltip" data-placement="top" title="Blue Smoke" data-original-title="Blue Smoke"></a>
    816. 

  816.                                     </li>
    817. 

  817.                                     <li>
    818. 

  818.                                         <a href="#" id="myapp-11" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-11.css" data-toggle="tooltip" data-placement="top" title="Green Smoke" data-original-title="Green Smoke"></a>
    819. 

  819.                                     </li>
    820. 

  820.                                     <li>
    821. 

  821.                                         <a href="#" id="myapp-12" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-12.css" data-toggle="tooltip" data-placement="top" title="Wild Blue Yonder" data-original-title="Wild Blue Yonder"></a>
    822. 

  822.                                     </li>
    823. 

  823.                                     <li>
    824. 

  824.                                         <a href="#" id="myapp-13" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-13.css" data-toggle="tooltip" data-placement="top" title="Emerald" data-original-title="Emerald"></a>
    825. 

  825.                                     </li>
    826. 

  826.                                 </ul>
    827. 

  827.                             </div>
    828. 

  828.                             <hr class="mb-0 mt-4">
    829. 

  829.                             <div class="pl-5 pr-3 py-3 bg-faded">
    830. 

  830.                                 <div class="row no-gutters">
    831. 

  831.                                     <div class="col-6 pr-1">
    832. 

  832.                                         <a href="#" class="btn btn-outline-danger fw-500 btn-block" data-action="app-reset">Reset Settings</a>
    833. 

  833.                                     </div>
    834. 

  834.                                     <div class="col-6 pl-1">
    835. 

  835.                                         <a href="#" class="btn btn-danger fw-500 btn-block" data-action="factory-reset">Factory Reset</a>
    836. 

  836.                                     </div>
    837. 

  837.                                 </div>
    838. 

  838.                             </div>
    839. 

  839.                         </div> <span id="saving"></span>
    840. 

  840.                     </div>
    841. 

  841.                 </div>
    842. 

  842.             </div>
    843. 

  843.         </div>
    844. 

  844.         <!-- END Page Settings -->
    845. 

  845.         <!-- base vendor bundle: 
    846. 

  846. 			 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations 
    847. 

  847. 						+ pace.js (recommended)
    848. 

  848. 						+ jquery.js (core)
    849. 

  849. 						+ jquery-ui-cust.js (core)
    850. 

  850. 						+ popper.js (core)
    851. 

  851. 						+ bootstrap.js (core)
    852. 

  852. 						+ slimscroll.js (extension)
    853. 

  853. 						+ app.navigation.js (core)
    854. 

  854. 						+ ba-throttle-debounce.js (core)
    855. 

  855. 						+ waves.js (extension)
    856. 

  856. 						+ smartpanels.js (extension)
    857. 

  857. 						+ src/../jquery-snippets.js (core) -->
    858. 

  858.         <!--<script src="js/../script.js"></script>
    859. 

  859. 	<script>
    860. 

  860. 		$(document).ready(function () {
    861. 

  861. 			
    862. 

  862. 		});
    863. 

  863. 	</script>-->
    864. 

  864.     </body>
    865. 

  865. </html>
    866.