-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdata_ready.html
400 lines (390 loc) · 34.4 KB
/
data_ready.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!doctype html>
<html>
<head>
<title>Clinical - Profile Page</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap_4.3.1.css">
<link rel="stylesheet" href="css/bootstrap-drawer.css">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="css/fontawsome.min.css">
<!-- Google Font CSS -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Tooltip CSS -->
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<!-- Global CSS -->
<link rel="stylesheet" href="css/animation.css" type="text/css">
<link rel="stylesheet" href="css/global.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/media.css" type="text/css">
<!-- Jquery Libs -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Bootstrap Js -->
<script src="js/popper.min.js" type="text/javascript"></script>
<script src="js/bootstrap_4.3.1.js" type="text/javascript"></script>
<script src="js/bootstrap-drawer.js" type="text/javascript"></script>
<!-- Tooltip JS -->
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Custom Js -->
<script src="js/custom.js" type="text/javascript"></script>
</head>
<body class="fixed_scroll">
<!-- loader -->
<div id="win_loader">
<div id="wl_start">
<div class="wls_dot_box">
<div class="wls_dot"></div>
<div class="wls_dot"></div>
<div class="wls_dot"></div>
<div class="wls_dot"></div>
<div class="wls_dot"></div>
<div class="wls_dot"></div>
</div>
</div>
</div>
<!-- Login Page -->
<div class="dashboard_page fixed_scroll height-100vh d-flex flex-wrap align-items-start justify-content-start">
<!-- left side bar -->
<div class="left_side_bar height-100vh">
<div class="sidebar_container d-flex flex-wrap">
<!-- Menu icon | There is some custom class on it and it's mandatory -->
<div class="box_content menu_box col-12">
<a href="#" class="menu_btn col-12 p-0 d-flex flex-wrap align-items-center justify-content-start" data-toggle="collapsed">
<!-- icon box -->
<span class="svg_icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 27 18">
<style type="text/css">
.menu_line {
fill: none;
stroke: #FFFFFF;
stroke-width: 2;
stroke-linecap: round;
}
</style>
<line class="menu_line" x1="1" y1="1" x2="26" y2="1" />
<line class="menu_line" x1="6" y1="9" x2="26" y2="9" />
<line class="menu_line" x1="1" y1="17" x2="26" y2="17" />
</svg>
</span>
<!-- text box -->
<span class="text">SAFEY SVG LOGO</span>
</a>
</div>
<!-- Home icon | There is some custom class on it and it's mandatory -->
<div class="box_content home_box col-12">
<a href="#" class="home_btn col-12 p-0 d-flex flex-wrap align-items-center justify-content-start">
<!-- icon box -->
<span class="svg_icon">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_95_525)">
<path d="M19.2675 7.5575L12.9467 1.23584C12.1644 0.455835 11.1047 0.0178223 10 0.0178223C8.89528 0.0178223 7.83564 0.455835 7.05334 1.23584L0.73251 7.5575C0.499531 7.78899 0.314818 8.06442 0.189079 8.36782C0.0633393 8.67123 -0.000925333 8.99657 1.00662e-05 9.325V17.5058C1.00662e-05 18.1689 0.263402 18.8048 0.732243 19.2736C1.20108 19.7424 1.83697 20.0058 2.50001 20.0058H17.5C18.163 20.0058 18.7989 19.7424 19.2678 19.2736C19.7366 18.8048 20 18.1689 20 17.5058V9.325C20.0009 8.99657 19.9367 8.67123 19.8109 8.36782C19.6852 8.06442 19.5005 7.78899 19.2675 7.5575ZM12.5 18.3392H7.5V15.0608C7.5 14.3978 7.7634 13.7619 8.23224 13.2931C8.70108 12.8242 9.33696 12.5608 10 12.5608C10.663 12.5608 11.2989 12.8242 11.7678 13.2931C12.2366 13.7619 12.5 14.3978 12.5 15.0608V18.3392ZM18.3333 17.5058C18.3333 17.7268 18.2455 17.9388 18.0893 18.0951C17.933 18.2514 17.721 18.3392 17.5 18.3392H14.1667V15.0608C14.1667 13.9558 13.7277 12.896 12.9463 12.1146C12.1649 11.3332 11.1051 10.8942 10 10.8942C8.89493 10.8942 7.83513 11.3332 7.05373 12.1146C6.27233 12.896 5.83334 13.9558 5.83334 15.0608V18.3392H2.50001C2.27899 18.3392 2.06703 18.2514 1.91075 18.0951C1.75447 17.9388 1.66668 17.7268 1.66668 17.5058V9.325C1.66745 9.10415 1.75517 8.89249 1.91084 8.73584L8.23167 2.41668C8.70142 1.94912 9.33722 1.68663 10 1.68663C10.6628 1.68663 11.2986 1.94912 11.7683 2.41668L18.0892 8.73834C18.2442 8.89437 18.3319 9.10502 18.3333 9.325V17.5058Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_95_525">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<!-- text box -->
<span class="text">Home</span>
</a>
</div>
<!-- Reports icon | There is some custom class on it and it's mandatory -->
<div class="box_content report_box col-12">
<a href="#" class="report_btn col-12 p-0 d-flex flex-wrap align-items-center justify-content-start">
<!-- icon box -->
<span class="svg_icon">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_95_527)">
<path d="M19.1667 18.3333H4.16667C3.50363 18.3333 2.86774 18.0699 2.3989 17.6011C1.93006 17.1323 1.66667 16.4964 1.66667 15.8333V0.833333C1.66667 0.61232 1.57887 0.400358 1.42259 0.244078C1.26631 0.0877974 1.05435 0 0.833333 0C0.61232 0 0.400358 0.0877974 0.244078 0.244078C0.0877974 0.400358 0 0.61232 0 0.833333L0 15.8333C0.00132321 16.938 0.440735 17.997 1.22185 18.7782C2.00296 19.5593 3.062 19.9987 4.16667 20H19.1667C19.3877 20 19.5996 19.9122 19.7559 19.7559C19.9122 19.5996 20 19.3877 20 19.1667C20 18.9457 19.9122 18.7337 19.7559 18.5774C19.5996 18.4211 19.3877 18.3333 19.1667 18.3333Z" fill="white" />
<path d="M4.99984 16.6667C5.22085 16.6667 5.43281 16.5789 5.58909 16.4227C5.74538 16.2664 5.83317 16.0544 5.83317 15.8334V10.0001C5.83317 9.77907 5.74538 9.56711 5.58909 9.41083C5.43281 9.25455 5.22085 9.16675 4.99984 9.16675C4.77882 9.16675 4.56686 9.25455 4.41058 9.41083C4.2543 9.56711 4.1665 9.77907 4.1665 10.0001V15.8334C4.1665 16.0544 4.2543 16.2664 4.41058 16.4227C4.56686 16.5789 4.77882 16.6667 4.99984 16.6667Z" fill="white" />
<path d="M8.3335 8.33333V15.8333C8.3335 16.0543 8.42129 16.2663 8.57757 16.4226C8.73385 16.5789 8.94582 16.6667 9.16683 16.6667C9.38784 16.6667 9.5998 16.5789 9.75608 16.4226C9.91236 16.2663 10.0002 16.0543 10.0002 15.8333V8.33333C10.0002 8.11232 9.91236 7.90036 9.75608 7.74408C9.5998 7.5878 9.38784 7.5 9.16683 7.5C8.94582 7.5 8.73385 7.5878 8.57757 7.74408C8.42129 7.90036 8.3335 8.11232 8.3335 8.33333Z" fill="white" />
<path d="M12.5 10.8333V15.8333C12.5 16.0543 12.5878 16.2663 12.7441 16.4226C12.9004 16.5789 13.1123 16.6667 13.3333 16.6667C13.5544 16.6667 13.7663 16.5789 13.9226 16.4226C14.0789 16.2663 14.1667 16.0543 14.1667 15.8333V10.8333C14.1667 10.6123 14.0789 10.4004 13.9226 10.2441C13.7663 10.0878 13.5544 10 13.3333 10C13.1123 10 12.9004 10.0878 12.7441 10.2441C12.5878 10.4004 12.5 10.6123 12.5 10.8333Z" fill="white" />
<path d="M16.6665 7.50008V15.8334C16.6665 16.0544 16.7543 16.2664 16.9106 16.4227C17.0669 16.579 17.2788 16.6667 17.4998 16.6667C17.7209 16.6667 17.9328 16.579 18.0891 16.4227C18.2454 16.2664 18.3332 16.0544 18.3332 15.8334V7.50008C18.3332 7.27907 18.2454 7.06711 18.0891 6.91083C17.9328 6.75455 17.7209 6.66675 17.4998 6.66675C17.2788 6.66675 17.0669 6.75455 16.9106 6.91083C16.7543 7.06711 16.6665 7.27907 16.6665 7.50008Z" fill="white" />
<path d="M5.00015 7.50001C5.22114 7.49996 5.43307 7.41213 5.58932 7.25584L8.57765 4.26751C8.73648 4.1162 8.94744 4.0318 9.16682 4.0318C9.38619 4.0318 9.59715 4.1162 9.75598 4.26751L11.566 6.07751C12.0348 6.54619 12.6706 6.80948 13.3335 6.80948C13.9964 6.80948 14.6322 6.54619 15.101 6.07751L19.756 1.42251C19.9078 1.26534 19.9918 1.05484 19.9899 0.836346C19.988 0.617848 19.9003 0.408838 19.7458 0.254331C19.5913 0.0998248 19.3823 0.0121841 19.1638 0.0102854C18.9453 0.00838673 18.7348 0.092382 18.5777 0.24418L13.9227 4.89834C13.7664 5.05457 13.5545 5.14233 13.3335 5.14233C13.1125 5.14233 12.9006 5.05457 12.7443 4.89834L10.9343 3.08918C10.4655 2.6205 9.82973 2.35721 9.16682 2.35721C8.50391 2.35721 7.86813 2.6205 7.39932 3.08918L4.41098 6.07751C4.29447 6.19405 4.21513 6.34252 4.183 6.50415C4.15086 6.66578 4.16736 6.8333 4.23042 6.98555C4.29347 7.1378 4.40026 7.26794 4.53727 7.35951C4.67427 7.45108 4.83536 7.49997 5.00015 7.50001Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_95_527">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<!-- text box -->
<span class="text">Reports</span>
</a>
</div>
<!-- Downloads icon | There is some custom class on it and it's mandatory for this page -->
<div class="box_content download_box active_boxed col-12">
<a href="#" class="download_btn col-12 p-0 d-flex flex-wrap align-items-center justify-content-start">
<!-- icon box -->
<span class="svg_icon">
<svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="28" cy="28" r="22" stroke="#FFF9F2" stroke-width="2" />
<circle cx="28" cy="28" r="23.75" stroke="#BF70B8" stroke-width="2.5" />
<circle cx="28" cy="28" r="26.5" stroke="#B557AC" stroke-width="3" />
<g clip-path="url(#clip0_359_168)">
<path d="M37.9998 34.75L37.9998 23.25C38.0098 22.1342 37.5767 21.06 36.7955 20.2632C36.0144 19.4664 34.949 19.0121 33.8332 19L31.3332 19C31.1122 19 30.9002 19.0878 30.7439 19.2441C30.5876 19.4004 30.4998 19.6123 30.4998 19.8333C30.4998 20.0543 30.5876 20.2663 30.7439 20.4226C30.9002 20.5789 31.1122 20.6667 31.3332 20.6667L33.8332 20.6667C34.507 20.6785 35.1486 20.9571 35.6173 21.4414C36.086 21.9257 36.3434 22.5761 36.3332 23.25L36.3332 34.75C36.3434 35.4239 36.086 36.0743 35.6173 36.5586C35.1486 37.0429 34.507 37.3215 33.8332 37.3333L22.1665 37.3333C21.4927 37.3215 20.851 37.0429 20.3824 36.5586C19.9137 36.0743 19.6562 35.4239 19.6665 34.75L19.6665 23.25C19.6562 22.5761 19.9137 21.9257 20.3824 21.4414C20.851 20.9571 21.4927 20.6785 22.1665 20.6667L24.6665 20.6667C24.8875 20.6667 25.0995 20.5789 25.2558 20.4226C25.412 20.2663 25.4998 20.0543 25.4998 19.8333C25.4998 19.6123 25.412 19.4004 25.2558 19.2441C25.0995 19.0878 24.8875 19 24.6665 19L22.1665 19C21.0507 19.0121 19.9853 19.4664 19.2041 20.2632C18.423 21.06 17.9898 22.1342 17.9998 23.25L17.9998 34.75C17.9898 35.8658 18.423 36.94 19.2041 37.7368C19.9853 38.5336 21.0507 38.9879 22.1665 39L33.8332 39C34.949 38.9879 36.0144 38.5336 36.7955 37.7368C37.5767 36.94 38.0098 35.8658 37.9998 34.75Z" fill="white" />
<path d="M27.9992 21.5C27.7782 21.5 27.5662 21.5878 27.4099 21.7441C27.2536 21.9004 27.1658 22.1123 27.1658 22.3333L27.1908 33.3233L23.5883 29.7208C23.5115 29.6412 23.4195 29.5778 23.3178 29.5341C23.2162 29.4904 23.1068 29.4674 22.9962 29.4665C22.8855 29.4655 22.7758 29.4866 22.6734 29.5285C22.571 29.5704 22.4779 29.6323 22.3997 29.7105C22.3214 29.7887 22.2596 29.8818 22.2177 29.9842C22.1758 30.0866 22.1547 30.1963 22.1556 30.307C22.1566 30.4176 22.1796 30.527 22.2233 30.6287C22.2669 30.7303 22.3304 30.8223 22.41 30.8992L26.2317 34.7208C26.7005 35.1895 27.3363 35.4528 27.9992 35.4528C28.6621 35.4528 29.2979 35.1895 29.7667 34.7208L33.5883 30.9008C33.7401 30.7437 33.8241 30.5332 33.8222 30.3147C33.8203 30.0962 33.7327 29.8872 33.5782 29.7326C33.4237 29.5781 33.2147 29.4905 32.9962 29.4886C32.7777 29.4867 32.5672 29.5707 32.41 29.7225L28.8575 33.2742L28.8325 22.3333C28.8325 22.1123 28.7447 21.9004 28.5884 21.7441C28.4321 21.5878 28.2202 21.5 27.9992 21.5Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_359_168">
<rect width="20" height="20" fill="white" transform="translate(38 19) rotate(90)" />
</clipPath>
</defs>
</svg>
</span>
<!-- text box -->
<span class="text">Downloads</span>
</a>
</div>
<!-- Settings icon | There is some custom class on it and it's mandatory -->
<div class="box_content setting_box col-12">
<a href="#" class="setting_btn col-12 p-0 d-flex flex-wrap align-items-center justify-content-start">
<!-- icon box -->
<span class="svg_icon">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_95_522)">
<path d="M9.99984 6.66675C9.34057 6.66675 8.6961 6.86224 8.14794 7.22852C7.59978 7.59479 7.17253 8.11538 6.92024 8.72447C6.66795 9.33356 6.60194 10.0038 6.73055 10.6504C6.85917 11.297 7.17664 11.8909 7.64282 12.3571C8.10899 12.8233 8.70294 13.1407 9.34954 13.2694C9.99614 13.398 10.6664 13.332 11.2755 13.0797C11.8845 12.8274 12.4051 12.4001 12.7714 11.852C13.1377 11.3038 13.3332 10.6594 13.3332 10.0001C13.3332 9.11603 12.982 8.26818 12.3569 7.64306C11.7317 7.01794 10.8839 6.66675 9.99984 6.66675ZM9.99984 11.6667C9.67021 11.6667 9.34797 11.569 9.07389 11.3859C8.79981 11.2027 8.58619 10.9424 8.46004 10.6379C8.3339 10.3333 8.30089 9.99823 8.3652 9.67493C8.42951 9.35163 8.58824 9.05466 8.82133 8.82157C9.05442 8.58848 9.35139 8.42975 9.67469 8.36544C9.99799 8.30113 10.3331 8.33414 10.6376 8.46028C10.9422 8.58643 11.2025 8.80005 11.3856 9.07413C11.5688 9.34821 11.6665 9.67045 11.6665 10.0001C11.6665 10.4421 11.4909 10.866 11.1784 11.1786C10.8658 11.4912 10.4419 11.6667 9.99984 11.6667Z" fill="white" />
<path d="M17.7452 11.5833L17.3752 11.37C17.5417 10.4637 17.5417 9.53463 17.3752 8.62833L17.7452 8.415C18.0297 8.25085 18.2791 8.03226 18.4792 7.77172C18.6792 7.51117 18.826 7.21378 18.9111 6.89651C18.9962 6.57925 19.018 6.24832 18.9753 5.92263C18.9325 5.59694 18.826 5.28286 18.6618 4.99833C18.4977 4.7138 18.2791 4.46439 18.0185 4.26434C17.758 4.06428 17.4606 3.9175 17.1433 3.83238C16.8261 3.74726 16.4951 3.72547 16.1695 3.76824C15.8438 3.81101 15.5297 3.91751 15.2452 4.08167L14.8743 4.29583C14.1739 3.69743 13.369 3.23354 12.5002 2.9275V2.5C12.5002 1.83696 12.2368 1.20107 11.7679 0.732233C11.2991 0.263392 10.6632 0 10.0002 0C9.33712 0 8.70123 0.263392 8.23239 0.732233C7.76355 1.20107 7.50016 1.83696 7.50016 2.5V2.9275C6.63131 3.23464 5.8267 3.69967 5.12682 4.29917L4.75432 4.08333C4.17969 3.75181 3.49689 3.66214 2.85614 3.83405C2.21539 4.00596 1.66918 4.42536 1.33766 5C1.00614 5.57463 0.916468 6.25743 1.08838 6.89818C1.26028 7.53893 1.67969 8.08514 2.25432 8.41667L2.62432 8.63C2.45775 9.5363 2.45775 10.4654 2.62432 11.3717L2.25432 11.585C1.67969 11.9165 1.26028 12.4627 1.08838 13.1035C0.916468 13.7442 1.00614 14.427 1.33766 15.0017C1.66918 15.5763 2.21539 15.9957 2.85614 16.1676C3.49689 16.3395 4.17969 16.2499 4.75432 15.9183L5.12516 15.7042C5.8258 16.3027 6.63098 16.7666 7.50016 17.0725V17.5C7.50016 18.163 7.76355 18.7989 8.23239 19.2678C8.70123 19.7366 9.33712 20 10.0002 20C10.6632 20 11.2991 19.7366 11.7679 19.2678C12.2368 18.7989 12.5002 18.163 12.5002 17.5V17.0725C13.369 16.7654 14.1736 16.3003 14.8735 15.7008L15.246 15.9158C15.8206 16.2474 16.5034 16.337 17.1442 16.1651C17.7849 15.9932 18.3311 15.5738 18.6627 14.9992C18.9942 14.4245 19.0838 13.7417 18.9119 13.101C18.74 12.4602 18.3206 11.914 17.746 11.5825L17.7452 11.5833ZM15.6218 8.43666C15.904 9.45922 15.904 10.5391 15.6218 11.5617C15.5726 11.7396 15.5838 11.9289 15.6538 12.0998C15.7238 12.2707 15.8485 12.4135 16.0085 12.5058L16.9118 13.0275C17.1033 13.138 17.2431 13.3201 17.3004 13.5336C17.3577 13.7472 17.3277 13.9747 17.2172 14.1662C17.1067 14.3578 16.9247 14.4975 16.7111 14.5548C16.4976 14.6121 16.27 14.5822 16.0785 14.4717L15.1735 13.9483C15.0134 13.8556 14.827 13.8188 14.6437 13.8437C14.4604 13.8686 14.2906 13.9538 14.161 14.0858C13.4193 14.843 12.4848 15.3833 11.4585 15.6483C11.2794 15.6944 11.1206 15.7987 11.0073 15.9449C10.894 16.0911 10.8326 16.2709 10.8327 16.4558V17.5C10.8327 17.721 10.7449 17.933 10.5886 18.0893C10.4323 18.2455 10.2203 18.3333 9.99932 18.3333C9.77831 18.3333 9.56635 18.2455 9.41007 18.0893C9.25379 17.933 9.16599 17.721 9.16599 17.5V16.4567C9.16608 16.2717 9.10464 16.092 8.99133 15.9458C8.87802 15.7996 8.7193 15.6952 8.54016 15.6492C7.51378 15.3831 6.5796 14.8416 5.83849 14.0833C5.70893 13.9513 5.53911 13.8661 5.35579 13.8412C5.17247 13.8163 4.98608 13.8531 4.82599 13.9458L3.92266 14.4683C3.82785 14.5239 3.72298 14.5602 3.6141 14.5751C3.50521 14.59 3.39445 14.5832 3.2882 14.5551C3.18195 14.527 3.08231 14.4782 2.99501 14.4114C2.90771 14.3446 2.83447 14.2613 2.77952 14.1661C2.72457 14.0709 2.68899 13.9658 2.67482 13.8568C2.66066 13.7479 2.66819 13.6371 2.69698 13.5311C2.72578 13.425 2.77527 13.3257 2.8426 13.2389C2.90994 13.152 2.99379 13.0793 3.08932 13.025L3.99266 12.5033C4.15262 12.411 4.27739 12.2682 4.34737 12.0973C4.41736 11.9264 4.4286 11.7371 4.37932 11.5592C4.09712 10.5366 4.09712 9.45672 4.37932 8.43417C4.42771 8.25657 4.41594 8.06794 4.34584 7.89774C4.27574 7.72754 4.15125 7.58534 3.99182 7.49333L3.08849 6.97167C2.89698 6.86116 2.75722 6.6791 2.69994 6.46554C2.64266 6.25199 2.67257 6.02442 2.78307 5.83292C2.89358 5.64141 3.07564 5.50164 3.2892 5.44436C3.50275 5.38709 3.73032 5.41699 3.92182 5.5275L4.82682 6.05083C4.98647 6.14376 5.17248 6.18101 5.3556 6.15672C5.53872 6.13244 5.70858 6.04799 5.83849 5.91667C6.58023 5.15945 7.51468 4.61918 8.54099 4.35417C8.72069 4.30797 8.87982 4.20313 8.99319 4.05625C9.10655 3.90937 9.16766 3.72887 9.16683 3.54333V2.5C9.16683 2.27899 9.25462 2.06702 9.4109 1.91074C9.56718 1.75446 9.77914 1.66667 10.0002 1.66667C10.2212 1.66667 10.4331 1.75446 10.5894 1.91074C10.7457 2.06702 10.8335 2.27899 10.8335 2.5V3.54333C10.8334 3.7283 10.8948 3.90804 11.0082 4.05423C11.1215 4.20043 11.2802 4.30478 11.4593 4.35083C12.486 4.61679 13.4205 5.15824 14.1618 5.91667C14.2914 6.04872 14.4612 6.13391 14.6445 6.1588C14.8278 6.1837 15.0142 6.14689 15.1743 6.05417L16.0777 5.53167C16.1725 5.47608 16.2773 5.43981 16.3862 5.42492C16.4951 5.41003 16.6059 5.41683 16.7121 5.44492C16.8184 5.47301 16.918 5.52184 17.0053 5.58859C17.0926 5.65535 17.1658 5.73872 17.2208 5.83389C17.2757 5.92907 17.3113 6.03417 17.3255 6.14316C17.3397 6.25214 17.3321 6.36285 17.3033 6.46891C17.2745 6.57497 17.225 6.67429 17.1577 6.76114C17.0904 6.848 17.0065 6.92068 16.911 6.975L16.0077 7.49667C15.8485 7.58892 15.7244 7.73123 15.6546 7.90141C15.5848 8.07159 15.5733 8.26008 15.6218 8.4375V8.43666Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_95_522">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<!-- text box -->
<span class="text">Settings</span>
</a>
</div>
</div>
</div>
<!-- Right side bar -->
<div class="right_side_bar height-100vh fixed_scroll">
<div class="sidebar_container">
<!-- Header -->
<header>
<div class="header_container d-flex flex-wrap align-items-center justify-content-between">
<!-- header title -->
<div class="header_text">
<h2>Tata Hospital</h2>
</div>
<!-- right side box -->
<div class="header_right_side d-flex flex-wrap align-items-center justify-content-start">
<!-- profile image -->
<a href="#" class="profile_box d-flex flex-wrap align-items-center justify-content-start">
<!-- profil image -->
<div class="box_image">
<img src="image/header/profile_img.svg" alt="profile_img" />
</div>
<!-- text name -->
<span>Tata Hospital</span>
</a>
<!-- profile btns text -->
<div class="profile_logout_text d-flex flex-wrap align-items-center justify-content-start">
<!-- text -->
<a href="#">Logout</a>
<!-- btn -->
<a href="#" class="btn slidebar_btn d-flex flex-wrap align-items-center justify-content-center" data-src="org_slidebar" data-toggle="collapsed">
<!-- svg icon -->
<span class="svg_icon">
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.16667 4.1571L5.83333 4.1571L5.83333 0.831421C5.83333 0.610914 5.74554 0.399439 5.58926 0.243518C5.43297 0.0875959 5.22101 0 5 0C4.77899 0 4.56702 0.0875959 4.41074 0.243518C4.25446 0.399439 4.16667 0.610914 4.16667 0.831421L4.16667 4.1571L0.833333 4.1571C0.61232 4.1571 0.400358 4.2447 0.244078 4.40062C0.0877974 4.55654 0 4.76802 0 4.98853C0 5.20903 0.0877974 5.42051 0.244078 5.57643C0.400358 5.73235 0.61232 5.81995 0.833333 5.81995L4.16667 5.81995L4.16667 9.14563C4.16667 9.36614 4.25446 9.57761 4.41074 9.73353C4.56702 9.88945 4.77899 9.97705 5 9.97705C5.22101 9.97705 5.43297 9.88945 5.58926 9.73353C5.74554 9.57761 5.83333 9.36614 5.83333 9.14563L5.83333 5.81995L9.16667 5.81995C9.38768 5.81995 9.59964 5.73235 9.75592 5.57643C9.9122 5.42051 10 5.20903 10 4.98853C10 4.76802 9.9122 4.55654 9.75592 4.40062C9.59964 4.2447 9.38768 4.1571 9.16667 4.1571Z" fill="white" />
</svg>
</span>
<!-- text -->
<span class="text">Add Organisation</span>
</a>
</div>
</div>
</div>
</header>
<!-- Dashboard content | Custom classes -->
<section class="dashboard_title no_title">
<!-- Dashboard table | custom class -->
<div class="data_ready_page has_arrow privacy_page form_container folder_container d-flex flex-wrap align-items-center justify-content-center">
<div class="has_arrow_image">
<img src="image/svg_icons/data_ready_arrow.svg" alt="data_ready_arrow" />
</div>
<div class="container_box email_sent col-12 p-0">
<form action="" method="post">
<!-- email sent box | custom classes -->
<div class="data_ready text-center">
<div class="svg_icon">
<svg width="84" height="148" viewBox="0 0 84 148" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M75.3798 36.95V0.875H8.61914V36.95C8.61914 50.2758 16.3223 61.7832 27.4817 67.203C30.0027 68.4273 31.6401 70.9598 31.6401 73.7818V74.2188C31.6401 77.0408 30.0027 79.5727 27.4817 80.7976C16.3223 86.2174 8.61914 97.7242 8.61914 111.051V147.125H75.3798V111.05C75.3798 97.7242 67.6767 86.2168 56.5172 80.797C53.9963 79.5727 52.3589 77.0402 52.3589 74.2182V73.7812C52.3589 70.9592 53.9963 68.4273 56.5172 67.2024C67.6767 61.7833 75.3798 50.2764 75.3798 36.95Z" fill="#FFEACF" />
<path d="M70.5047 112.878C69.495 112.878 68.6766 112.06 68.6766 111.05C68.6766 100.786 62.7541 91.2781 53.5885 86.8266C52.6805 86.3854 52.3015 85.2916 52.7427 84.3836C53.1845 83.4757 54.2777 83.0973 55.1857 83.5378C65.6023 88.5963 72.3329 99.395 72.3329 111.049C72.3329 112.06 71.5145 112.878 70.5047 112.878Z" fill="#FCF9DE" />
<path d="M44.5442 80.797C47.0652 79.5721 48.7026 77.0402 48.7026 74.2182V73.7812C48.7026 70.9592 47.0652 68.4273 44.5442 67.2024C33.3847 61.7826 25.6816 50.2758 25.6816 36.9494V0.875H8.61914V36.95C8.61914 50.2758 16.3223 61.7832 27.4817 67.203C30.0027 68.4279 31.6401 70.9598 31.6401 73.7818V74.2188C31.6401 77.0408 30.0027 79.5727 27.4817 80.7976C16.3223 86.2174 8.61914 97.7242 8.61914 111.051V147.125H25.6816V111.05C25.6816 97.7242 33.3847 86.2168 44.5442 80.797Z" fill="#FFD59A" />
<path d="M17.3262 49.4319C21.866 58.4872 31.1767 64.7144 41.9078 64.7144H42.0924C52.8235 64.7144 62.1341 58.4872 66.674 49.4319H17.3262Z" fill="#F9BB32" />
<path d="M69.6252 137.646V133.104C69.6252 117.795 57.2744 105.34 42.0924 105.34H41.9078C26.7264 105.34 14.375 117.795 14.375 133.104V137.646H69.6252Z" fill="#F9BB32" />
<path d="M44.4375 58.9106H39.5625V107.661H44.4375V58.9106Z" fill="#F9BB32" />
<path d="M25.682 111.05C25.682 110.929 25.6874 110.809 25.6887 110.687C18.8368 115.742 14.375 123.905 14.375 133.103V137.646H25.6826V111.05H25.682Z" fill="#DB9C2E" />
<path d="M39.5625 83.7829C41.0951 82.672 42.7258 81.6903 44.4375 80.8511V67.1487C42.7258 66.3096 41.0951 65.3285 39.5625 64.217V83.7829Z" fill="#DB9C2E" />
<path d="M40.1917 64.6571C34.7902 60.9296 30.5356 55.6396 28.0664 49.4319H17.3262C21.6223 58.0009 30.1907 64.0337 40.1917 64.6571Z" fill="#DB9C2E" />
<path d="M79.9702 13.7395H4.02985C2.11458 13.7395 0.5625 12.1869 0.5625 10.2722V4.43927C0.5625 2.524 2.11519 0.971924 4.02985 0.971924H79.9702C81.8854 0.971924 83.4375 2.52461 83.4375 4.43927V10.2722C83.4375 12.1869 81.8848 13.7395 79.9702 13.7395Z" fill="#BF6C0D" />
<path d="M4.02985 134.26H79.9702C81.8854 134.26 83.4375 135.813 83.4375 137.728V143.561C83.4375 145.476 81.8848 147.028 79.9702 147.028H4.02985C2.11458 147.028 0.5625 145.475 0.5625 143.561V137.728C0.5625 135.813 2.11519 134.26 4.02985 134.26Z" fill="#BF6C0D" />
<path d="M34.1465 27.7734C37.1754 27.7734 39.6309 25.318 39.6309 22.2891C39.6309 19.2601 37.1754 16.8047 34.1465 16.8047C31.1175 16.8047 28.6621 19.2601 28.6621 22.2891C28.6621 25.318 31.1175 27.7734 34.1465 27.7734Z" fill="#FFD59A" />
<path d="M34.1465 132.485C37.1754 132.485 39.6309 130.029 39.6309 127C39.6309 123.972 37.1754 121.516 34.1465 121.516C31.1175 121.516 28.6621 123.972 28.6621 127C28.6621 130.029 31.1175 132.485 34.1465 132.485Z" fill="#DB9C2E" />
<path d="M17.625 10.2722V4.43988C17.625 2.524 19.1777 0.971924 21.0923 0.971924H4.02985C2.11458 0.971924 0.5625 2.52461 0.5625 4.43988V10.2722C0.5625 12.1875 2.11519 13.7395 4.02985 13.7395H21.0923C19.1777 13.7395 17.625 12.1869 17.625 10.2722Z" fill="#A56021" />
<path d="M17.625 143.56V137.728C17.625 135.813 19.1777 134.26 21.0923 134.26H4.02985C2.11458 134.26 0.5625 135.813 0.5625 137.728V143.56C0.5625 145.476 2.11519 147.028 4.02985 147.028H21.0923C19.1777 147.028 17.625 145.476 17.625 143.56Z" fill="#A56021" />
</svg>
</div>
<h6>your data is Ready</h6>
<p class="m-0">click here to download your file</p>
</div>
</form>
</div>
</div>
</section>
<!-- Slidebar -->
<section class="slidebar" id="org_slidebar">
<div class="slidebar_container">
<form action="" method="post">
<div class="slidebar_header d-flex flex-wrap align-items-center">
<h3>Add Organisation</h3>
<div class="close_btn">
<a href="#" class="close_icon">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3332 1.66669L1.6665 20.3334" stroke="#778181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M1.6665 1.66669L20.3332 20.3334" stroke="#778181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
<div class="slidebar_body">
<!-- Organisation Name -->
<div class="form_box col-12 p-0">
<label>Organisation Name</label>
<input type="text" class="input-text" placeholder="Tata Hospital" />
</div>
<!-- Contact input -->
<div class="form_box col-12 p-0">
<label>Contact Name</label>
<input type="password" class="input-text" placeholder="Mike" />
</div>
<!-- Contact input -->
<div class="form_box col-12 p-0">
<label>EMAIL</label>
<input type="password" class="input-text" placeholder="info@tatahospital.com" />
</div>
<!-- password input -->
<div class="form_box col-12 p-0">
<label>Password</label>
<input type="password" class="input-text" placeholder="*************" />
</div>
<!-- password input -->
<div class="form_box col-12 p-0">
<label>Address</label>
<input type="password" class="input-text" placeholder="" />
</div>
</div>
<div class="slidebar_footer">
<!-- radio btn -->
<div class="form_radio custom_radio d-flex flex-wrap align-items-center position-relative">
<input type="radio" id="custom_radio">
<span></span>
<label for="custom_radio">active</label>
</div>
<!-- two btn -->
<div class="form_two row">
<div class="btn_box col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<button type="button" class="gray_btn btn">Cancel</button>
</div>
<div class="btn_box col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<button type="button" class="pink_btn btn">Save</button>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- Slidebar 2 -->
<section class="slidebar sliderbar_two" id="study_slidebar">
<div class="slidebar_container">
<form action="" method="post">
<div class="slidebar_header d-flex flex-wrap align-items-center">
<h3>Add New Study</h3>
<div class="close_btn">
<a href="#" class="close_icon">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3332 1.66669L1.6665 20.3334" stroke="#778181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M1.6665 1.66669L20.3332 20.3334" stroke="#778181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
<div class="slidebar_body">
<!-- Organisation Name -->
<div class="form_box col-12 p-0">
<label>study name</label>
<input type="text" class="input-text" placeholder="salFord Study" />
</div>
<!-- Contact input -->
<div class="form_box col-12 p-0">
<label>principal investigator</label>
<input type="text" class="input-text" placeholder="Vaibhav Deshmukh" />
</div>
<!-- Contact input -->
<div class="form_box col-12 p-0">
<label>investigator EMAIL</label>
<input type="email" class="input-text" placeholder="vaibhav.deshmukh@tatahospital.com" />
</div>
<!-- Contact input -->
<div class="form_box col-12 p-0 d-xl-none d-lg-none ">
<label>PASSWORD</label>
<input type="password" class="input-text" placeholder="*************" />
</div>
<div class="form_box form_two_box col-12 p-0 row">
<!-- custom radio boxed -->
<div class="box_content col-lg-6 col-md-12 col-sm-12 col-12">
<div class="content_boxed custom_radio_2 d-flex flex-wrap justify-content-center position-relative">
<input type="radio" id="custom_radio_2">
<div class="custom_radio_boxed d-flex flex-wrap justify-content-center">
<img src="image/form_icon/radio_img_1.svg" alt="radio_img_1" />
<label for="custom_radio_2">Peak Flow Meter</label>
</div>
</div>
</div>
<!-- custom radio boxed -->
<div class="box_content col-lg-6 col-md-12 col-sm-12 col-12">
<div class="content_boxed custom_radio_2 d-flex flex-wrap justify-content-center position-relative">
<input type="radio" id="custom_radio_2">
<div class="custom_radio_boxed d-flex flex-wrap justify-content-center">
<img src="image/form_icon/radio_img_2.svg" alt="radio_img_2" />
<label for="custom_radio_2">Pocket Spirometer</label>
</div>
</div>
</div>
</div>
</div>
<div class="slidebar_footer">
<!-- radio btn -->
<div class="form_radio custom_radio d-flex flex-wrap align-items-center position-relative">
<input type="radio" id="custom_radio">
<span></span>
<label for="custom_radio">active</label>
</div>
<!-- two btn -->
<div class="form_two row">
<div class="btn_box col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<button type="button" class="gray_btn btn">Cancel</button>
</div>
<div class="btn_box col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
<button type="button" class="pink_btn btn">Save</button>
</div>
</div>
</div>
</form>
</div>
</section>
</div>
</div>
</div>
</body>
</html>