-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathslidebar_2.html
382 lines (373 loc) · 33.5 KB
/
slidebar_2.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
<!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 -->
<div class="box_content download_box 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 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_95_519)">
<path d="M20.0003 15.75L20.0003 4.25C20.0103 3.13419 19.5772 2.06 18.796 1.2632C18.0148 0.466401 16.9494 0.0120959 15.8337 -1.82138e-07L13.3337 -2.91417e-07C13.1126 -3.01077e-07 12.9007 0.0877971 12.7444 0.244077C12.5881 0.400358 12.5003 0.612319 12.5003 0.833333C12.5003 1.05435 12.5881 1.26631 12.7444 1.42259C12.9007 1.57887 13.1126 1.66667 13.3337 1.66667L15.8337 1.66667C16.5075 1.6785 17.1491 1.95713 17.6178 2.44143C18.0865 2.92572 18.3439 3.57614 18.3337 4.25L18.3337 15.75C18.3439 16.4239 18.0865 17.0743 17.6178 17.5586C17.1491 18.0429 16.5075 18.3215 15.8337 18.3333L4.16699 18.3333C3.49315 18.3215 2.85153 18.0429 2.38285 17.5586C1.91418 17.0743 1.65674 16.4239 1.66699 15.75L1.66699 4.25C1.65674 3.57614 1.91418 2.92572 2.38285 2.44143C2.85153 1.95713 3.49315 1.6785 4.16699 1.66667L6.66699 1.66667C6.888 1.66667 7.09997 1.57887 7.25624 1.42259C7.41253 1.26631 7.50032 1.05435 7.50032 0.833333C7.50032 0.612319 7.41253 0.400357 7.25624 0.244077C7.09997 0.0877968 6.888 -5.73165e-07 6.66699 -5.82826e-07L4.16699 -6.92104e-07C3.0512 0.0120953 1.9858 0.466401 1.20462 1.2632C0.423447 2.06 -0.00967421 3.13419 0.000324063 4.25L0.000323561 15.75C-0.00967481 16.8658 0.423446 17.94 1.20462 18.7368C1.9858 19.5336 3.0512 19.9879 4.16699 20L15.8337 20C16.9494 19.9879 18.0148 19.5336 18.796 18.7368C19.5772 17.94 20.0103 16.8658 20.0003 15.75Z" fill="white" />
<path d="M10.0001 2.5C9.77914 2.5 9.56717 2.5878 9.41089 2.74408C9.25461 2.90036 9.16682 3.11232 9.16682 3.33333L9.19182 14.3233L5.58932 10.7208C5.51244 10.6412 5.42049 10.5778 5.31882 10.5341C5.21715 10.4904 5.1078 10.4674 4.99715 10.4665C4.8865 10.4655 4.77677 10.4866 4.67436 10.5285C4.57194 10.5704 4.4789 10.6323 4.40065 10.7105C4.32241 10.7887 4.26053 10.8818 4.21863 10.9842C4.17673 11.0866 4.15565 11.1963 4.15661 11.307C4.15757 11.4176 4.18056 11.527 4.22423 11.6287C4.26791 11.7303 4.33139 11.8223 4.41098 11.8992L8.23265 15.7208C8.70147 16.1895 9.33724 16.4528 10.0001 16.4528C10.6631 16.4528 11.2988 16.1895 11.7676 15.7208L15.5893 11.9008C15.7411 11.7437 15.8251 11.5332 15.8232 11.3147C15.8213 11.0962 15.7337 10.8872 15.5792 10.7326C15.4247 10.5781 15.2156 10.4905 14.9971 10.4886C14.7787 10.4867 14.5682 10.5707 14.411 10.7225L10.8585 14.2742L10.8335 3.33333C10.8335 3.11232 10.7457 2.90036 10.5894 2.74408C10.4331 2.5878 10.2212 2.5 10.0001 2.5Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_95_519">
<rect width="20" height="20" fill="white" transform="translate(20) 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 org_btn d-flex flex-wrap align-items-center justify-content-center" 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 -->
<section class="dashboard_title">
<!-- Title Container -->
<div class="title_container">
<h1>List of Clinical Research Organisations</h1>
</div>
<!-- Dashboard table -->
<div class="table_container d-flex flex-wrap align-items-center">
<div class="table_header d-flex flex-wrap align-items-center col-12">
<div class="tabel_box box_1">Status</div>
<div class="tabel_box box_2">Organisation Name</div>
<div class="tabel_box box_3 text-center">Studies</div>
<div class="tabel_box box_4 text-center">No of Patients</div>
<div class="tabel_box box_5">Email ID</div>
<div class="tabel_box box_6">Password</div>
<div class="tabel_box box_7"></div>
</div>
<div class="table_body d-flex flex-wrap align-items-center col-12">
<!-- body row -->
<div class="body_row d-flex flex-wrap align-items-center col-12">
<div class="tabel_box box_1 active_text"><span>Active</span></div>
<div class="tabel_box box_2">TATA Hospital</div>
<div class="tabel_box box_3 text-center">3</div>
<div class="tabel_box box_4 text-center">423</div>
<div class="tabel_box box_5">info@tatahospital.co.uk</div>
<div class="tabel_box box_6">
<!-- Password Code | Custom classes there -->
<span class="password_code">******************</span>
<a class="show_hide">
<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.99739 0.666687C3.02491 0.666687 0.556126 5.32482 0.450623 5.52322C0.373596 5.67127 0.333496 5.83451 0.333496 6.00002C0.333496 6.16553 0.373596 6.32877 0.450623 6.47682C0.556126 6.67522 3.02491 11.3334 6.99739 11.3334C10.9699 11.3334 13.4386 6.67522 13.5497 6.47682C13.6267 6.32877 13.6668 6.16553 13.6668 6.00002C13.6668 5.83451 13.6267 5.67127 13.5497 5.52322C13.4386 5.32482 10.9699 0.666687 6.99739 0.666687ZM6.99739 9.20002C5.1272 9.20002 3.47579 7.20429 2.7195 6.00642C3.35252 5.01442 4.9906 2.80002 6.99739 2.80002C8.86757 2.80002 10.519 4.79682 11.2753 5.99362C10.6423 6.98562 9.00417 9.20002 6.99739 9.20002Z" fill="#778181" />
<path d="M6.99739 7.60003C7.91741 7.60003 8.66323 6.88368 8.66323 6.00002C8.66323 5.11637 7.91741 4.40002 6.99739 4.40002C6.07737 4.40002 5.33154 5.11637 5.33154 6.00002C5.33154 6.88368 6.07737 7.60003 6.99739 7.60003Z" fill="#778181" />
</svg>
</a>
</div>
<div class="tabel_box box_7 box_btns text-right">
<a href="#" class="table_btn">
<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.57813 3.25L0.484375 9.75C0.328125 9.91667 0.25 10.0833 0.25 10.3333V12.8333C0.25 13.3333 0.5625 13.6667 1.03125 13.6667H3.375C3.60938 13.6667 3.76562 13.5833 3.92187 13.4167L10.0156 6.91667L6.57813 3.25Z" fill="#778181" />
<path d="M12.5156 3.08331L10.1719 0.583313C9.85937 0.24998 9.39063 0.24998 9.07813 0.583313L7.67188 2.08331L11.1094 5.74998L12.5156 4.24998C12.8281 3.91665 12.8281 3.41665 12.5156 3.08331Z" fill="#778181" />
</svg>
</a>
<a href="#" class="table_btn">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.8125 4.9375V11.1875C1.8125 12.0469 2.51562 12.75 3.375 12.75H9.625C10.4844 12.75 11.1875 12.0469 11.1875 11.1875V4.9375H1.8125Z" fill="#778181" />
<path d="M9.625 2.59375V1.03125C9.625 0.5625 9.3125 0.25 8.84375 0.25H4.15625C3.6875 0.25 3.375 0.5625 3.375 1.03125V2.59375H0.25V4.15625H12.75V2.59375H9.625ZM8.0625 2.59375H4.9375V1.8125H8.0625V2.59375Z" fill="#778181" />
</svg>
</a>
</div>
</div>
<!-- body row -->
<div class="body_row d-flex flex-wrap align-items-center col-12">
<div class="tabel_box box_1 active_text"><span>Active</span></div>
<div class="tabel_box box_2">TATA Hospital</div>
<div class="tabel_box box_3 text-center">3</div>
<div class="tabel_box box_4 text-center">423</div>
<div class="tabel_box box_5">info@tatahospital.co.uk</div>
<div class="tabel_box box_6">
<!-- Password Code | Custom classes there -->
<span class="password_text">123</span>
<a class="show_hide">
<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.99739 0.666687C3.02491 0.666687 0.556126 5.32482 0.450623 5.52322C0.373596 5.67127 0.333496 5.83451 0.333496 6.00002C0.333496 6.16553 0.373596 6.32877 0.450623 6.47682C0.556126 6.67522 3.02491 11.3334 6.99739 11.3334C10.9699 11.3334 13.4386 6.67522 13.5497 6.47682C13.6267 6.32877 13.6668 6.16553 13.6668 6.00002C13.6668 5.83451 13.6267 5.67127 13.5497 5.52322C13.4386 5.32482 10.9699 0.666687 6.99739 0.666687ZM6.99739 9.20002C5.1272 9.20002 3.47579 7.20429 2.7195 6.00642C3.35252 5.01442 4.9906 2.80002 6.99739 2.80002C8.86757 2.80002 10.519 4.79682 11.2753 5.99362C10.6423 6.98562 9.00417 9.20002 6.99739 9.20002Z" fill="#778181" />
<path d="M6.99739 7.60003C7.91741 7.60003 8.66323 6.88368 8.66323 6.00002C8.66323 5.11637 7.91741 4.40002 6.99739 4.40002C6.07737 4.40002 5.33154 5.11637 5.33154 6.00002C5.33154 6.88368 6.07737 7.60003 6.99739 7.60003Z" fill="#778181" />
</svg>
</a>
</div>
<div class="tabel_box box_7 box_btns text-right">
<a href="#" class="table_btn">
<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.57813 3.25L0.484375 9.75C0.328125 9.91667 0.25 10.0833 0.25 10.3333V12.8333C0.25 13.3333 0.5625 13.6667 1.03125 13.6667H3.375C3.60938 13.6667 3.76562 13.5833 3.92187 13.4167L10.0156 6.91667L6.57813 3.25Z" fill="#778181" />
<path d="M12.5156 3.08331L10.1719 0.583313C9.85937 0.24998 9.39063 0.24998 9.07813 0.583313L7.67188 2.08331L11.1094 5.74998L12.5156 4.24998C12.8281 3.91665 12.8281 3.41665 12.5156 3.08331Z" fill="#778181" />
</svg>
</a>
<a href="#" class="table_btn">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.8125 4.9375V11.1875C1.8125 12.0469 2.51562 12.75 3.375 12.75H9.625C10.4844 12.75 11.1875 12.0469 11.1875 11.1875V4.9375H1.8125Z" fill="#778181" />
<path d="M9.625 2.59375V1.03125C9.625 0.5625 9.3125 0.25 8.84375 0.25H4.15625C3.6875 0.25 3.375 0.5625 3.375 1.03125V2.59375H0.25V4.15625H12.75V2.59375H9.625ZM8.0625 2.59375H4.9375V1.8125H8.0625V2.59375Z" fill="#778181" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Slidebar -->
<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>