@james_jayaraj/test-npm 1.5.1 → 1.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/_hola-rx.styles.scss +2653 -2653
  2. package/{fesm2020 → fesm2022}/james_jayaraj-test-npm.mjs +8323 -8223
  3. package/fesm2022/james_jayaraj-test-npm.mjs.map +1 -0
  4. package/index.d.ts +5 -5
  5. package/lib/alert-popup/alert-popup.component.d.ts +17 -17
  6. package/lib/brand-include/available-formulations/available-formulations.component.d.ts +33 -33
  7. package/lib/brand-include/brand-include.component.d.ts +15 -15
  8. package/lib/cease-popup/cease-popup.component.d.ts +30 -30
  9. package/lib/close-popup/close-popup.component.d.ts +20 -20
  10. package/lib/confirm-patient-contact-details/confirm-patient-contact-details.component.d.ts +26 -26
  11. package/lib/environments/config.d.ts +315 -315
  12. package/lib/environments/environment.d.ts +4 -4
  13. package/lib/hola-rx.component.d.ts +38 -38
  14. package/lib/hola-rx.module.d.ts +23 -23
  15. package/lib/hola-rx.service.d.ts +6 -6
  16. package/lib/is-authority/is-authority.component.d.ts +14 -14
  17. package/lib/password/password.component.d.ts +20 -20
  18. package/lib/real-time-prescription-monitoring/real-time-prescription-monitoring.component.d.ts +14 -14
  19. package/lib/referral-rx/referral-rx.component.d.ts +23 -23
  20. package/lib/reissue-popup/reissue-popup.component.d.ts +26 -26
  21. package/lib/rx/rx.component.d.ts +256 -256
  22. package/lib/services/api.service.d.ts +17 -17
  23. package/lib/services/common.d.ts +152 -152
  24. package/lib/splashscreen/splashscreen.component.d.ts +9 -9
  25. package/package.json +3 -11
  26. package/public-api.d.ts +3 -3
  27. package/styles/style.css +8 -8
  28. package/esm2020/james_jayaraj-test-npm.mjs +0 -5
  29. package/esm2020/lib/alert-popup/alert-popup.component.mjs +0 -51
  30. package/esm2020/lib/brand-include/available-formulations/available-formulations.component.mjs +0 -258
  31. package/esm2020/lib/brand-include/brand-include.component.mjs +0 -43
  32. package/esm2020/lib/cease-popup/cease-popup.component.mjs +0 -125
  33. package/esm2020/lib/close-popup/close-popup.component.mjs +0 -102
  34. package/esm2020/lib/confirm-patient-contact-details/confirm-patient-contact-details.component.mjs +0 -141
  35. package/esm2020/lib/environments/config.mjs +0 -246
  36. package/esm2020/lib/environments/environment.mjs +0 -5
  37. package/esm2020/lib/hola-rx.component.mjs +0 -904
  38. package/esm2020/lib/hola-rx.module.mjs +0 -67
  39. package/esm2020/lib/hola-rx.service.mjs +0 -14
  40. package/esm2020/lib/is-authority/is-authority.component.mjs +0 -46
  41. package/esm2020/lib/password/password.component.mjs +0 -101
  42. package/esm2020/lib/real-time-prescription-monitoring/real-time-prescription-monitoring.component.mjs +0 -32
  43. package/esm2020/lib/referral-rx/referral-rx.component.mjs +0 -147
  44. package/esm2020/lib/reissue-popup/reissue-popup.component.mjs +0 -182
  45. package/esm2020/lib/rx/rx.component.mjs +0 -5029
  46. package/esm2020/lib/services/api.service.mjs +0 -111
  47. package/esm2020/lib/services/common.mjs +0 -759
  48. package/esm2020/lib/splashscreen/splashscreen.component.mjs +0 -16
  49. package/esm2020/public-api.mjs +0 -7
  50. package/fesm2015/james_jayaraj-test-npm.mjs +0 -8298
  51. package/fesm2015/james_jayaraj-test-npm.mjs.map +0 -1
  52. package/fesm2020/james_jayaraj-test-npm.mjs.map +0 -1
@@ -1,2653 +1,2653 @@
1
- /*** IMPORTED FILE NOT FOUND ***/
2
- @import 'https://fonts.googleapis.com/icon?family=Material+Icons';/*** --- ***/
3
- /*** IMPORTED FILE NOT FOUND ***/
4
- @import 'https://fonts.googleapis.com/icon?family=Material+Icons';/*** --- ***/
5
-
6
- /* Roboto */
7
- @font-face {
8
- font-family: "Roboto Medium";
9
- font-style: normal;
10
- font-weight: normal;
11
- src: local("Roboto Medium"), url("assets/fonts/Roboto/Roboto-Medium.ttf") format('truetype');
12
- }
13
-
14
- @font-face {
15
- font-family: "Roboto Regular";
16
- font-style: normal;
17
- font-weight: normal;
18
- src: local("Roboto Regular"), url("assets/fonts/Roboto/Roboto-Regular.ttf") format('truetype');
19
- }
20
-
21
- @font-face {
22
- font-family: "Roboto Light";
23
- font-style: normal;
24
- font-weight: normal;
25
- src: local("Roboto Light"), url("assets/fonts/Roboto/Roboto-Light.ttf") format('truetype');
26
- }
27
-
28
- @font-face {
29
- font-family: "Roboto Thin";
30
- font-style: normal;
31
- font-weight: normal;
32
- src: local("Roboto Light"), url("assets/fonts/Roboto/Roboto-Thin.ttf") format('truetype');
33
- }
34
-
35
- @font-face {
36
- font-family: "Roboto Bold";
37
- font-style: normal;
38
- font-weight: normal;
39
- src: local("Roboto Regular"), url("assets/fonts/Roboto/Roboto-Bold.ttf") format('truetype');
40
- }
41
-
42
- /* Roboto-Serif */
43
- @font-face {
44
- font-family: "Roboto-Serif SemiBold";
45
- font-style: normal;
46
- font-weight: normal;
47
- src: local("Roboto Regular"), url("assets/fonts/Roboto-Serif/RobotoSerif-SemiBold.ttf") format('truetype');
48
- }
49
-
50
- $physicianactivebackgroundcolor: #0076b610;
51
- $primaryphysicianfontfamily: 'Roboto-Serif SemiBold';
52
- $secondaryphysicianfontfamily: 'Roboto Medium';
53
-
54
- $primaryphysicianbtncolor: #005760;
55
- $primaryphysicianbtntextcolor: rgb(255, 255, 255);
56
-
57
- $secondaryphysicianbtncolor: #808080;
58
- $secondaryphysicianbtncolorborderColor: #808080;
59
-
60
- $primaryphysiciantextcolor: #2D2D32;
61
- $physicianborderColor: #D7D7D7;
62
- $physicianborderfocusColor: #0077b6;
63
- $secondaryphysiciantextcolor: #5a5a5a;
64
- $primaryphysicianhighlighttext: #0077b6;
65
-
66
- $secondaryguesttextcolor: #5a5a5a;
67
-
68
- body {
69
- font-family: "Helvetica", "Arial", sans-serif
70
- }
71
-
72
- .mdl-layout__drawer-button {
73
- display: none !important;
74
- }
75
-
76
- * {
77
- box-sizing: border-box;
78
- }
79
-
80
- /* width */
81
- ::-webkit-scrollbar {
82
- width: 5px;
83
- }
84
-
85
- /* Track */
86
- ::-webkit-scrollbar-track {
87
- background: #f1f1f1;
88
- }
89
-
90
- /* Handle */
91
- ::-webkit-scrollbar-thumb {
92
- background: #cccccc;
93
- }
94
-
95
- /* Handle on hover */
96
- ::-webkit-scrollbar-thumb:hover {
97
- background: #828282;
98
- }
99
-
100
- $wos-guest-border-color: #E0E0E0;
101
- $pop-w: var(--popupw);
102
- $pop-h: var(--popuph);
103
- $header-padding: var(--headerpadding);
104
- $header-font-weight: var(--headerfontweight);
105
-
106
- .mdl-grid {
107
- display: flex;
108
- flex-flow: row wrap;
109
- margin: 0 auto;
110
- align-items: stretch
111
- }
112
-
113
- .mdl-grid.mdl-grid--no-spacing {
114
- padding: 0
115
- }
116
-
117
- .mdl-cell {
118
- box-sizing: border-box
119
- }
120
-
121
- .mdl-cell--top {
122
- align-self: flex-start
123
- }
124
-
125
- .mdl-cell--middle {
126
- -ms-grid-row-align: center;
127
- align-self: center
128
- }
129
-
130
- .mdl-cell--bottom {
131
- align-self: flex-end
132
- }
133
-
134
- .mdl-cell--stretch {
135
- -ms-grid-row-align: stretch;
136
- align-self: stretch
137
- }
138
-
139
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell {
140
- margin: 0
141
- }
142
-
143
- .mdl-cell--order-1 {
144
- order: 1
145
- }
146
-
147
- .mdl-cell--order-2 {
148
- order: 2
149
- }
150
-
151
- .mdl-cell--order-3 {
152
- order: 3
153
- }
154
-
155
- .mdl-cell--order-4 {
156
- order: 4
157
- }
158
-
159
- .mdl-cell--order-5 {
160
- order: 5
161
- }
162
-
163
- .mdl-cell--order-6 {
164
- order: 6
165
- }
166
-
167
- .mdl-cell--order-7 {
168
- order: 7
169
- }
170
-
171
- .mdl-cell--order-8 {
172
- order: 8
173
- }
174
-
175
- .mdl-cell--order-9 {
176
- order: 9
177
- }
178
-
179
- .mdl-cell--order-10 {
180
- order: 10
181
- }
182
-
183
- .mdl-cell--order-11 {
184
- order: 11
185
- }
186
-
187
- .mdl-cell--order-12 {
188
- order: 12
189
- }
190
-
191
- @media (max-width: 479px) {
192
- .mdl-grid {
193
- padding: 8px
194
- }
195
-
196
- .mdl-cell {
197
- margin: 6px;
198
- width: calc(100% - 16px)
199
- }
200
-
201
- .mdl-grid--no-spacing>.mdl-cell {
202
- width: 100%
203
- }
204
-
205
- .mdl-cell--hide-phone {
206
- display: none !important
207
- }
208
-
209
- .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
210
- order: 1
211
- }
212
-
213
- .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
214
- order: 2
215
- }
216
-
217
- .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
218
- order: 3
219
- }
220
-
221
- .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
222
- order: 4
223
- }
224
-
225
- .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
226
- order: 5
227
- }
228
-
229
- .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
230
- order: 6
231
- }
232
-
233
- .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
234
- order: 7
235
- }
236
-
237
- .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
238
- order: 8
239
- }
240
-
241
- .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
242
- order: 9
243
- }
244
-
245
- .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
246
- order: 10
247
- }
248
-
249
- .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
250
- order: 11
251
- }
252
-
253
- .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
254
- order: 12
255
- }
256
-
257
- .mdl-cell--1-col,
258
- .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
259
- width: calc(25% - 16px)
260
- }
261
-
262
- .mdl-grid--no-spacing>.mdl-cell--1-col,
263
- .mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
264
- width: 25%
265
- }
266
-
267
- .mdl-cell--2-col,
268
- .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
269
- width: calc(50% - 16px)
270
- }
271
-
272
- .mdl-grid--no-spacing>.mdl-cell--2-col,
273
- .mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
274
- width: 50%
275
- }
276
-
277
- .mdl-cell--3-col,
278
- .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
279
- width: calc(75% - 16px)
280
- }
281
-
282
- .mdl-grid--no-spacing>.mdl-cell--3-col,
283
- .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
284
- width: 75%
285
- }
286
-
287
- .mdl-cell--4-col,
288
- .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
289
- width: calc(100% - 16px)
290
- }
291
-
292
- .mdl-grid--no-spacing>.mdl-cell--4-col,
293
- .mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
294
- width: 100%
295
- }
296
-
297
- .mdl-cell--5-col,
298
- .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
299
- width: calc(100% - 16px)
300
- }
301
-
302
- .mdl-grid--no-spacing>.mdl-cell--5-col,
303
- .mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
304
- width: 100%
305
- }
306
-
307
- .mdl-cell--6-col,
308
- .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
309
- width: calc(100% - 16px)
310
- }
311
-
312
- .mdl-grid--no-spacing>.mdl-cell--6-col,
313
- .mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
314
- width: 100%
315
- }
316
-
317
- .mdl-cell--7-col,
318
- .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
319
- width: calc(100% - 16px)
320
- }
321
-
322
- .mdl-grid--no-spacing>.mdl-cell--7-col,
323
- .mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
324
- width: 100%
325
- }
326
-
327
- .mdl-cell--8-col,
328
- .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
329
- width: calc(100% - 16px)
330
- }
331
-
332
- .mdl-grid--no-spacing>.mdl-cell--8-col,
333
- .mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
334
- width: 100%
335
- }
336
-
337
- .mdl-cell--9-col,
338
- .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
339
- width: calc(100% - 16px)
340
- }
341
-
342
- .mdl-grid--no-spacing>.mdl-cell--9-col,
343
- .mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
344
- width: 100%
345
- }
346
-
347
- .mdl-cell--10-col,
348
- .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
349
- width: calc(100% - 16px)
350
- }
351
-
352
- .mdl-grid--no-spacing>.mdl-cell--10-col,
353
- .mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
354
- width: 100%
355
- }
356
-
357
- .mdl-cell--11-col,
358
- .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
359
- width: calc(100% - 16px)
360
- }
361
-
362
- .mdl-grid--no-spacing>.mdl-cell--11-col,
363
- .mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
364
- width: 100%
365
- }
366
-
367
- .mdl-cell--12-col,
368
- .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
369
- width: calc(100% - 16px)
370
- }
371
-
372
- .mdl-grid--no-spacing>.mdl-cell--12-col,
373
- .mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
374
- width: 100%
375
- }
376
-
377
- .mdl-cell--1-offset,
378
- .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
379
- margin-left: calc(25% + 8px)
380
- }
381
-
382
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
383
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
384
- margin-left: 25%
385
- }
386
-
387
- .mdl-cell--2-offset,
388
- .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
389
- margin-left: calc(50% + 8px)
390
- }
391
-
392
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
393
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
394
- margin-left: 50%
395
- }
396
-
397
- .mdl-cell--3-offset,
398
- .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
399
- margin-left: calc(75% + 8px)
400
- }
401
-
402
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
403
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
404
- margin-left: 75%
405
- }
406
- }
407
-
408
- @media (min-width: 480px) and (max-width:839px) {
409
- .mdl-grid {
410
- padding: 8px
411
- }
412
-
413
- .mdl-cell {
414
- margin: 8px;
415
- width: calc(50% - 16px)
416
- }
417
-
418
- .mdl-grid--no-spacing>.mdl-cell {
419
- width: 50%
420
- }
421
-
422
- .mdl-cell--hide-tablet {
423
- display: none !important
424
- }
425
-
426
- .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
427
- order: 1
428
- }
429
-
430
- .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
431
- order: 2
432
- }
433
-
434
- .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
435
- order: 3
436
- }
437
-
438
- .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
439
- order: 4
440
- }
441
-
442
- .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
443
- order: 5
444
- }
445
-
446
- .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
447
- order: 6
448
- }
449
-
450
- .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
451
- order: 7
452
- }
453
-
454
- .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
455
- order: 8
456
- }
457
-
458
- .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
459
- order: 9
460
- }
461
-
462
- .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
463
- order: 10
464
- }
465
-
466
- .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
467
- order: 11
468
- }
469
-
470
- .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
471
- order: 12
472
- }
473
-
474
- .mdl-cell--1-col,
475
- .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
476
- width: calc(12.5% - 16px)
477
- }
478
-
479
- .mdl-grid--no-spacing>.mdl-cell--1-col,
480
- .mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
481
- width: 12.5%
482
- }
483
-
484
- .mdl-cell--2-col,
485
- .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
486
- width: calc(25% - 12px)
487
- }
488
-
489
- .mdl-grid--no-spacing>.mdl-cell--2-col,
490
- .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
491
- width: 25%
492
- }
493
-
494
- .mdl-cell--3-col,
495
- .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
496
- width: calc(37.5% - 16px)
497
- }
498
-
499
- .mdl-grid--no-spacing>.mdl-cell--3-col,
500
- .mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
501
- width: 37.5%
502
- }
503
-
504
- .mdl-cell--4-col,
505
- .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
506
- width: calc(50% - 16px)
507
- }
508
-
509
- .mdl-grid--no-spacing>.mdl-cell--4-col,
510
- .mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
511
- width: 50%
512
- }
513
-
514
- .mdl-cell--5-col,
515
- .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
516
- width: calc(62.5% - 16px)
517
- }
518
-
519
- .mdl-grid--no-spacing>.mdl-cell--5-col,
520
- .mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
521
- width: 62.5%
522
- }
523
-
524
- .mdl-cell--6-col,
525
- .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
526
- width: calc(75% - 16px)
527
- }
528
-
529
- .mdl-grid--no-spacing>.mdl-cell--6-col,
530
- .mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
531
- width: 75%
532
- }
533
-
534
- .mdl-cell--7-col,
535
- .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
536
- width: calc(87.5% - 16px)
537
- }
538
-
539
- .mdl-grid--no-spacing>.mdl-cell--7-col,
540
- .mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
541
- width: 87.5%
542
- }
543
-
544
- .mdl-cell--8-col,
545
- .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
546
- width: calc(100% - 16px)
547
- }
548
-
549
- .mdl-grid--no-spacing>.mdl-cell--8-col,
550
- .mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
551
- width: 100%
552
- }
553
-
554
- .mdl-cell--9-col,
555
- .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
556
- width: calc(100% - 16px)
557
- }
558
-
559
- .mdl-grid--no-spacing>.mdl-cell--9-col,
560
- .mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
561
- width: 100%
562
- }
563
-
564
- .mdl-cell--10-col,
565
- .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
566
- width: calc(100% - 16px)
567
- }
568
-
569
- .mdl-grid--no-spacing>.mdl-cell--10-col,
570
- .mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
571
- width: 100%
572
- }
573
-
574
- .mdl-cell--11-col,
575
- .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
576
- width: calc(100% - 16px)
577
- }
578
-
579
- .mdl-grid--no-spacing>.mdl-cell--11-col,
580
- .mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
581
- width: 100%
582
- }
583
-
584
- .mdl-cell--12-col,
585
- .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
586
- width: calc(100% - 16px)
587
- }
588
-
589
- .mdl-grid--no-spacing>.mdl-cell--12-col,
590
- .mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
591
- width: 100%
592
- }
593
-
594
- .mdl-cell--1-offset,
595
- .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
596
- margin-left: calc(12.5% + 8px)
597
- }
598
-
599
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
600
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
601
- margin-left: 12.5%
602
- }
603
-
604
- .mdl-cell--2-offset,
605
- .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
606
- margin-left: calc(25% + 8px)
607
- }
608
-
609
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
610
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
611
- margin-left: 25%
612
- }
613
-
614
- .mdl-cell--3-offset,
615
- .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
616
- margin-left: calc(37.5% + 8px)
617
- }
618
-
619
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
620
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
621
- margin-left: 37.5%
622
- }
623
-
624
- .mdl-cell--4-offset,
625
- .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
626
- margin-left: calc(50% + 8px)
627
- }
628
-
629
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
630
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
631
- margin-left: 50%
632
- }
633
-
634
- .mdl-cell--5-offset,
635
- .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
636
- margin-left: calc(62.5% + 8px)
637
- }
638
-
639
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
640
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
641
- margin-left: 62.5%
642
- }
643
-
644
- .mdl-cell--6-offset,
645
- .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
646
- margin-left: calc(75% + 8px)
647
- }
648
-
649
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
650
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
651
- margin-left: 75%
652
- }
653
-
654
- .mdl-cell--7-offset,
655
- .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
656
- margin-left: calc(87.5% + 8px)
657
- }
658
-
659
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
660
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
661
- margin-left: 87.5%
662
- }
663
- }
664
-
665
- @media (min-width: 840px) {
666
- .mdl-grid {
667
- padding: 8px
668
- }
669
-
670
- .mdl-cell {
671
- margin: 6px;
672
- width: calc(33.33333% - 16px)
673
- }
674
-
675
- .mdl-grid--no-spacing>.mdl-cell {
676
- width: 33.3333333333%
677
- }
678
-
679
- .mdl-cell--hide-desktop {
680
- display: none !important
681
- }
682
-
683
- .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
684
- order: 1
685
- }
686
-
687
- .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
688
- order: 2
689
- }
690
-
691
- .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
692
- order: 3
693
- }
694
-
695
- .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
696
- order: 4
697
- }
698
-
699
- .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
700
- order: 5
701
- }
702
-
703
- .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
704
- order: 6
705
- }
706
-
707
- .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
708
- order: 7
709
- }
710
-
711
- .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
712
- order: 8
713
- }
714
-
715
- .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
716
- order: 9
717
- }
718
-
719
- .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
720
- order: 10
721
- }
722
-
723
- .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
724
- order: 11
725
- }
726
-
727
- .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
728
- order: 12
729
- }
730
-
731
- .mdl-cell--1-col,
732
- .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
733
- width: calc(8.33333% - 16px)
734
- }
735
-
736
- .mdl-grid--no-spacing>.mdl-cell--1-col,
737
- .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
738
- width: 8.3333333333%
739
- }
740
-
741
- .mdl-cell--2-col,
742
- .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
743
- width: calc(16.66667% - 12px)
744
- }
745
-
746
- .mdl-grid--no-spacing>.mdl-cell--2-col,
747
- .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
748
- width: 16.6666666667%
749
- }
750
-
751
- .mdl-cell--3-col,
752
- .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
753
- width: calc(25% - 16px)
754
- }
755
-
756
- .mdl-grid--no-spacing>.mdl-cell--3-col,
757
- .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
758
- width: 25%
759
- }
760
-
761
- .mdl-cell--4-col,
762
- .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
763
- width: calc(33.33333% - 16px)
764
- }
765
-
766
- .mdl-grid--no-spacing>.mdl-cell--4-col,
767
- .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
768
- width: 33.3333333333%
769
- }
770
-
771
- .mdl-cell--5-col,
772
- .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
773
- width: calc(41.66667% - 16px)
774
- }
775
-
776
- .mdl-grid--no-spacing>.mdl-cell--5-col,
777
- .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
778
- width: 41.6666666667%
779
- }
780
-
781
- .mdl-cell--6-col,
782
- .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
783
- width: calc(50% - 16px)
784
- }
785
-
786
- .mdl-grid--no-spacing>.mdl-cell--6-col,
787
- .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
788
- width: 50%
789
- }
790
-
791
- .mdl-cell--7-col,
792
- .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
793
- width: calc(58.33333% - 16px)
794
- }
795
-
796
- .mdl-grid--no-spacing>.mdl-cell--7-col,
797
- .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
798
- width: 58.3333333333%
799
- }
800
-
801
- .mdl-cell--8-col,
802
- .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
803
- width: calc(66.66667% - 16px)
804
- }
805
-
806
- .mdl-grid--no-spacing>.mdl-cell--8-col,
807
- .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
808
- width: 66.6666666667%
809
- }
810
-
811
- .mdl-cell--9-col,
812
- .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
813
- width: calc(75% - 16px)
814
- }
815
-
816
- .mdl-grid--no-spacing>.mdl-cell--9-col,
817
- .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
818
- width: 75%
819
- }
820
-
821
- .mdl-cell--10-col,
822
- .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
823
- width: calc(83.33333% - 16px)
824
- }
825
-
826
- .mdl-grid--no-spacing>.mdl-cell--10-col,
827
- .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
828
- width: 83.3333333333%
829
- }
830
-
831
- .mdl-cell--11-col,
832
- .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
833
- width: calc(91.66667% - 16px)
834
- }
835
-
836
- .mdl-grid--no-spacing>.mdl-cell--11-col,
837
- .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
838
- width: 91.6666666667%
839
- }
840
-
841
- .mdl-cell--12-col,
842
- .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
843
- width: calc(100% - 16px)
844
- }
845
-
846
- .mdl-grid--no-spacing>.mdl-cell--12-col,
847
- .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
848
- width: 100%
849
- }
850
-
851
- .mdl-cell--1-offset,
852
- .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
853
- margin-left: calc(8.33333% + 8px)
854
- }
855
-
856
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
857
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
858
- margin-left: 8.3333333333%
859
- }
860
-
861
- .mdl-cell--2-offset,
862
- .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
863
- margin-left: calc(16.66667% + 8px)
864
- }
865
-
866
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
867
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
868
- margin-left: 16.6666666667%
869
- }
870
-
871
- .mdl-cell--3-offset,
872
- .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
873
- margin-left: calc(25% + 8px)
874
- }
875
-
876
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
877
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
878
- margin-left: 25%
879
- }
880
-
881
- .mdl-cell--4-offset,
882
- .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
883
- margin-left: calc(33.33333% + 8px)
884
- }
885
-
886
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
887
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
888
- margin-left: 33.3333333333%
889
- }
890
-
891
- .mdl-cell--5-offset,
892
- .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
893
- margin-left: calc(41.66667% + 8px)
894
- }
895
-
896
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
897
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
898
- margin-left: 41.6666666667%
899
- }
900
-
901
- .mdl-cell--6-offset,
902
- .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
903
- margin-left: calc(50% + 8px)
904
- }
905
-
906
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
907
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
908
- margin-left: 50%
909
- }
910
-
911
- .mdl-cell--7-offset,
912
- .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
913
- margin-left: calc(58.33333% + 8px)
914
- }
915
-
916
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
917
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
918
- margin-left: 58.3333333333%
919
- }
920
-
921
- .mdl-cell--8-offset,
922
- .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
923
- margin-left: calc(66.66667% + 8px)
924
- }
925
-
926
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
927
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
928
- margin-left: 66.6666666667%
929
- }
930
-
931
- .mdl-cell--9-offset,
932
- .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
933
- margin-left: calc(75% + 8px)
934
- }
935
-
936
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
937
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
938
- margin-left: 75%
939
- }
940
-
941
- .mdl-cell--10-offset,
942
- .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
943
- margin-left: calc(83.33333% + 8px)
944
- }
945
-
946
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
947
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
948
- margin-left: 83.3333333333%
949
- }
950
-
951
- .mdl-cell--11-offset,
952
- .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
953
- margin-left: calc(91.66667% + 8px)
954
- }
955
-
956
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
957
- .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
958
- margin-left: 91.6666666667%
959
- }
960
- }
961
-
962
- .mdl-grid {
963
- display: flex;
964
- flex-flow: row wrap;
965
- margin: 0 auto;
966
- align-items: stretch;
967
- }
968
-
969
- a {
970
- color: $primaryphysicianhighlighttext;
971
- }
972
-
973
- .new_rx_IncludeBrand_popup_text {
974
- margin-bottom: 15px;
975
- font-size: 15px;
976
- line-height: 1.5rem;
977
- text-align: center;
978
- font-family: $secondaryphysicianfontfamily;
979
- color: $secondaryphysiciantextcolor;
980
- }
981
-
982
- .new_rx_authority_popup {
983
- text-align: center;
984
- max-width: 450px !important;
985
- }
986
-
987
- .new_rx_authority_popup_text {
988
- margin-bottom: 15px;
989
- font-size: 16px;
990
- line-height: 1.5rem;
991
- }
992
-
993
- .new_rx_Prescribe_btn_dropdown_list_box {
994
- margin-top: 15px;
995
- position: absolute;
996
- top: 30px;
997
- right: 0px;
998
- max-width: 200px;
999
- /* z-index: 99; */
1000
- background: #fff;
1001
- display: none;
1002
- box-shadow: 0px 5px 10px #11111133;
1003
- border: none;
1004
- }
1005
-
1006
- .new_rx_Prescribe_btn_dropdown_list_box.M_list_box_show {
1007
- display: block;
1008
- }
1009
-
1010
- .new_rx_Prescribe_btn_dropdown_list_ul {
1011
- list-style-type: none;
1012
- padding: 0px;
1013
- color: $primaryphysiciantextcolor;
1014
- font-family: $secondaryphysicianfontfamily !important;
1015
- margin: 0px;
1016
- }
1017
-
1018
- .new_rx_Prescribe_btn_dropdown_list_ul li {
1019
- text-align: left;
1020
- padding: 5px 10px;
1021
- font-size: 13px;
1022
- cursor: pointer;
1023
- color: $primaryphysiciantextcolor !important;
1024
- }
1025
-
1026
- .new_rx_Prescribe_btn_dropdown_list_ul li:hover {
1027
- color: #fff !important;
1028
- background-color: $primaryphysicianbtncolor !important;
1029
- }
1030
-
1031
- .new_rx_Prescribe_btn_dropdown_list_ul .rx_is_disable {
1032
- opacity: 0.5;
1033
- cursor: none;
1034
- pointer-events: none;
1035
- }
1036
-
1037
- .rx_tooltip_inner_box {
1038
- overflow-x: auto;
1039
- max-width: 600px;
1040
- max-height: 400px;
1041
- line-height: 1.5rem;
1042
- padding: 15px;
1043
- font-size: 14px;
1044
- margin: 0px !important;
1045
- font-family: $secondaryphysicianfontfamily;
1046
- }
1047
-
1048
- .rx_tooltip_inner_box b {
1049
- background-color: #fff;
1050
- color: #000;
1051
- }
1052
-
1053
- .rx_restrictionText {
1054
- display: inline-block;
1055
- font-family: $secondaryphysicianfontfamily !important;
1056
- font-size: 14px;
1057
- color: $secondaryphysiciantextcolor !important;
1058
- padding: 0px;
1059
- /* height: 24px */
1060
- }
1061
-
1062
- .rx_restrictionText b {
1063
- font-family: $secondaryphysicianfontfamily !important;
1064
- color: $primaryphysiciantextcolor !important;
1065
- }
1066
-
1067
- .No_Authority_box {
1068
- text-align: center;
1069
- display: flex;
1070
- flex-direction: row;
1071
- align-content: center;
1072
- justify-content: center;
1073
- align-items: stretch;
1074
- flex-wrap: wrap;
1075
- height: 94%;
1076
- background-color: #d7d7d7;
1077
- }
1078
-
1079
- .No_Authority_box p {
1080
- font-weight: 600;
1081
- font-size: 24px;
1082
- font-family: $secondaryphysicianfontfamily !important;
1083
- line-height: 1.5rem;
1084
- color: $secondaryphysiciantextcolor !important;
1085
- margin-left: 5px;
1086
- }
1087
-
1088
- .M_CTG_box_hide {
1089
- pointer-events: none;
1090
- opacity: .7;
1091
- }
1092
-
1093
- .M_CTG_box_hide_brand {
1094
- /*pointer-events: none;*/
1095
- opacity: .7;
1096
- }
1097
-
1098
- .M_CTG_box_hide_brand_name {
1099
- pointer-events: none;
1100
- opacity: .7;
1101
- }
1102
-
1103
- .new_rx_pop_aut_ins_select {
1104
- background-color: #0077b657 !important;
1105
- border-radius: 10px;
1106
- }
1107
-
1108
- .new_rx_pop_aut_int:hover {
1109
- background-color: #f1f1f1;
1110
- border-radius: 10px;
1111
- }
1112
-
1113
- .disabledRxContent_e_prescription {
1114
- pointer-events: none;
1115
- opacity: .7;
1116
- }
1117
-
1118
- .disabledRxContent {
1119
- pointer-events: none;
1120
- opacity: .5;
1121
- }
1122
-
1123
- .new_rx_mobile_title {
1124
- display: none;
1125
- }
1126
-
1127
- .new_rx_desktop_title {
1128
- display: block;
1129
- }
1130
-
1131
- .new_rx_popup_tab_1,
1132
- .new_rx_popup_tab_2 {
1133
- padding: 0px 20px;
1134
- overflow: auto;
1135
- height: $pop-h;
1136
- background-color: #fff;
1137
- border-radius: 0px;
1138
- /* border-radius: 0px 0px 10px 10px; */
1139
- }
1140
-
1141
- .new_rx_popup_tab_input {
1142
- width: 100%;
1143
- border: 1px solid $physicianborderColor !important;
1144
- font-family: $secondaryphysicianfontfamily !important;
1145
- color: $primaryphysiciantextcolor;
1146
- font-size: 14px !important;
1147
- border-radius: 4px !important;
1148
- padding: 8px 10px !important;
1149
- }
1150
-
1151
- .new_rx_popup_tab_input:focus,
1152
- .new_rx_popup_tab_textarea:focus {
1153
- outline: none;
1154
- border: 2px solid $physicianborderfocusColor !important;
1155
- border-radius: 4px !important;
1156
- }
1157
-
1158
- .new_rx_popup_tab_textarea {
1159
- border: 1px solid $physicianborderColor;
1160
- padding: 5px 10px;
1161
- font-size: 14px !important;
1162
- font-family: $secondaryphysicianfontfamily !important;
1163
- color: $primaryphysiciantextcolor;
1164
- border-radius: 4px !important;
1165
- width: 100% !important;
1166
- }
1167
-
1168
- .new_rx_popup_label_New {
1169
- font-weight: 700;
1170
- font-size: 20px;
1171
- font-family: $secondaryphysicianfontfamily !important;
1172
- line-height: 1.5rem;
1173
- color: $primaryphysiciantextcolor !important;
1174
- background: #F1F1F1;
1175
- padding: 5px 15px;
1176
- margin: 0px;
1177
- margin-bottom: 5px;
1178
- }
1179
-
1180
- .new_rx_popup_label_span {
1181
- font-weight: 700;
1182
- font-size: 20px;
1183
- font-family: $secondaryphysicianfontfamily !important;
1184
- line-height: 1.5rem;
1185
- color: $primaryphysicianbtncolor !important;
1186
- margin-bottom: 5px !important;
1187
- }
1188
-
1189
- .new_rx_popup_label {
1190
- font-weight: 700;
1191
- font-size: 14px;
1192
- font-family: $secondaryphysicianfontfamily !important;
1193
- line-height: 1.5rem;
1194
- color: $primaryphysiciantextcolor !important;
1195
- margin-bottom: 5px !important;
1196
- margin-top: 0px !important;
1197
- }
1198
-
1199
-
1200
- .new_rx_popup_label span {
1201
- font-weight: 400;
1202
- font-size: 14px;
1203
- font-family: $secondaryphysicianfontfamily !important;
1204
- line-height: 1.5rem;
1205
- color: $secondaryphysiciantextcolor !important;
1206
- margin-left: 5px;
1207
- display: inline-block !important;
1208
- }
1209
-
1210
- .new_rx_popup_label span.red {
1211
- font-weight: 400;
1212
- font-size: 14px;
1213
- font-family: $secondaryphysicianfontfamily !important;
1214
- line-height: 1.5rem;
1215
- color: red !important;
1216
- margin-left: 5px !important;
1217
- }
1218
-
1219
- .new_rx_popup_tab_1 {
1220
- min-height: $pop-h;
1221
- }
1222
-
1223
- .new_rx_popup_header_box_text {
1224
- font-weight: $header-font-weight !important;
1225
- font-size: 16px !important;
1226
- color: $primaryphysiciantextcolor !important;
1227
- font-family: $primaryphysicianfontfamily !important;
1228
- line-height: 1.25rem !important;
1229
- margin: 0 !important;
1230
- display: flex !important;
1231
- align-items: center !important;
1232
- }
1233
-
1234
- .new_rx_popup_tab_dropdown_list_box {
1235
- overflow: auto;
1236
- max-height: 160px;
1237
- border: 1px solid $physicianborderColor;
1238
- margin-top: 15px;
1239
- position: absolute;
1240
- top: 46px;
1241
- width: 100%;
1242
- z-index: 99;
1243
- background: #fff;
1244
- display: none;
1245
- }
1246
-
1247
- .new_rx_popup_tab_purpose_box {
1248
- width: 100%;
1249
- top: -132px;
1250
- margin-top: 0;
1251
- }
1252
-
1253
- .new_rx_popup_tab_stp_box {
1254
- width: 100%;
1255
- top: -76px;
1256
- margin-top: 0;
1257
- }
1258
-
1259
- .new_rx_popup_tab_dropdown_list_box.M_list_box_show {
1260
- display: block;
1261
- box-shadow: 0px 5px 10px #11111133;
1262
- border: none;
1263
- }
1264
-
1265
-
1266
- .new_rx_popup_header_box_text img,
1267
- .new_rx_popup_header_box_button img {
1268
- width: 25px;
1269
- height: 25px;
1270
- }
1271
-
1272
- .new_rx_popup_header_box_button {
1273
- position: absolute;
1274
- top: 16px;
1275
- right: 16px;
1276
- border: none;
1277
- background-color: transparent;
1278
- cursor: pointer;
1279
- }
1280
-
1281
-
1282
- .new_rx_popup_header_box {
1283
- border-bottom: 1px solid $physicianborderColor;
1284
- padding: 0px;
1285
- position: sticky !important;
1286
- /*top: 0;*/
1287
- background: #fff;
1288
- z-index: 999;
1289
- position: -webkit-sticky !important;
1290
- border-radius: 10px 10px 0px 0px;
1291
- }
1292
-
1293
-
1294
- .new_rx_popup_tab_title {
1295
- font-weight: 700;
1296
- font-family: $secondaryphysicianfontfamily !important;
1297
- font-size: 14px;
1298
- line-height: 1.5rem;
1299
- color: $primaryphysiciantextcolor !important;
1300
- margin: 0px !important;
1301
-
1302
- }
1303
-
1304
- .new_rx_popup_box_header {
1305
- margin: 2px !important;
1306
- font-size: 14px;
1307
- line-height: 1.5rem;
1308
- color: $secondaryphysiciantextcolor !important;
1309
- font-family: $secondaryphysicianfontfamily !important;
1310
- }
1311
-
1312
- .new_rx_popup_box_text {
1313
- margin: 2px !important;
1314
- font-size: 12px;
1315
- line-height: 1.5rem;
1316
- color: $secondaryphysiciantextcolor !important;
1317
- font-family: $secondaryphysicianfontfamily !important;
1318
- }
1319
-
1320
- .new_rx_popup_box_text span {
1321
- padding-right: 10px;
1322
- color: $secondaryphysiciantextcolor !important;
1323
- font-family: $secondaryphysicianfontfamily !important;
1324
- }
1325
-
1326
- .new_rx_popup_box_text b {
1327
- color: $primaryphysiciantextcolor !important;
1328
- font-family: $secondaryphysicianfontfamily !important;
1329
- }
1330
-
1331
- .new_rx_popup_box {
1332
- border: 1px solid #e7e7e7;
1333
- padding: 0 !important;
1334
- cursor: pointer;
1335
- }
1336
-
1337
- .new_rx_popup_box_container {
1338
- padding: 2px;
1339
- padding-right: 5px;
1340
- padding-left: 5px;
1341
-
1342
- }
1343
-
1344
- .new_rx_popup_box.RX_highlight {
1345
- background-color: #f3f3f3;
1346
- pointer-events: none;
1347
- }
1348
-
1349
- .new_rx_popup_box.RX_highlight .new_rx_popup_box_text,
1350
- .new_rx_popup_box.RX_highlight .new_rx_popup_box_text span,
1351
- .new_rx_popup_box.RX_highlight .new_rx_popup_box_header {
1352
- color: #0077b6 !important;
1353
- }
1354
-
1355
- .new_rx_popup_box.RX_highlight .new_rx_popup_box_text b {
1356
- color: $primaryphysiciantextcolor !important;
1357
- font-family: $secondaryphysicianfontfamily !important;
1358
- }
1359
-
1360
- .new_rx_popup_table tr th {
1361
- font-size: 13px;
1362
- color: $primaryphysiciantextcolor !important;
1363
- font-weight: 500 !important;
1364
- font-family: $secondaryphysicianfontfamily !important;
1365
- text-align: left;
1366
- padding: 5px 5px !important;
1367
- height: auto;
1368
- line-height: 16px;
1369
- }
1370
-
1371
- .new_rx_popup_table td {
1372
- font-size: 13px;
1373
- color: $secondaryphysiciantextcolor !important;
1374
- font-weight: 400 !important;
1375
- font-family: $secondaryphysicianfontfamily !important;
1376
- text-align: left;
1377
- padding: 5px 5px !important;
1378
- cursor: pointer;
1379
- }
1380
-
1381
- .rx_record_change_popup {
1382
- font-family: $secondaryphysicianfontfamily !important;
1383
- font-size: 16px;
1384
- font-weight: 600;
1385
- color: $primaryphysiciantextcolor !important;
1386
- margin: 0px !important;
1387
- display: inline-block;
1388
- }
1389
-
1390
- .rx_record_change_popup_close {
1391
- color: rgba(0, 0, 0, 0.5);
1392
- background-color: rgb(255, 255, 255);
1393
- border: none;
1394
- cursor: pointer !important;
1395
- font-family: var(--secondaryphysicianfontfamily) !important;
1396
- font-weight: 500;
1397
- z-index: 999;
1398
- padding: 0;
1399
- font-size: 15px;
1400
- border-radius: 4px 4px 0px 0px !important;
1401
- height: 38px;
1402
- min-width: 40px !important;
1403
- }
1404
-
1405
- .rx_record_change_popup_select_box {
1406
- border: 1.5px solid $physicianborderColor;
1407
- padding: 6px 10px;
1408
- border-radius: 4px !important;
1409
- text-decoration: none;
1410
- font-size: 14px !important;
1411
- font-family: $secondaryphysicianfontfamily !important;
1412
- color: $secondaryphysiciantextcolor;
1413
- }
1414
-
1415
- .rx_record_change_popup_select_box select,
1416
- .rx_record_change_popup_select_box select option {
1417
- font-family: $secondaryphysicianfontfamily !important;
1418
- font-size: 14px !important;
1419
- color: $secondaryphysiciantextcolor;
1420
- }
1421
-
1422
- .new_rx_popup_mims .ReactModal__Overlay {
1423
- position: fixed !important;
1424
- top: 0 !important;
1425
- right: 0 !important;
1426
- bottom: 0 !important;
1427
- left: 0 !important;
1428
- overflow-x: hidden !important;
1429
- overflow-y: auto !important;
1430
- display: flex;
1431
- align-items: center;
1432
- align-self: center;
1433
- /*inset: unset !important;*/
1434
- width: 100%;
1435
- height: 100%;
1436
- }
1437
-
1438
- .new_rx_popup_mims .ReactModal__Content {
1439
- position: relative !important;
1440
- inset: unset !important;
1441
- border: 0px !important;
1442
- overflow: auto !important;
1443
- border-radius: 5px !important;
1444
- outline: none;
1445
- width: 1200px !important;
1446
- transform: translate(0, 0) !important;
1447
- align-items: center !important;
1448
- /* height: -webkit-fill-available;
1449
- display: flex;
1450
- align-content: center;
1451
- justify-content: center; */
1452
-
1453
- }
1454
-
1455
- .new_rx_popup_header_box_col_1,
1456
- .new_rx_popup_header_box_col {
1457
- text-align: right;
1458
- }
1459
-
1460
-
1461
-
1462
- .new_rx_popup_header_box_col_1 button.cancelButton {
1463
- font-family: $secondaryphysicianfontfamily !important;
1464
- font-weight: 500;
1465
- z-index: 999;
1466
- padding: 0;
1467
- font-size: 15px;
1468
- border-radius: 4px 4px 0px 0px !important;
1469
- height: 38px;
1470
- min-width: 40px !important;
1471
- margin-right: -8px;
1472
- margin-bottom: -10px;
1473
- background-color: #fff !important;
1474
- color: $secondaryphysicianbtncolor !important;
1475
- }
1476
-
1477
- .new_rx_popup_header_box_col_padding {
1478
- padding: $header-padding;
1479
- }
1480
-
1481
- .new_rx_popup_header_box_col button.cancelButton {
1482
- font-family: $secondaryphysicianfontfamily !important;
1483
- font-weight: 500;
1484
- color: $secondaryphysicianbtncolor !important;
1485
- background-color: transparent !important;
1486
- border: 1.5px solid $secondaryphysicianbtncolorborderColor !important;
1487
- position: absolute;
1488
- z-index: revert;
1489
- top: -20px;
1490
- right: -20px;
1491
- z-index: 999;
1492
- padding: 0;
1493
- /* width: auto; */
1494
- font-size: 15px;
1495
- border-radius: 50% !important;
1496
- height: 38px;
1497
- min-width: 40px !important;
1498
- }
1499
-
1500
- .new_rx_popup_header_box_col .backButton,
1501
- .new_rx_popup_header_box_col .backButton:focus {
1502
- font-family: $secondaryphysicianfontfamily !important;
1503
- font-weight: 500;
1504
- color: $secondaryphysicianbtncolor !important;
1505
- text-transform: none !important;
1506
- border: 1.5px solid $secondaryphysicianbtncolorborderColor !important;
1507
- background-color: transparent !important;
1508
- box-shadow: none !important;
1509
- font-size: 14px;
1510
- height: unset !important;
1511
- border-radius: 2px !important;
1512
- cursor: pointer;
1513
- margin-left: 10px;
1514
- margin-right: 0px !important;
1515
- padding: 10px 20px !important;
1516
- }
1517
-
1518
- .new_rx_popup_header_box_col .nextButton,
1519
- .new_rx_popup_header_box_col button.nextButton:focus {
1520
- background-color: $primaryphysicianbtncolor !important;
1521
- height: auto !important;
1522
- font-size: 14px;
1523
- font-weight: 500;
1524
- font-family: $secondaryphysicianfontfamily !important;
1525
- color: $primaryphysicianbtntextcolor !important;
1526
- text-transform: none !important;
1527
- border-radius: 2px !important;
1528
- box-shadow: none !important;
1529
- cursor: pointer;
1530
- border: 1.5px solid $primaryphysicianbtncolor;
1531
- margin-left: 10px;
1532
- padding: 10px 20px !important;
1533
- }
1534
-
1535
- .new_rx_popup_header_box_col button.nextButton:hover,
1536
- .new_rx_popup_header_box_col button.nextButton:disabled {
1537
- background-color: $primaryphysicianbtncolor !important;
1538
- opacity: 0.8;
1539
- }
1540
-
1541
- .new_rx_popup_header_box_col .rmfavbutton,
1542
- .new_rx_popup_header_box_col button.rmfavbutton:focus {
1543
- background-color: $primaryphysicianbtncolor !important;
1544
- height: auto !important;
1545
- font-size: 14px;
1546
- font-weight: 500;
1547
- font-family: $secondaryphysicianfontfamily !important;
1548
- color: $primaryphysicianbtntextcolor !important;
1549
- text-transform: none !important;
1550
- border-radius: 2px !important;
1551
- box-shadow: none !important;
1552
- cursor: pointer;
1553
- border: 1.5px solid $primaryphysicianbtncolor;
1554
- //margin-left: 10px;
1555
- padding: 10px 13px !important;
1556
- }
1557
-
1558
- .new_rx_popup_header_box_col button.rmfavbutton:hover,
1559
- .new_rx_popup_header_box_col button.rmfavbutton:disabled {
1560
- background-color: $primaryphysicianbtncolor !important;
1561
- opacity: 0.8;
1562
- }
1563
-
1564
- .new_rx_popup_header_box_col .backButton:hover,
1565
- .new_rx_popup_header_box_col .backButton:disabled,
1566
- .new_rx_popup_header_box_col button.cancelButton:hover {
1567
- color: $secondaryphysicianbtncolor !important;
1568
- border: 1.5px solid $secondaryphysicianbtncolorborderColor;
1569
- background-color: #00000008 !important;
1570
- opacity: 0.8;
1571
- }
1572
-
1573
- .rx_record_change_popup_cancel {
1574
- font-family: $secondaryphysicianfontfamily !important;
1575
- font-weight: 500;
1576
- color: $secondaryphysicianbtncolor !important;
1577
- text-transform: none !important;
1578
- border: 1.5px solid $secondaryphysicianbtncolorborderColor !important;
1579
- background-color: transparent !important;
1580
- box-shadow: none !important;
1581
- font-size: 14px;
1582
- padding: 0px 20px !important;
1583
- height: unset !important;
1584
- border-radius: 2px !important;
1585
- cursor: pointer !important;
1586
- }
1587
-
1588
- .rx_record_change_popup_submit {
1589
- background-color: $primaryphysicianbtncolor !important;
1590
- height: auto !important;
1591
- font-size: 14px;
1592
- padding: 0px 20px !important;
1593
- font-weight: 500;
1594
- font-family: $secondaryphysicianfontfamily !important;
1595
- color: $primaryphysicianbtntextcolor !important;
1596
- text-transform: none !important;
1597
- border-radius: 2px !important;
1598
- box-shadow: none !important;
1599
- cursor: pointer;
1600
- border: 1.5px solid $primaryphysicianbtncolor;
1601
- }
1602
-
1603
- .rx_record_change_popup_submit:focus,
1604
- .rx_record_change_popup_submit:hover {
1605
- background-color: $primaryphysicianbtncolor !important;
1606
- opacity: 0.8;
1607
- }
1608
-
1609
- .rx_record_change_popup_cancel:focus,
1610
- .rx_record_change_popup_cancel:hover {
1611
- color: $secondaryphysicianbtncolor !important;
1612
- border: 1.5px solid $secondaryphysicianbtncolorborderColor;
1613
- background-color: #00000008 !important;
1614
- opacity: 0.8;
1615
- }
1616
-
1617
- .mdl-button--raised.mdl-button--colored.backButton:focus {
1618
- background-color: #fff !important;
1619
- cursor: pointer;
1620
- }
1621
-
1622
- .new_rx_popup_tab_smallBoxes {
1623
- border: 1px solid $physicianborderColor;
1624
- padding: 5px 10px;
1625
- max-height: 80px;
1626
- overflow: auto;
1627
- font-family: $secondaryphysicianfontfamily !important;
1628
- background-color: #efefef;
1629
- border-radius: 4px !important;
1630
- font-size: 14px !important;
1631
- }
1632
-
1633
- .new_rx_popup_tab_smallBoxes p {
1634
- font-size: 13px !important;
1635
- color: $primaryphysiciantextcolor;
1636
- font-family: $secondaryphysicianfontfamily !important;
1637
- margin-bottom: 5px !important;
1638
- }
1639
-
1640
- .rx_new_group_checkbox {
1641
- border: none !important;
1642
- cursor: pointer;
1643
- margin: 3px !important;
1644
- }
1645
-
1646
- .rx_new_popup_checkbox .rx_new_group_checkbox::after {
1647
- width: 15px !important;
1648
- height: 15px !important;
1649
- border: 1px solid $secondaryphysiciantextcolor !important;
1650
- }
1651
-
1652
- .rx_new_popup_checkbox .mdl-checkbox__label {
1653
- color: $primaryphysiciantextcolor;
1654
- font-family: $secondaryphysicianfontfamily !important;
1655
- font-size: 14px !important;
1656
- cursor: pointer;
1657
- }
1658
-
1659
- .rx_new_group_checkbox:checked:after,
1660
- .new_rx_popup_checkbox_input:checked:after {
1661
- background-color: $primaryphysicianhighlighttext !important;
1662
- color: $primaryphysicianbtntextcolor !important;
1663
- font-weight: 600;
1664
- border: none !important;
1665
- }
1666
-
1667
- .new_rx_popup_tab_3_small_box input,
1668
- .new_rx_popup_tab_2_input {
1669
- border: 1px solid $physicianborderColor;
1670
- font-size: 14px !important;
1671
- font-family: $secondaryphysicianfontfamily !important;
1672
- max-width: 70px;
1673
- padding: 2px 5px;
1674
- color: $primaryphysiciantextcolor;
1675
- border-radius: 4px !important;
1676
- }
1677
-
1678
- .new_rx_popup_tab_2 .mdl-textfield__input {
1679
- width: 100%;
1680
- border: 1px solid $physicianborderColor;
1681
- padding: 5px 10px;
1682
- color: $primaryphysiciantextcolor;
1683
- font-weight: 400;
1684
- font-size: 14px !important;
1685
- font-family: $secondaryphysicianfontfamily !important;
1686
- }
1687
-
1688
- .new_rx_popup_tab_3_small_box input:focus,
1689
- .new_rx_popup_tab_2 .mdl-textfield__input:focus {
1690
- outline: none;
1691
- border: 2px solid $physicianborderfocusColor !important;
1692
- border-radius: 4px !important;
1693
- }
1694
-
1695
- .new_rx_popup_tab_1_grid {
1696
- padding: 5px !important;
1697
- border: 1px solid $physicianborderColor !important;
1698
- border-radius: 2px;
1699
- }
1700
-
1701
- .new_rx_popup_tab_1_box {
1702
- max-height: 250px;
1703
- overflow: auto;
1704
- }
1705
-
1706
- .new_rx_popup_tab_2 .react-datepicker__portal {
1707
- width: 100%;
1708
- height: 100%;
1709
- }
1710
-
1711
- .new_rx_popup_table_box {
1712
- overflow: auto;
1713
- min-height: 180px;
1714
- max-height: 250px;
1715
- margin-bottom: 15px;
1716
- border: 1px solid $physicianborderColor;
1717
- }
1718
-
1719
- .new_rx_popup_table {
1720
- width: 100%;
1721
- border-bottom: 1px solid $physicianborderColor;
1722
- }
1723
-
1724
- .new_rx_popup_table th,
1725
- .new_rx_popup_table td {
1726
- padding: 10px;
1727
- }
1728
-
1729
- .new_rx_popup_table th:first-child,
1730
- .new_rx_popup_table td:first-child {
1731
- border-radius: 2px 0px 0px 2px;
1732
- }
1733
-
1734
- .new_rx_popup_table th:last-child,
1735
- .new_rx_popup_table td:last-child {
1736
- border-radius: 0px 2px 2px 0px;
1737
- }
1738
-
1739
- .new_rx_popup_table td p {
1740
- white-space: nowrap;
1741
- max-width: 250px;
1742
- overflow: hidden;
1743
- text-overflow: ellipsis;
1744
- margin-bottom: 0;
1745
- }
1746
-
1747
- .new_rx_popup_table .RX_highlight {
1748
- /* background-color: $physicianborderColor; */
1749
- background-color: #f3f3f3;
1750
- }
1751
-
1752
- .new_rx_popup_table .RX_highlight td {
1753
- color: #0077b6 !important;
1754
- }
1755
-
1756
- .new_rx_popup_tab_3_small_box {
1757
- text-align: right;
1758
- margin-top: 10px;
1759
- }
1760
-
1761
- .new_rx_popup_tab_1 .new_rx_popup_tab_1_input {
1762
- font-family: 'Roboto Regular';
1763
- width: 100%;
1764
- border: 1px solid $physicianborderColor;
1765
- /* background-color: $physicianborderColor; */
1766
- background-color: #f1f1f1;
1767
- height: auto;
1768
- color: $primaryphysiciantextcolor;
1769
- padding: 7px 10px 7px 35px;
1770
- font-size: 13px !important;
1771
- }
1772
-
1773
- .new_rx_popup_tab_1_input_search {
1774
- position: absolute;
1775
- top: 5px;
1776
- left: 8px;
1777
- font-size: 22px;
1778
- }
1779
-
1780
- .complex_instruction_box {
1781
- padding: 0px 10px;
1782
- background: #f3f3f3;
1783
- }
1784
-
1785
- .new_rx_popup_tab_1_list {
1786
- list-style-type: none;
1787
- padding: 0px;
1788
- color: $secondaryphysiciantextcolor;
1789
- font-family: $secondaryphysicianfontfamily !important;
1790
- margin-bottom: 7px;
1791
- margin: 0px;
1792
- }
1793
-
1794
- .new_rx_popup_tab_1_list li {
1795
- padding: 5px 10px;
1796
- font-size: 13px;
1797
- cursor: pointer;
1798
- text-transform: capitalize;
1799
- }
1800
-
1801
- .RX_ADD_dropdown_btn {
1802
- background-color: $primaryphysicianbtncolor;
1803
- color: #fff !important;
1804
- position: sticky;
1805
- bottom: 0;
1806
- left: 0;
1807
- right: 0;
1808
- }
1809
-
1810
- .RX_ADD_dropdown_btn:hover {
1811
- background-color: $primaryphysicianbtncolor !important;
1812
- opacity: 0.8;
1813
- }
1814
-
1815
- .RX_ADD_dropdown_btn_1 {
1816
- /* background-color:$primaryphysicianhighlighttext; */
1817
- color: #fff !important;
1818
- position: sticky;
1819
- bottom: 0;
1820
- left: 0;
1821
- right: 0;
1822
- }
1823
-
1824
- .new_rx_popup_tab_1_list li:hover {
1825
- background-color: #f3f3f3;
1826
- }
1827
-
1828
- .new_rx_popup_tab_1_list li.heighlight {
1829
- /* background-color: $primaryphysicianhighlighttext;
1830
- color: #fff !important; */
1831
- background-color: #f3f3f3;
1832
- color: #0077b6 !important;
1833
- }
1834
-
1835
- .new_rx_popup_tab_1_list_box {
1836
- overflow: auto;
1837
- max-height: 400px;
1838
- border: 1px solid $physicianborderColor !important;
1839
- margin-top: 15px;
1840
- position: absolute;
1841
- top: 18px;
1842
- width: 100%;
1843
- z-index: 99;
1844
- background: #fff;
1845
- display: none;
1846
- }
1847
-
1848
- .new_rx_popup_tab_1_list_box.M_list_box_show {
1849
- display: block;
1850
- box-shadow: 0px 5px 10px #11111133;
1851
- border: none;
1852
- height: 170px;
1853
- }
1854
-
1855
- .rx_new_radiobox_button .mdl-radio.is-checked .mdl-radio__outer-circle {
1856
- border: 2px solid $primaryphysicianhighlighttext;
1857
- }
1858
-
1859
- .rx_new_radiobox_button .mdl-radio.is-checked .mdl-radio__inner-circle {
1860
- background: $primaryphysicianhighlighttext;
1861
- }
1862
-
1863
- .rx_new_radiobox_button .mdl-radio__label {
1864
- color: $primaryphysiciantextcolor;
1865
- padding: 0px 5px;
1866
- font-family: $secondaryphysicianfontfamily !important;
1867
- font-size: 14px !important;
1868
- margin-right: 0px;
1869
- cursor: pointer;
1870
- }
1871
-
1872
- .rx_new_radiobox_button .mdl-radio__button {
1873
- cursor: pointer;
1874
- }
1875
-
1876
- .rx_new_popup_checkbox {
1877
- display: inline-block;
1878
- margin-right: 10px;
1879
- margin-top: 10px;
1880
- }
1881
-
1882
- @media only screen and (max-width: 767px) {
1883
- .new_rx_mobile_title {
1884
- display: block;
1885
- }
1886
-
1887
- .new_rx_desktop_title {
1888
- display: none;
1889
- }
1890
-
1891
- .new_rx_mobile_fullwidth.mdl-cell {
1892
- width: calc(100% - 16px) !important;
1893
- }
1894
-
1895
- .new_rx_popup_tab_1_grid {
1896
- padding: 10px 10px 5px 10px;
1897
- }
1898
-
1899
- .new_rx_popup_tab_1,
1900
- .new_rx_popup_tab_2 {
1901
- padding: 10px;
1902
- }
1903
-
1904
- .new_rx_popup_tab_1 {
1905
- height: 75%;
1906
- }
1907
-
1908
- .new_rx_popup_tab_3_small_box input {
1909
- max-width: 40px;
1910
- }
1911
-
1912
- .new_rx_popup_header_box .new_rx_popup_header_box_col_padding {
1913
- width: calc(50% - 16px) !important;
1914
- padding: 0px;
1915
- }
1916
-
1917
- .new_rx_popup_header_box .backButton,
1918
- .new_rx_popup_header_box .nextButton {
1919
- padding: 10px 15px !important;
1920
- font-size: 13px;
1921
- margin-left: 5px;
1922
- }
1923
- .new_rx_popup_header_box .backButton,
1924
- .new_rx_popup_header_box .rmfavbutton {
1925
- padding: 10px 15px !important;
1926
- font-size: 13px;
1927
- margin-left: 5px;
1928
- }
1929
- }
1930
-
1931
- .cursor {
1932
- cursor: pointer;
1933
- }
1934
-
1935
- .rx_footer {
1936
- text-align: end;
1937
- color: black;
1938
- background: #fff;
1939
- border-radius: 0px 0px 5px 5px;
1940
- font-family: $secondaryphysicianfontfamily;
1941
- border: 1px solid $wos-guest-border-color;
1942
- }
1943
-
1944
- .rx_footer p {
1945
- display: flex;
1946
- flex-direction: row;
1947
- justify-content: end;
1948
- margin: 0px;
1949
- align-content: center;
1950
- align-items: center;
1951
- }
1952
-
1953
- .new_rx_route_input_search {
1954
- position: absolute;
1955
- top: 18px;
1956
- left: 18px;
1957
- }
1958
-
1959
- .new_rx_route__input {
1960
- width: 100% !important;
1961
- border: 1px solid var(--physicianborderColor) !important;
1962
- /* background-color: var(--physicianborderColor); */
1963
- background-color: #f1f1f1 !important;
1964
- height: auto;
1965
- color: var(--primaryphysiciantextcolor) !important;
1966
- padding: 5px 10px 5px 28px !important;
1967
- font-size: 14px !important;
1968
- }
1969
-
1970
- $vis: visible;
1971
- $opacity: 1;
1972
- $pop-wid: 100%;
1973
- $subpop-wid: 100%;
1974
- $pop-wid: var(--pop_wid);
1975
- $subpop-wid: var(--subpop_wid);
1976
-
1977
- .overlay {
1978
- position: fixed !important;
1979
- top: 0;
1980
- bottom: 0;
1981
- left: 0;
1982
- right: 0;
1983
- background: rgba(0, 0, 0, 0.4);
1984
- transition: opacity 500ms;
1985
- visibility: $vis;
1986
- opacity: $opacity;
1987
- overflow: auto;
1988
- display: flex;
1989
- z-index: 9999999 !important;
1990
- }
1991
-
1992
- .popup {
1993
- margin: 30px auto;
1994
- padding: 10px;
1995
- border-radius: 5px;
1996
- max-width: $pop-wid;
1997
- position: relative;
1998
- }
1999
-
2000
- @media screen and (max-width:767px) {
2001
- .popup {
2002
- width: 90%;
2003
- }
2004
- }
2005
-
2006
- .mdl-button:focus {
2007
- outline: none;
2008
- }
2009
-
2010
- .open_popup {
2011
- position: fixed;
2012
- inset: 0px;
2013
- background-color: rgba(0, 0, 0, 0.5);
2014
- z-index: 99999999 !important;
2015
-
2016
- }
2017
-
2018
- .view_pop {
2019
- position: absolute;
2020
- inset: 50% auto auto 50%;
2021
- border: 1px solid rgb(204, 204, 204);
2022
- background: rgb(255, 255, 255);
2023
- overflow: auto;
2024
- border-radius: 4px;
2025
- outline: none;
2026
- padding: 20px;
2027
- margin-right: -50%;
2028
- transform: translate(-50%, -50%);
2029
- align-items: center;
2030
- max-width: $subpop-wid;
2031
- }
2032
-
2033
- .popup_header {
2034
- position: absolute;
2035
- inset: 50% auto auto 50%;
2036
- border: 1px solid rgb(204, 204, 204);
2037
- background: rgb(255, 255, 255);
2038
- overflow: auto;
2039
- border-radius: 4px;
2040
- outline: none;
2041
- padding: 20px;
2042
- margin-right: -50%;
2043
- transform: translate(-50%, -50%);
2044
- align-items: center;
2045
- }
2046
-
2047
- .rx_record_popup_close {
2048
- float: right;
2049
- color: rgba(0, 0, 0, .5);
2050
- background-color: #fff;
2051
- border: 0;
2052
- cursor: pointer;
2053
- }
2054
-
2055
- .rx_record_popup_close:focus {
2056
- outline: none;
2057
- }
2058
-
2059
- .loader {
2060
- border: 4px solid #f3f3f3;
2061
- border-radius: 50%;
2062
- border-top: 4px solid #020202;
2063
- width: 30px;
2064
- height: 30px;
2065
- -webkit-animation: spin 2s linear infinite;
2066
- animation: spin 1s linear infinite;
2067
- }
2068
-
2069
- .m-v4 {
2070
- margin-left: 4vh;
2071
- }
2072
-
2073
- /* Safari */
2074
- @-webkit-keyframes spin {
2075
- 0% {
2076
- -webkit-transform: rotate(0deg);
2077
- }
2078
-
2079
- 100% {
2080
- -webkit-transform: rotate(360deg);
2081
- }
2082
- }
2083
-
2084
- @keyframes spin {
2085
- 0% {
2086
- transform: rotate(0deg);
2087
- }
2088
-
2089
- 100% {
2090
- transform: rotate(360deg);
2091
- }
2092
- }
2093
-
2094
- .heighlight {
2095
- background-color: #738193;
2096
- color: white !important;
2097
- }
2098
-
2099
- .disabled {
2100
- pointer-events: none;
2101
- opacity: 0.5;
2102
- }
2103
-
2104
- .disabled-style {
2105
- /*color: rgba(0, 0, 0, 0.44) !important;*/
2106
- opacity: 0.7 !important;
2107
- pointer-events: none !important;
2108
- }
2109
-
2110
- .custom-radio-button.mdl-radio__button {
2111
- width: 20px;
2112
- height: 15px;
2113
- margin: 0;
2114
- }
2115
-
2116
- .span_icon {
2117
- .material-icons {
2118
- font-size: inherit;
2119
- font-weight: 900;
2120
- }
2121
- }
2122
-
2123
- .rx-search-icon {
2124
- position: absolute;
2125
- top: 13px;
2126
- left: 13px;
2127
- font-size: 22px;
2128
- }
2129
-
2130
- .noDataPrescribe {
2131
- margin-left: 24px;
2132
- font-family: $secondaryphysicianfontfamily;
2133
- color: $secondaryguesttextcolor;
2134
- font-size: 14px;
2135
- }
2136
-
2137
- @media only screen and (max-width: 767px) {
2138
- .noDataPrescribe {
2139
- width: 100%;
2140
- padding: 2vh;
2141
- margin-left: 10px !important;
2142
- }
2143
- }
2144
-
2145
- .rx_record_popup_close {
2146
- float: right;
2147
- color: rgba(0, 0, 0, .5);
2148
- background-color: #fff;
2149
- border: 0;
2150
- cursor: pointer;
2151
- }
2152
-
2153
-
2154
- .rx_record_popup_close:focus {
2155
- outline: none;
2156
- }
2157
-
2158
- .__react_component_tooltip {
2159
- background-color: #333;
2160
- color: #fff;
2161
- border-radius: 4px;
2162
- box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
2163
- display: inline-block;
2164
- border-bottom: 1px dotted black;
2165
- visibility: visible;
2166
- color: #fff;
2167
- /*padding: 8px 21px;*/
2168
- position: fixed;
2169
- opacity: 0.9;
2170
- width: 500px;
2171
- }
2172
-
2173
-
2174
- .__react_component_tooltip::before {
2175
- content: "";
2176
- position: absolute;
2177
- top: 50%;
2178
- left: 100%;
2179
- margin-top: -5px;
2180
- border-width: 5px;
2181
- border-color: transparent transparent transparent black;
2182
- }
2183
-
2184
-
2185
-
2186
- .__react_component_tooltip.type-dark.place-left:after {
2187
- border-left-color: #222;
2188
- border-left-style: solid;
2189
- border-left-width: 7px;
2190
- }
2191
-
2192
- .__react_component_tooltip.place-left:after {
2193
- border-top: 5px solid transparent;
2194
- border-bottom: 5px solid transparent;
2195
- right: -6px;
2196
- top: 50%;
2197
- margin-top: -4px;
2198
- }
2199
-
2200
- .__react_component_tooltip:before,
2201
- .__react_component_tooltip:after {
2202
- content: "";
2203
- width: 0;
2204
- height: 0;
2205
- position: absolute;
2206
- }
2207
-
2208
- .new_rx_popup_label_p {
2209
- font-size: 13px;
2210
- line-height: 1.2;
2211
- margin: 0px !important;
2212
- padding-bottom: 5px;
2213
- font-family: $secondaryphysicianfontfamily !important;
2214
- color: $secondaryguesttextcolor;
2215
- }
2216
-
2217
- .include_brand_tooltip {
2218
- font-size: 14px;
2219
- font-weight: 400;
2220
- }
2221
-
2222
- .popup_referal_pathology {
2223
- margin: auto;
2224
- /*padding: 20px;*/
2225
- border-radius: 5px;
2226
- max-width: 700px;
2227
- position: fixed;
2228
- inset: 0;
2229
- top: 15%;
2230
- overflow: auto !important;
2231
- }
2232
-
2233
- @media screen and (max-width:767px) {
2234
- .popup_referal_pathology {
2235
- width: 90%;
2236
- }
2237
- }
2238
-
2239
- .new_rx_popup_tab_input_password::placeholder {
2240
- opacity: .5;
2241
- }
2242
-
2243
- .e_prescription_box hr {
2244
- display: block;
2245
- height: 1px;
2246
- border: 0;
2247
- margin: 1em 0;
2248
- padding: 0;
2249
- clear: both;
2250
- float: none;
2251
- margin: 10px 0;
2252
- border-top: 1px solid #e4e4e4;
2253
- opacity: unset !important;
2254
- }
2255
-
2256
- .e_prescription_popup_inner_box {
2257
- width: var(--eprescription_popup_width);
2258
- }
2259
-
2260
- @media only screen and (max-width: 767px) {
2261
- .include_brand_box_popup {
2262
- margin-top: 10%;
2263
- width: 80% !important;
2264
- margin-bottom: 10%;
2265
- }
2266
-
2267
- .rx_popup_margin_mobile_top {
2268
- margin-top: 6px;
2269
- }
2270
-
2271
- .e_prescription_popup_inner_box {
2272
- max-width: var(--eprescription_popup_width);
2273
- width: 90%;
2274
- }
2275
-
2276
- .mdl-cell {
2277
- width: 100% !important;
2278
- }
2279
- }
2280
-
2281
- .lemi-tooltip {
2282
- background-color: #333;
2283
- color: #fff;
2284
- border-radius: 4px;
2285
- box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
2286
- display: inline-block;
2287
- border-bottom: 1px dotted black;
2288
- visibility: visible;
2289
- color: #fff;
2290
- position: fixed !important;
2291
- opacity: 0.9;
2292
- z-index: 9999999 !important;
2293
- padding: 10px;
2294
- height: auto;
2295
- }
2296
-
2297
- .new_rx_popup {
2298
- width: 100%;
2299
- height: 100%;
2300
- margin-bottom: 20px;
2301
- margin-top: 20px;
2302
- }
2303
-
2304
- .new_rx_no_authority {
2305
- display: flex;
2306
- }
2307
-
2308
- .authority_item_text {
2309
- font-weight: 400;
2310
- font-size: 14px;
2311
- font-family: $secondaryphysicianfontfamily !important;
2312
- line-height: 1.5rem;
2313
- color: $secondaryphysiciantextcolor !important;
2314
- margin: 0px;
2315
- margin-top: 8px;
2316
- margin-bottom: 8px;
2317
- }
2318
-
2319
- .rx_popup_footer_text {
2320
- background: #fff;
2321
- padding: 8px;
2322
- border-radius: 5px;
2323
- color: #5a5a5a;
2324
- font-family: 'Roboto Light';
2325
- }
2326
-
2327
- .rx_popup_footer_text a {
2328
- color: $primaryphysicianbtncolor !important;
2329
- font-weight: 500;
2330
- text-decoration: underline;
2331
- }
2332
-
2333
- /*pathology header*/
2334
- .pathology_header {
2335
- width: 98%;
2336
- padding: 10px;
2337
- /*margin-left: auto;
2338
- margin-right: auto;*/
2339
- display: flex;
2340
- justify-content: space-between;
2341
- align-items: center;
2342
- }
2343
-
2344
- .RX_splash {
2345
- position: fixed !important;
2346
- /*width: 100%;*/
2347
- /*height: 100%;*/
2348
- z-index: 99999999 !important;
2349
- display: flex;
2350
- align-items: center;
2351
- justify-content: center;
2352
- background: rgba(0, 0, 0, 0.66) no-repeat 0 0;
2353
- visibility: hidden;
2354
- inset: 0;
2355
- transition: opacity 1s ease-in-out;
2356
- }
2357
-
2358
- .Rx_spinner {
2359
- /*-webkit-animation: spin 1s infinite linear;
2360
- animation: spin 1s infinite linear;*/
2361
- background: transparent;
2362
- /* border: 5px solid orange;
2363
- border-radius: 100%;
2364
- border-top-color: transparent;
2365
- width: 20px;
2366
- height: 20px;*/
2367
- color: white;
2368
- opacity: .6;
2369
- padding: 0;
2370
- z-index: 10000;
2371
- text-align: center;
2372
- font-family: 'Roboto Regular';
2373
- }
2374
-
2375
- .spinner-img {
2376
- width: 9vh;
2377
- height: 9vh;
2378
- }
2379
-
2380
- .Rx_splash_align {
2381
- text-align: center;
2382
- display: flex;
2383
- flex-direction: column;
2384
- align-content: center;
2385
- align-items: center;
2386
- }
2387
-
2388
- .mt-15p {
2389
- margin-top: 15px
2390
- }
2391
-
2392
- .innerpopupspin {
2393
- text-align: center;
2394
- position: relative;
2395
- top: 50%;
2396
- transform: translate(0, -50%);
2397
- }
2398
-
2399
- .rx_radio_overall {
2400
- display: flex;
2401
- flex-direction: row;
2402
- }
2403
-
2404
- .rx_radio_label {
2405
- display: flex;
2406
- align-items: center;
2407
- flex-direction: row;
2408
- }
2409
-
2410
- .alert_pop {
2411
- overflow: auto;
2412
- outline: none;
2413
- padding: 10px;
2414
- width: 380px;
2415
- z-index: 9999999;
2416
- display: flex !important;
2417
- flex-direction: row;
2418
- align-items: stretch;
2419
- }
2420
-
2421
- .icon_cls {
2422
- width: 30px;
2423
- margin-top: auto;
2424
- margin-bottom: auto;
2425
- margin-right: 8px;
2426
- }
2427
-
2428
- .Rx-toast {
2429
- font-family: 'Roboto Medium';
2430
- background: rgb(255, 255, 255);
2431
- max-width: 100%;
2432
- font-size: .875rem;
2433
- pointer-events: auto;
2434
- background-clip: padding-box;
2435
- box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
2436
- border-radius: .375rem;
2437
- color: var($primaryphysiciantextcolor);
2438
- animation: show_toast 0.3s ease forwards;
2439
- }
2440
-
2441
- .rx-toast-hide {
2442
- animation: close_toast 0.3s ease-in-out forwards;
2443
- }
2444
-
2445
- .RX_toast_suc_color {
2446
- border-bottom: 5px solid #008000a1 !important;
2447
- }
2448
-
2449
- .RX_toast_war_color {
2450
- border-bottom: 5px solid #E4A11D !important;
2451
- }
2452
-
2453
- .RX_toast_err_color {
2454
- border-bottom: 5px solid #ff0000bf !important;
2455
- }
2456
-
2457
-
2458
- .success_msg {
2459
- border-radius: 30px !important;
2460
- background: #008000a1 !important;
2461
- }
2462
-
2463
- .rx-toast-body {
2464
- word-wrap: break-word;
2465
- padding-top: 10px !important;
2466
- padding-bottom: 10px !important;
2467
- width: 291px !important;
2468
- font-family: 'Roboto Regular';
2469
- }
2470
-
2471
- .notifications {
2472
- position: fixed;
2473
- top: 10px;
2474
- right: 20px;
2475
- z-index: 999999999 !important;
2476
- pointer-events: none !important;
2477
- }
2478
-
2479
- @keyframes show_toast {
2480
- 0% {
2481
- transform: translateX(100%);
2482
- }
2483
-
2484
- 40% {
2485
- transform: translateX(-5%);
2486
- }
2487
-
2488
- 80% {
2489
- transform: translateX(0%);
2490
- }
2491
-
2492
- 100% {
2493
- transform: translateX(-10px);
2494
- }
2495
- }
2496
-
2497
- @keyframes close_toast {
2498
- from {
2499
- opacity: 1;
2500
- transform: translatex(0);
2501
- }
2502
-
2503
- to {
2504
- opacity: 0;
2505
- transform: translatex(20px);
2506
- }
2507
- }
2508
-
2509
- @media only screen and (max-width: 1023px) {
2510
- .new_rx_popup_mims .ReactModal__Content {
2511
- width: 90% !important;
2512
- }
2513
-
2514
- .new_rx_desktop_title {
2515
- display: none;
2516
- }
2517
-
2518
- .new_rx_mobile_title {
2519
- display: block;
2520
- }
2521
- }
2522
-
2523
- input {
2524
- font-size: 16px !important;
2525
- line-height: normal !important;
2526
- }
2527
-
2528
- .loader_visible {
2529
- opacity: 1;
2530
- visibility: visible !important;
2531
- }
2532
-
2533
- .loader_hidden {
2534
- opacity: 0;
2535
- visibility: hidden !important;
2536
- }
2537
-
2538
- .m-t-36 {
2539
- margin-top: 36px !important;
2540
- }
2541
-
2542
- .rx_footer_brand {
2543
- justify-content: space-between;
2544
- display: flex;
2545
- font-size: 16px !important;
2546
- font-family: 'Roboto Light';
2547
- }
2548
-
2549
- .ml-10 {
2550
- margin-left: 10px !important;
2551
- }
2552
-
2553
- .abortbutton {
2554
- background-color: white !important;
2555
- color: $primaryphysicianbtncolor !important;
2556
- height: auto !important;
2557
- font-size: 14px;
2558
- font-weight: 500;
2559
- font-family: "Roboto Medium" !important;
2560
- text-transform: none !important;
2561
- border-radius: 2px !important;
2562
- box-shadow: none !important;
2563
- cursor: pointer;
2564
- border: 1.5px solid $primaryphysicianbtncolor;
2565
- margin-left: 10px;
2566
- padding: 10px 20px !important;
2567
- }
2568
-
2569
- .abortbutton:hover {
2570
- background-color: $primaryphysicianbtncolor !important;
2571
- color: rgb(255, 255, 255) !important;
2572
- }
2573
-
2574
- .rx_loader {
2575
- width: 37px;
2576
- display: block;
2577
- height: 16px;
2578
- margin-top: -14px;
2579
- }
2580
-
2581
- .rx_btn_spin {
2582
- width: 20px !important;
2583
- height: 20px !important;
2584
- margin-left: 6px !important;
2585
- margin-top: 15px;
2586
- }
2587
-
2588
- .rx_staging {
2589
- color: $primaryphysicianbtncolor;
2590
- }
2591
-
2592
- .ml-load-45 {
2593
- margin-left: 45% !important;
2594
- }
2595
-
2596
- .icon-done {
2597
- font-size: 15px !important;
2598
- font-weight: bold !important;
2599
- }
2600
-
2601
- .instruction_field_clr {
2602
- border: 1px solid #b5b5b5 !important;
2603
- }
2604
-
2605
- .instruction_field_clr::-webkit-input-placeholder {
2606
- opacity: .5 !important;
2607
- }
2608
-
2609
- input:disabled {
2610
- cursor: default !important;
2611
- pointer-events: none !important;
2612
- opacity: 0.7 !important;
2613
- }
2614
-
2615
- .p-12 {
2616
- padding: 12px !important;
2617
- }
2618
-
2619
- .h-93p {
2620
- height: 104px !important;
2621
- max-height: 104px !important;
2622
- }
2623
-
2624
- .h-160p {
2625
- height: 160px !important;
2626
- }
2627
-
2628
- .input_textfield::-webkit-input-placeholder {
2629
- opacity: 0.5;
2630
- }
2631
-
2632
- .rx-m-w-535p {
2633
- max-width: 535px !important;
2634
- }
2635
-
2636
- .rx-m-w-100 {
2637
- max-width: 100% !important;
2638
- }
2639
-
2640
- .rx-instruction-btn {
2641
- border: 1px solid black;
2642
- border-radius: 4px;
2643
- }
2644
-
2645
- .font_f {
2646
- font-family: "Roboto Regular" !important;
2647
- }
2648
-
2649
-
2650
-
2651
-
2652
-
2653
-
1
+ /*** IMPORTED FILE NOT FOUND ***/
2
+ @import 'https://fonts.googleapis.com/icon?family=Material+Icons';/*** --- ***/
3
+ /*** IMPORTED FILE NOT FOUND ***/
4
+ @import 'https://fonts.googleapis.com/icon?family=Material+Icons';/*** --- ***/
5
+
6
+ /* Roboto */
7
+ @font-face {
8
+ font-family: "Roboto Medium";
9
+ font-style: normal;
10
+ font-weight: normal;
11
+ src: local("Roboto Medium"), url("assets/fonts/Roboto/Roboto-Medium.ttf") format('truetype');
12
+ }
13
+
14
+ @font-face {
15
+ font-family: "Roboto Regular";
16
+ font-style: normal;
17
+ font-weight: normal;
18
+ src: local("Roboto Regular"), url("assets/fonts/Roboto/Roboto-Regular.ttf") format('truetype');
19
+ }
20
+
21
+ @font-face {
22
+ font-family: "Roboto Light";
23
+ font-style: normal;
24
+ font-weight: normal;
25
+ src: local("Roboto Light"), url("assets/fonts/Roboto/Roboto-Light.ttf") format('truetype');
26
+ }
27
+
28
+ @font-face {
29
+ font-family: "Roboto Thin";
30
+ font-style: normal;
31
+ font-weight: normal;
32
+ src: local("Roboto Light"), url("assets/fonts/Roboto/Roboto-Thin.ttf") format('truetype');
33
+ }
34
+
35
+ @font-face {
36
+ font-family: "Roboto Bold";
37
+ font-style: normal;
38
+ font-weight: normal;
39
+ src: local("Roboto Regular"), url("assets/fonts/Roboto/Roboto-Bold.ttf") format('truetype');
40
+ }
41
+
42
+ /* Roboto-Serif */
43
+ @font-face {
44
+ font-family: "Roboto-Serif SemiBold";
45
+ font-style: normal;
46
+ font-weight: normal;
47
+ src: local("Roboto Regular"), url("assets/fonts/Roboto-Serif/RobotoSerif-SemiBold.ttf") format('truetype');
48
+ }
49
+
50
+ $physicianactivebackgroundcolor: #0076b610;
51
+ $primaryphysicianfontfamily: 'Roboto-Serif SemiBold';
52
+ $secondaryphysicianfontfamily: 'Roboto Medium';
53
+
54
+ $primaryphysicianbtncolor: #005760;
55
+ $primaryphysicianbtntextcolor: rgb(255, 255, 255);
56
+
57
+ $secondaryphysicianbtncolor: #808080;
58
+ $secondaryphysicianbtncolorborderColor: #808080;
59
+
60
+ $primaryphysiciantextcolor: #2D2D32;
61
+ $physicianborderColor: #D7D7D7;
62
+ $physicianborderfocusColor: #0077b6;
63
+ $secondaryphysiciantextcolor: #5a5a5a;
64
+ $primaryphysicianhighlighttext: #0077b6;
65
+
66
+ $secondaryguesttextcolor: #5a5a5a;
67
+
68
+ body {
69
+ font-family: "Helvetica", "Arial", sans-serif
70
+ }
71
+
72
+ .mdl-layout__drawer-button {
73
+ display: none !important;
74
+ }
75
+
76
+ * {
77
+ box-sizing: border-box;
78
+ }
79
+
80
+ /* width */
81
+ ::-webkit-scrollbar {
82
+ width: 5px;
83
+ }
84
+
85
+ /* Track */
86
+ ::-webkit-scrollbar-track {
87
+ background: #f1f1f1;
88
+ }
89
+
90
+ /* Handle */
91
+ ::-webkit-scrollbar-thumb {
92
+ background: #cccccc;
93
+ }
94
+
95
+ /* Handle on hover */
96
+ ::-webkit-scrollbar-thumb:hover {
97
+ background: #828282;
98
+ }
99
+
100
+ $wos-guest-border-color: #E0E0E0;
101
+ $pop-w: var(--popupw);
102
+ $pop-h: var(--popuph);
103
+ $header-padding: var(--headerpadding);
104
+ $header-font-weight: var(--headerfontweight);
105
+
106
+ .mdl-grid {
107
+ display: flex;
108
+ flex-flow: row wrap;
109
+ margin: 0 auto;
110
+ align-items: stretch
111
+ }
112
+
113
+ .mdl-grid.mdl-grid--no-spacing {
114
+ padding: 0
115
+ }
116
+
117
+ .mdl-cell {
118
+ box-sizing: border-box
119
+ }
120
+
121
+ .mdl-cell--top {
122
+ align-self: flex-start
123
+ }
124
+
125
+ .mdl-cell--middle {
126
+ -ms-grid-row-align: center;
127
+ align-self: center
128
+ }
129
+
130
+ .mdl-cell--bottom {
131
+ align-self: flex-end
132
+ }
133
+
134
+ .mdl-cell--stretch {
135
+ -ms-grid-row-align: stretch;
136
+ align-self: stretch
137
+ }
138
+
139
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell {
140
+ margin: 0
141
+ }
142
+
143
+ .mdl-cell--order-1 {
144
+ order: 1
145
+ }
146
+
147
+ .mdl-cell--order-2 {
148
+ order: 2
149
+ }
150
+
151
+ .mdl-cell--order-3 {
152
+ order: 3
153
+ }
154
+
155
+ .mdl-cell--order-4 {
156
+ order: 4
157
+ }
158
+
159
+ .mdl-cell--order-5 {
160
+ order: 5
161
+ }
162
+
163
+ .mdl-cell--order-6 {
164
+ order: 6
165
+ }
166
+
167
+ .mdl-cell--order-7 {
168
+ order: 7
169
+ }
170
+
171
+ .mdl-cell--order-8 {
172
+ order: 8
173
+ }
174
+
175
+ .mdl-cell--order-9 {
176
+ order: 9
177
+ }
178
+
179
+ .mdl-cell--order-10 {
180
+ order: 10
181
+ }
182
+
183
+ .mdl-cell--order-11 {
184
+ order: 11
185
+ }
186
+
187
+ .mdl-cell--order-12 {
188
+ order: 12
189
+ }
190
+
191
+ @media (max-width: 479px) {
192
+ .mdl-grid {
193
+ padding: 8px
194
+ }
195
+
196
+ .mdl-cell {
197
+ margin: 6px;
198
+ width: calc(100% - 16px)
199
+ }
200
+
201
+ .mdl-grid--no-spacing>.mdl-cell {
202
+ width: 100%
203
+ }
204
+
205
+ .mdl-cell--hide-phone {
206
+ display: none !important
207
+ }
208
+
209
+ .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
210
+ order: 1
211
+ }
212
+
213
+ .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
214
+ order: 2
215
+ }
216
+
217
+ .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
218
+ order: 3
219
+ }
220
+
221
+ .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
222
+ order: 4
223
+ }
224
+
225
+ .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
226
+ order: 5
227
+ }
228
+
229
+ .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
230
+ order: 6
231
+ }
232
+
233
+ .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
234
+ order: 7
235
+ }
236
+
237
+ .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
238
+ order: 8
239
+ }
240
+
241
+ .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
242
+ order: 9
243
+ }
244
+
245
+ .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
246
+ order: 10
247
+ }
248
+
249
+ .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
250
+ order: 11
251
+ }
252
+
253
+ .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
254
+ order: 12
255
+ }
256
+
257
+ .mdl-cell--1-col,
258
+ .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
259
+ width: calc(25% - 16px)
260
+ }
261
+
262
+ .mdl-grid--no-spacing>.mdl-cell--1-col,
263
+ .mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
264
+ width: 25%
265
+ }
266
+
267
+ .mdl-cell--2-col,
268
+ .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
269
+ width: calc(50% - 16px)
270
+ }
271
+
272
+ .mdl-grid--no-spacing>.mdl-cell--2-col,
273
+ .mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
274
+ width: 50%
275
+ }
276
+
277
+ .mdl-cell--3-col,
278
+ .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
279
+ width: calc(75% - 16px)
280
+ }
281
+
282
+ .mdl-grid--no-spacing>.mdl-cell--3-col,
283
+ .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
284
+ width: 75%
285
+ }
286
+
287
+ .mdl-cell--4-col,
288
+ .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
289
+ width: calc(100% - 16px)
290
+ }
291
+
292
+ .mdl-grid--no-spacing>.mdl-cell--4-col,
293
+ .mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
294
+ width: 100%
295
+ }
296
+
297
+ .mdl-cell--5-col,
298
+ .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
299
+ width: calc(100% - 16px)
300
+ }
301
+
302
+ .mdl-grid--no-spacing>.mdl-cell--5-col,
303
+ .mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
304
+ width: 100%
305
+ }
306
+
307
+ .mdl-cell--6-col,
308
+ .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
309
+ width: calc(100% - 16px)
310
+ }
311
+
312
+ .mdl-grid--no-spacing>.mdl-cell--6-col,
313
+ .mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
314
+ width: 100%
315
+ }
316
+
317
+ .mdl-cell--7-col,
318
+ .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
319
+ width: calc(100% - 16px)
320
+ }
321
+
322
+ .mdl-grid--no-spacing>.mdl-cell--7-col,
323
+ .mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
324
+ width: 100%
325
+ }
326
+
327
+ .mdl-cell--8-col,
328
+ .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
329
+ width: calc(100% - 16px)
330
+ }
331
+
332
+ .mdl-grid--no-spacing>.mdl-cell--8-col,
333
+ .mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
334
+ width: 100%
335
+ }
336
+
337
+ .mdl-cell--9-col,
338
+ .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
339
+ width: calc(100% - 16px)
340
+ }
341
+
342
+ .mdl-grid--no-spacing>.mdl-cell--9-col,
343
+ .mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
344
+ width: 100%
345
+ }
346
+
347
+ .mdl-cell--10-col,
348
+ .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
349
+ width: calc(100% - 16px)
350
+ }
351
+
352
+ .mdl-grid--no-spacing>.mdl-cell--10-col,
353
+ .mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
354
+ width: 100%
355
+ }
356
+
357
+ .mdl-cell--11-col,
358
+ .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
359
+ width: calc(100% - 16px)
360
+ }
361
+
362
+ .mdl-grid--no-spacing>.mdl-cell--11-col,
363
+ .mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
364
+ width: 100%
365
+ }
366
+
367
+ .mdl-cell--12-col,
368
+ .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
369
+ width: calc(100% - 16px)
370
+ }
371
+
372
+ .mdl-grid--no-spacing>.mdl-cell--12-col,
373
+ .mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
374
+ width: 100%
375
+ }
376
+
377
+ .mdl-cell--1-offset,
378
+ .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
379
+ margin-left: calc(25% + 8px)
380
+ }
381
+
382
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
383
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
384
+ margin-left: 25%
385
+ }
386
+
387
+ .mdl-cell--2-offset,
388
+ .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
389
+ margin-left: calc(50% + 8px)
390
+ }
391
+
392
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
393
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
394
+ margin-left: 50%
395
+ }
396
+
397
+ .mdl-cell--3-offset,
398
+ .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
399
+ margin-left: calc(75% + 8px)
400
+ }
401
+
402
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
403
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
404
+ margin-left: 75%
405
+ }
406
+ }
407
+
408
+ @media (min-width: 480px) and (max-width:839px) {
409
+ .mdl-grid {
410
+ padding: 8px
411
+ }
412
+
413
+ .mdl-cell {
414
+ margin: 8px;
415
+ width: calc(50% - 16px)
416
+ }
417
+
418
+ .mdl-grid--no-spacing>.mdl-cell {
419
+ width: 50%
420
+ }
421
+
422
+ .mdl-cell--hide-tablet {
423
+ display: none !important
424
+ }
425
+
426
+ .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
427
+ order: 1
428
+ }
429
+
430
+ .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
431
+ order: 2
432
+ }
433
+
434
+ .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
435
+ order: 3
436
+ }
437
+
438
+ .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
439
+ order: 4
440
+ }
441
+
442
+ .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
443
+ order: 5
444
+ }
445
+
446
+ .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
447
+ order: 6
448
+ }
449
+
450
+ .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
451
+ order: 7
452
+ }
453
+
454
+ .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
455
+ order: 8
456
+ }
457
+
458
+ .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
459
+ order: 9
460
+ }
461
+
462
+ .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
463
+ order: 10
464
+ }
465
+
466
+ .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
467
+ order: 11
468
+ }
469
+
470
+ .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
471
+ order: 12
472
+ }
473
+
474
+ .mdl-cell--1-col,
475
+ .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
476
+ width: calc(12.5% - 16px)
477
+ }
478
+
479
+ .mdl-grid--no-spacing>.mdl-cell--1-col,
480
+ .mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
481
+ width: 12.5%
482
+ }
483
+
484
+ .mdl-cell--2-col,
485
+ .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
486
+ width: calc(25% - 12px)
487
+ }
488
+
489
+ .mdl-grid--no-spacing>.mdl-cell--2-col,
490
+ .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
491
+ width: 25%
492
+ }
493
+
494
+ .mdl-cell--3-col,
495
+ .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
496
+ width: calc(37.5% - 16px)
497
+ }
498
+
499
+ .mdl-grid--no-spacing>.mdl-cell--3-col,
500
+ .mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
501
+ width: 37.5%
502
+ }
503
+
504
+ .mdl-cell--4-col,
505
+ .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
506
+ width: calc(50% - 16px)
507
+ }
508
+
509
+ .mdl-grid--no-spacing>.mdl-cell--4-col,
510
+ .mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
511
+ width: 50%
512
+ }
513
+
514
+ .mdl-cell--5-col,
515
+ .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
516
+ width: calc(62.5% - 16px)
517
+ }
518
+
519
+ .mdl-grid--no-spacing>.mdl-cell--5-col,
520
+ .mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
521
+ width: 62.5%
522
+ }
523
+
524
+ .mdl-cell--6-col,
525
+ .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
526
+ width: calc(75% - 16px)
527
+ }
528
+
529
+ .mdl-grid--no-spacing>.mdl-cell--6-col,
530
+ .mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
531
+ width: 75%
532
+ }
533
+
534
+ .mdl-cell--7-col,
535
+ .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
536
+ width: calc(87.5% - 16px)
537
+ }
538
+
539
+ .mdl-grid--no-spacing>.mdl-cell--7-col,
540
+ .mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
541
+ width: 87.5%
542
+ }
543
+
544
+ .mdl-cell--8-col,
545
+ .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
546
+ width: calc(100% - 16px)
547
+ }
548
+
549
+ .mdl-grid--no-spacing>.mdl-cell--8-col,
550
+ .mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
551
+ width: 100%
552
+ }
553
+
554
+ .mdl-cell--9-col,
555
+ .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
556
+ width: calc(100% - 16px)
557
+ }
558
+
559
+ .mdl-grid--no-spacing>.mdl-cell--9-col,
560
+ .mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
561
+ width: 100%
562
+ }
563
+
564
+ .mdl-cell--10-col,
565
+ .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
566
+ width: calc(100% - 16px)
567
+ }
568
+
569
+ .mdl-grid--no-spacing>.mdl-cell--10-col,
570
+ .mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
571
+ width: 100%
572
+ }
573
+
574
+ .mdl-cell--11-col,
575
+ .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
576
+ width: calc(100% - 16px)
577
+ }
578
+
579
+ .mdl-grid--no-spacing>.mdl-cell--11-col,
580
+ .mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
581
+ width: 100%
582
+ }
583
+
584
+ .mdl-cell--12-col,
585
+ .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
586
+ width: calc(100% - 16px)
587
+ }
588
+
589
+ .mdl-grid--no-spacing>.mdl-cell--12-col,
590
+ .mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
591
+ width: 100%
592
+ }
593
+
594
+ .mdl-cell--1-offset,
595
+ .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
596
+ margin-left: calc(12.5% + 8px)
597
+ }
598
+
599
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
600
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
601
+ margin-left: 12.5%
602
+ }
603
+
604
+ .mdl-cell--2-offset,
605
+ .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
606
+ margin-left: calc(25% + 8px)
607
+ }
608
+
609
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
610
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
611
+ margin-left: 25%
612
+ }
613
+
614
+ .mdl-cell--3-offset,
615
+ .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
616
+ margin-left: calc(37.5% + 8px)
617
+ }
618
+
619
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
620
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
621
+ margin-left: 37.5%
622
+ }
623
+
624
+ .mdl-cell--4-offset,
625
+ .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
626
+ margin-left: calc(50% + 8px)
627
+ }
628
+
629
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
630
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
631
+ margin-left: 50%
632
+ }
633
+
634
+ .mdl-cell--5-offset,
635
+ .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
636
+ margin-left: calc(62.5% + 8px)
637
+ }
638
+
639
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
640
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
641
+ margin-left: 62.5%
642
+ }
643
+
644
+ .mdl-cell--6-offset,
645
+ .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
646
+ margin-left: calc(75% + 8px)
647
+ }
648
+
649
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
650
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
651
+ margin-left: 75%
652
+ }
653
+
654
+ .mdl-cell--7-offset,
655
+ .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
656
+ margin-left: calc(87.5% + 8px)
657
+ }
658
+
659
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
660
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
661
+ margin-left: 87.5%
662
+ }
663
+ }
664
+
665
+ @media (min-width: 840px) {
666
+ .mdl-grid {
667
+ padding: 8px
668
+ }
669
+
670
+ .mdl-cell {
671
+ margin: 6px;
672
+ width: calc(33.33333% - 16px)
673
+ }
674
+
675
+ .mdl-grid--no-spacing>.mdl-cell {
676
+ width: 33.3333333333%
677
+ }
678
+
679
+ .mdl-cell--hide-desktop {
680
+ display: none !important
681
+ }
682
+
683
+ .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
684
+ order: 1
685
+ }
686
+
687
+ .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
688
+ order: 2
689
+ }
690
+
691
+ .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
692
+ order: 3
693
+ }
694
+
695
+ .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
696
+ order: 4
697
+ }
698
+
699
+ .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
700
+ order: 5
701
+ }
702
+
703
+ .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
704
+ order: 6
705
+ }
706
+
707
+ .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
708
+ order: 7
709
+ }
710
+
711
+ .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
712
+ order: 8
713
+ }
714
+
715
+ .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
716
+ order: 9
717
+ }
718
+
719
+ .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
720
+ order: 10
721
+ }
722
+
723
+ .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
724
+ order: 11
725
+ }
726
+
727
+ .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
728
+ order: 12
729
+ }
730
+
731
+ .mdl-cell--1-col,
732
+ .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
733
+ width: calc(8.33333% - 16px)
734
+ }
735
+
736
+ .mdl-grid--no-spacing>.mdl-cell--1-col,
737
+ .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
738
+ width: 8.3333333333%
739
+ }
740
+
741
+ .mdl-cell--2-col,
742
+ .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
743
+ width: calc(16.66667% - 12px)
744
+ }
745
+
746
+ .mdl-grid--no-spacing>.mdl-cell--2-col,
747
+ .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
748
+ width: 16.6666666667%
749
+ }
750
+
751
+ .mdl-cell--3-col,
752
+ .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
753
+ width: calc(25% - 16px)
754
+ }
755
+
756
+ .mdl-grid--no-spacing>.mdl-cell--3-col,
757
+ .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
758
+ width: 25%
759
+ }
760
+
761
+ .mdl-cell--4-col,
762
+ .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
763
+ width: calc(33.33333% - 16px)
764
+ }
765
+
766
+ .mdl-grid--no-spacing>.mdl-cell--4-col,
767
+ .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
768
+ width: 33.3333333333%
769
+ }
770
+
771
+ .mdl-cell--5-col,
772
+ .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
773
+ width: calc(41.66667% - 16px)
774
+ }
775
+
776
+ .mdl-grid--no-spacing>.mdl-cell--5-col,
777
+ .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
778
+ width: 41.6666666667%
779
+ }
780
+
781
+ .mdl-cell--6-col,
782
+ .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
783
+ width: calc(50% - 16px)
784
+ }
785
+
786
+ .mdl-grid--no-spacing>.mdl-cell--6-col,
787
+ .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
788
+ width: 50%
789
+ }
790
+
791
+ .mdl-cell--7-col,
792
+ .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
793
+ width: calc(58.33333% - 16px)
794
+ }
795
+
796
+ .mdl-grid--no-spacing>.mdl-cell--7-col,
797
+ .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
798
+ width: 58.3333333333%
799
+ }
800
+
801
+ .mdl-cell--8-col,
802
+ .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
803
+ width: calc(66.66667% - 16px)
804
+ }
805
+
806
+ .mdl-grid--no-spacing>.mdl-cell--8-col,
807
+ .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
808
+ width: 66.6666666667%
809
+ }
810
+
811
+ .mdl-cell--9-col,
812
+ .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
813
+ width: calc(75% - 16px)
814
+ }
815
+
816
+ .mdl-grid--no-spacing>.mdl-cell--9-col,
817
+ .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
818
+ width: 75%
819
+ }
820
+
821
+ .mdl-cell--10-col,
822
+ .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
823
+ width: calc(83.33333% - 16px)
824
+ }
825
+
826
+ .mdl-grid--no-spacing>.mdl-cell--10-col,
827
+ .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
828
+ width: 83.3333333333%
829
+ }
830
+
831
+ .mdl-cell--11-col,
832
+ .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
833
+ width: calc(91.66667% - 16px)
834
+ }
835
+
836
+ .mdl-grid--no-spacing>.mdl-cell--11-col,
837
+ .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
838
+ width: 91.6666666667%
839
+ }
840
+
841
+ .mdl-cell--12-col,
842
+ .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
843
+ width: calc(100% - 16px)
844
+ }
845
+
846
+ .mdl-grid--no-spacing>.mdl-cell--12-col,
847
+ .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
848
+ width: 100%
849
+ }
850
+
851
+ .mdl-cell--1-offset,
852
+ .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
853
+ margin-left: calc(8.33333% + 8px)
854
+ }
855
+
856
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
857
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
858
+ margin-left: 8.3333333333%
859
+ }
860
+
861
+ .mdl-cell--2-offset,
862
+ .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
863
+ margin-left: calc(16.66667% + 8px)
864
+ }
865
+
866
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
867
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
868
+ margin-left: 16.6666666667%
869
+ }
870
+
871
+ .mdl-cell--3-offset,
872
+ .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
873
+ margin-left: calc(25% + 8px)
874
+ }
875
+
876
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
877
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
878
+ margin-left: 25%
879
+ }
880
+
881
+ .mdl-cell--4-offset,
882
+ .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
883
+ margin-left: calc(33.33333% + 8px)
884
+ }
885
+
886
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
887
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
888
+ margin-left: 33.3333333333%
889
+ }
890
+
891
+ .mdl-cell--5-offset,
892
+ .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
893
+ margin-left: calc(41.66667% + 8px)
894
+ }
895
+
896
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
897
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
898
+ margin-left: 41.6666666667%
899
+ }
900
+
901
+ .mdl-cell--6-offset,
902
+ .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
903
+ margin-left: calc(50% + 8px)
904
+ }
905
+
906
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
907
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
908
+ margin-left: 50%
909
+ }
910
+
911
+ .mdl-cell--7-offset,
912
+ .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
913
+ margin-left: calc(58.33333% + 8px)
914
+ }
915
+
916
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
917
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
918
+ margin-left: 58.3333333333%
919
+ }
920
+
921
+ .mdl-cell--8-offset,
922
+ .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
923
+ margin-left: calc(66.66667% + 8px)
924
+ }
925
+
926
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
927
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
928
+ margin-left: 66.6666666667%
929
+ }
930
+
931
+ .mdl-cell--9-offset,
932
+ .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
933
+ margin-left: calc(75% + 8px)
934
+ }
935
+
936
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
937
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
938
+ margin-left: 75%
939
+ }
940
+
941
+ .mdl-cell--10-offset,
942
+ .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
943
+ margin-left: calc(83.33333% + 8px)
944
+ }
945
+
946
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
947
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
948
+ margin-left: 83.3333333333%
949
+ }
950
+
951
+ .mdl-cell--11-offset,
952
+ .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
953
+ margin-left: calc(91.66667% + 8px)
954
+ }
955
+
956
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
957
+ .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
958
+ margin-left: 91.6666666667%
959
+ }
960
+ }
961
+
962
+ .mdl-grid {
963
+ display: flex;
964
+ flex-flow: row wrap;
965
+ margin: 0 auto;
966
+ align-items: stretch;
967
+ }
968
+
969
+ a {
970
+ color: $primaryphysicianhighlighttext;
971
+ }
972
+
973
+ .new_rx_IncludeBrand_popup_text {
974
+ margin-bottom: 15px;
975
+ font-size: 15px;
976
+ line-height: 1.5rem;
977
+ text-align: center;
978
+ font-family: $secondaryphysicianfontfamily;
979
+ color: $secondaryphysiciantextcolor;
980
+ }
981
+
982
+ .new_rx_authority_popup {
983
+ text-align: center;
984
+ max-width: 450px !important;
985
+ }
986
+
987
+ .new_rx_authority_popup_text {
988
+ margin-bottom: 15px;
989
+ font-size: 16px;
990
+ line-height: 1.5rem;
991
+ }
992
+
993
+ .new_rx_Prescribe_btn_dropdown_list_box {
994
+ margin-top: 15px;
995
+ position: absolute;
996
+ top: 30px;
997
+ right: 0px;
998
+ max-width: 200px;
999
+ /* z-index: 99; */
1000
+ background: #fff;
1001
+ display: none;
1002
+ box-shadow: 0px 5px 10px #11111133;
1003
+ border: none;
1004
+ }
1005
+
1006
+ .new_rx_Prescribe_btn_dropdown_list_box.M_list_box_show {
1007
+ display: block;
1008
+ }
1009
+
1010
+ .new_rx_Prescribe_btn_dropdown_list_ul {
1011
+ list-style-type: none;
1012
+ padding: 0px;
1013
+ color: $primaryphysiciantextcolor;
1014
+ font-family: $secondaryphysicianfontfamily !important;
1015
+ margin: 0px;
1016
+ }
1017
+
1018
+ .new_rx_Prescribe_btn_dropdown_list_ul li {
1019
+ text-align: left;
1020
+ padding: 5px 10px;
1021
+ font-size: 13px;
1022
+ cursor: pointer;
1023
+ color: $primaryphysiciantextcolor !important;
1024
+ }
1025
+
1026
+ .new_rx_Prescribe_btn_dropdown_list_ul li:hover {
1027
+ color: #fff !important;
1028
+ background-color: $primaryphysicianbtncolor !important;
1029
+ }
1030
+
1031
+ .new_rx_Prescribe_btn_dropdown_list_ul .rx_is_disable {
1032
+ opacity: 0.5;
1033
+ cursor: none;
1034
+ pointer-events: none;
1035
+ }
1036
+
1037
+ .rx_tooltip_inner_box {
1038
+ overflow-x: auto;
1039
+ max-width: 600px;
1040
+ max-height: 400px;
1041
+ line-height: 1.5rem;
1042
+ padding: 15px;
1043
+ font-size: 14px;
1044
+ margin: 0px !important;
1045
+ font-family: $secondaryphysicianfontfamily;
1046
+ }
1047
+
1048
+ .rx_tooltip_inner_box b {
1049
+ background-color: #fff;
1050
+ color: #000;
1051
+ }
1052
+
1053
+ .rx_restrictionText {
1054
+ display: inline-block;
1055
+ font-family: $secondaryphysicianfontfamily !important;
1056
+ font-size: 14px;
1057
+ color: $secondaryphysiciantextcolor !important;
1058
+ padding: 0px;
1059
+ /* height: 24px */
1060
+ }
1061
+
1062
+ .rx_restrictionText b {
1063
+ font-family: $secondaryphysicianfontfamily !important;
1064
+ color: $primaryphysiciantextcolor !important;
1065
+ }
1066
+
1067
+ .No_Authority_box {
1068
+ text-align: center;
1069
+ display: flex;
1070
+ flex-direction: row;
1071
+ align-content: center;
1072
+ justify-content: center;
1073
+ align-items: stretch;
1074
+ flex-wrap: wrap;
1075
+ height: 94%;
1076
+ background-color: #d7d7d7;
1077
+ }
1078
+
1079
+ .No_Authority_box p {
1080
+ font-weight: 600;
1081
+ font-size: 24px;
1082
+ font-family: $secondaryphysicianfontfamily !important;
1083
+ line-height: 1.5rem;
1084
+ color: $secondaryphysiciantextcolor !important;
1085
+ margin-left: 5px;
1086
+ }
1087
+
1088
+ .M_CTG_box_hide {
1089
+ pointer-events: none;
1090
+ opacity: .7;
1091
+ }
1092
+
1093
+ .M_CTG_box_hide_brand {
1094
+ /*pointer-events: none;*/
1095
+ opacity: .7;
1096
+ }
1097
+
1098
+ .M_CTG_box_hide_brand_name {
1099
+ pointer-events: none;
1100
+ opacity: .7;
1101
+ }
1102
+
1103
+ .new_rx_pop_aut_ins_select {
1104
+ background-color: #0077b657 !important;
1105
+ border-radius: 10px;
1106
+ }
1107
+
1108
+ .new_rx_pop_aut_int:hover {
1109
+ background-color: #f1f1f1;
1110
+ border-radius: 10px;
1111
+ }
1112
+
1113
+ .disabledRxContent_e_prescription {
1114
+ pointer-events: none;
1115
+ opacity: .7;
1116
+ }
1117
+
1118
+ .disabledRxContent {
1119
+ pointer-events: none;
1120
+ opacity: .5;
1121
+ }
1122
+
1123
+ .new_rx_mobile_title {
1124
+ display: none;
1125
+ }
1126
+
1127
+ .new_rx_desktop_title {
1128
+ display: block;
1129
+ }
1130
+
1131
+ .new_rx_popup_tab_1,
1132
+ .new_rx_popup_tab_2 {
1133
+ padding: 0px 20px;
1134
+ overflow: auto;
1135
+ height: $pop-h;
1136
+ background-color: #fff;
1137
+ border-radius: 0px;
1138
+ /* border-radius: 0px 0px 10px 10px; */
1139
+ }
1140
+
1141
+ .new_rx_popup_tab_input {
1142
+ width: 100%;
1143
+ border: 1px solid $physicianborderColor !important;
1144
+ font-family: $secondaryphysicianfontfamily !important;
1145
+ color: $primaryphysiciantextcolor;
1146
+ font-size: 14px !important;
1147
+ border-radius: 4px !important;
1148
+ padding: 8px 10px !important;
1149
+ }
1150
+
1151
+ .new_rx_popup_tab_input:focus,
1152
+ .new_rx_popup_tab_textarea:focus {
1153
+ outline: none;
1154
+ border: 2px solid $physicianborderfocusColor !important;
1155
+ border-radius: 4px !important;
1156
+ }
1157
+
1158
+ .new_rx_popup_tab_textarea {
1159
+ border: 1px solid $physicianborderColor;
1160
+ padding: 5px 10px;
1161
+ font-size: 14px !important;
1162
+ font-family: $secondaryphysicianfontfamily !important;
1163
+ color: $primaryphysiciantextcolor;
1164
+ border-radius: 4px !important;
1165
+ width: 100% !important;
1166
+ }
1167
+
1168
+ .new_rx_popup_label_New {
1169
+ font-weight: 700;
1170
+ font-size: 20px;
1171
+ font-family: $secondaryphysicianfontfamily !important;
1172
+ line-height: 1.5rem;
1173
+ color: $primaryphysiciantextcolor !important;
1174
+ background: #F1F1F1;
1175
+ padding: 5px 15px;
1176
+ margin: 0px;
1177
+ margin-bottom: 5px;
1178
+ }
1179
+
1180
+ .new_rx_popup_label_span {
1181
+ font-weight: 700;
1182
+ font-size: 20px;
1183
+ font-family: $secondaryphysicianfontfamily !important;
1184
+ line-height: 1.5rem;
1185
+ color: $primaryphysicianbtncolor !important;
1186
+ margin-bottom: 5px !important;
1187
+ }
1188
+
1189
+ .new_rx_popup_label {
1190
+ font-weight: 700;
1191
+ font-size: 14px;
1192
+ font-family: $secondaryphysicianfontfamily !important;
1193
+ line-height: 1.5rem;
1194
+ color: $primaryphysiciantextcolor !important;
1195
+ margin-bottom: 5px !important;
1196
+ margin-top: 0px !important;
1197
+ }
1198
+
1199
+
1200
+ .new_rx_popup_label span {
1201
+ font-weight: 400;
1202
+ font-size: 14px;
1203
+ font-family: $secondaryphysicianfontfamily !important;
1204
+ line-height: 1.5rem;
1205
+ color: $secondaryphysiciantextcolor !important;
1206
+ margin-left: 5px;
1207
+ display: inline-block !important;
1208
+ }
1209
+
1210
+ .new_rx_popup_label span.red {
1211
+ font-weight: 400;
1212
+ font-size: 14px;
1213
+ font-family: $secondaryphysicianfontfamily !important;
1214
+ line-height: 1.5rem;
1215
+ color: red !important;
1216
+ margin-left: 5px !important;
1217
+ }
1218
+
1219
+ .new_rx_popup_tab_1 {
1220
+ min-height: $pop-h;
1221
+ }
1222
+
1223
+ .new_rx_popup_header_box_text {
1224
+ font-weight: $header-font-weight !important;
1225
+ font-size: 16px !important;
1226
+ color: $primaryphysiciantextcolor !important;
1227
+ font-family: $primaryphysicianfontfamily !important;
1228
+ line-height: 1.25rem !important;
1229
+ margin: 0 !important;
1230
+ display: flex !important;
1231
+ align-items: center !important;
1232
+ }
1233
+
1234
+ .new_rx_popup_tab_dropdown_list_box {
1235
+ overflow: auto;
1236
+ max-height: 160px;
1237
+ border: 1px solid $physicianborderColor;
1238
+ margin-top: 15px;
1239
+ position: absolute;
1240
+ top: 46px;
1241
+ width: 100%;
1242
+ z-index: 99;
1243
+ background: #fff;
1244
+ display: none;
1245
+ }
1246
+
1247
+ .new_rx_popup_tab_purpose_box {
1248
+ width: 100%;
1249
+ top: -132px;
1250
+ margin-top: 0;
1251
+ }
1252
+
1253
+ .new_rx_popup_tab_stp_box {
1254
+ width: 100%;
1255
+ top: -76px;
1256
+ margin-top: 0;
1257
+ }
1258
+
1259
+ .new_rx_popup_tab_dropdown_list_box.M_list_box_show {
1260
+ display: block;
1261
+ box-shadow: 0px 5px 10px #11111133;
1262
+ border: none;
1263
+ }
1264
+
1265
+
1266
+ .new_rx_popup_header_box_text img,
1267
+ .new_rx_popup_header_box_button img {
1268
+ width: 25px;
1269
+ height: 25px;
1270
+ }
1271
+
1272
+ .new_rx_popup_header_box_button {
1273
+ position: absolute;
1274
+ top: 16px;
1275
+ right: 16px;
1276
+ border: none;
1277
+ background-color: transparent;
1278
+ cursor: pointer;
1279
+ }
1280
+
1281
+
1282
+ .new_rx_popup_header_box {
1283
+ border-bottom: 1px solid $physicianborderColor;
1284
+ padding: 0px;
1285
+ position: sticky !important;
1286
+ /*top: 0;*/
1287
+ background: #fff;
1288
+ z-index: 999;
1289
+ position: -webkit-sticky !important;
1290
+ border-radius: 10px 10px 0px 0px;
1291
+ }
1292
+
1293
+
1294
+ .new_rx_popup_tab_title {
1295
+ font-weight: 700;
1296
+ font-family: $secondaryphysicianfontfamily !important;
1297
+ font-size: 14px;
1298
+ line-height: 1.5rem;
1299
+ color: $primaryphysiciantextcolor !important;
1300
+ margin: 0px !important;
1301
+
1302
+ }
1303
+
1304
+ .new_rx_popup_box_header {
1305
+ margin: 2px !important;
1306
+ font-size: 14px;
1307
+ line-height: 1.5rem;
1308
+ color: $secondaryphysiciantextcolor !important;
1309
+ font-family: $secondaryphysicianfontfamily !important;
1310
+ }
1311
+
1312
+ .new_rx_popup_box_text {
1313
+ margin: 2px !important;
1314
+ font-size: 12px;
1315
+ line-height: 1.5rem;
1316
+ color: $secondaryphysiciantextcolor !important;
1317
+ font-family: $secondaryphysicianfontfamily !important;
1318
+ }
1319
+
1320
+ .new_rx_popup_box_text span {
1321
+ padding-right: 10px;
1322
+ color: $secondaryphysiciantextcolor !important;
1323
+ font-family: $secondaryphysicianfontfamily !important;
1324
+ }
1325
+
1326
+ .new_rx_popup_box_text b {
1327
+ color: $primaryphysiciantextcolor !important;
1328
+ font-family: $secondaryphysicianfontfamily !important;
1329
+ }
1330
+
1331
+ .new_rx_popup_box {
1332
+ border: 1px solid #e7e7e7;
1333
+ padding: 0 !important;
1334
+ cursor: pointer;
1335
+ }
1336
+
1337
+ .new_rx_popup_box_container {
1338
+ padding: 2px;
1339
+ padding-right: 5px;
1340
+ padding-left: 5px;
1341
+
1342
+ }
1343
+
1344
+ .new_rx_popup_box.RX_highlight {
1345
+ background-color: #f3f3f3;
1346
+ pointer-events: none;
1347
+ }
1348
+
1349
+ .new_rx_popup_box.RX_highlight .new_rx_popup_box_text,
1350
+ .new_rx_popup_box.RX_highlight .new_rx_popup_box_text span,
1351
+ .new_rx_popup_box.RX_highlight .new_rx_popup_box_header {
1352
+ color: #0077b6 !important;
1353
+ }
1354
+
1355
+ .new_rx_popup_box.RX_highlight .new_rx_popup_box_text b {
1356
+ color: $primaryphysiciantextcolor !important;
1357
+ font-family: $secondaryphysicianfontfamily !important;
1358
+ }
1359
+
1360
+ .new_rx_popup_table tr th {
1361
+ font-size: 13px;
1362
+ color: $primaryphysiciantextcolor !important;
1363
+ font-weight: 500 !important;
1364
+ font-family: $secondaryphysicianfontfamily !important;
1365
+ text-align: left;
1366
+ padding: 5px 5px !important;
1367
+ height: auto;
1368
+ line-height: 16px;
1369
+ }
1370
+
1371
+ .new_rx_popup_table td {
1372
+ font-size: 13px;
1373
+ color: $secondaryphysiciantextcolor !important;
1374
+ font-weight: 400 !important;
1375
+ font-family: $secondaryphysicianfontfamily !important;
1376
+ text-align: left;
1377
+ padding: 5px 5px !important;
1378
+ cursor: pointer;
1379
+ }
1380
+
1381
+ .rx_record_change_popup {
1382
+ font-family: $secondaryphysicianfontfamily !important;
1383
+ font-size: 16px;
1384
+ font-weight: 600;
1385
+ color: $primaryphysiciantextcolor !important;
1386
+ margin: 0px !important;
1387
+ display: inline-block;
1388
+ }
1389
+
1390
+ .rx_record_change_popup_close {
1391
+ color: rgba(0, 0, 0, 0.5);
1392
+ background-color: rgb(255, 255, 255);
1393
+ border: none;
1394
+ cursor: pointer !important;
1395
+ font-family: var(--secondaryphysicianfontfamily) !important;
1396
+ font-weight: 500;
1397
+ z-index: 999;
1398
+ padding: 0;
1399
+ font-size: 15px;
1400
+ border-radius: 4px 4px 0px 0px !important;
1401
+ height: 38px;
1402
+ min-width: 40px !important;
1403
+ }
1404
+
1405
+ .rx_record_change_popup_select_box {
1406
+ border: 1.5px solid $physicianborderColor;
1407
+ padding: 6px 10px;
1408
+ border-radius: 4px !important;
1409
+ text-decoration: none;
1410
+ font-size: 14px !important;
1411
+ font-family: $secondaryphysicianfontfamily !important;
1412
+ color: $secondaryphysiciantextcolor;
1413
+ }
1414
+
1415
+ .rx_record_change_popup_select_box select,
1416
+ .rx_record_change_popup_select_box select option {
1417
+ font-family: $secondaryphysicianfontfamily !important;
1418
+ font-size: 14px !important;
1419
+ color: $secondaryphysiciantextcolor;
1420
+ }
1421
+
1422
+ .new_rx_popup_mims .ReactModal__Overlay {
1423
+ position: fixed !important;
1424
+ top: 0 !important;
1425
+ right: 0 !important;
1426
+ bottom: 0 !important;
1427
+ left: 0 !important;
1428
+ overflow-x: hidden !important;
1429
+ overflow-y: auto !important;
1430
+ display: flex;
1431
+ align-items: center;
1432
+ align-self: center;
1433
+ /*inset: unset !important;*/
1434
+ width: 100%;
1435
+ height: 100%;
1436
+ }
1437
+
1438
+ .new_rx_popup_mims .ReactModal__Content {
1439
+ position: relative !important;
1440
+ inset: unset !important;
1441
+ border: 0px !important;
1442
+ overflow: auto !important;
1443
+ border-radius: 5px !important;
1444
+ outline: none;
1445
+ width: 1200px !important;
1446
+ transform: translate(0, 0) !important;
1447
+ align-items: center !important;
1448
+ /* height: -webkit-fill-available;
1449
+ display: flex;
1450
+ align-content: center;
1451
+ justify-content: center; */
1452
+
1453
+ }
1454
+
1455
+ .new_rx_popup_header_box_col_1,
1456
+ .new_rx_popup_header_box_col {
1457
+ text-align: right;
1458
+ }
1459
+
1460
+
1461
+
1462
+ .new_rx_popup_header_box_col_1 button.cancelButton {
1463
+ font-family: $secondaryphysicianfontfamily !important;
1464
+ font-weight: 500;
1465
+ z-index: 999;
1466
+ padding: 0;
1467
+ font-size: 15px;
1468
+ border-radius: 4px 4px 0px 0px !important;
1469
+ height: 38px;
1470
+ min-width: 40px !important;
1471
+ margin-right: -8px;
1472
+ margin-bottom: -10px;
1473
+ background-color: #fff !important;
1474
+ color: $secondaryphysicianbtncolor !important;
1475
+ }
1476
+
1477
+ .new_rx_popup_header_box_col_padding {
1478
+ padding: $header-padding;
1479
+ }
1480
+
1481
+ .new_rx_popup_header_box_col button.cancelButton {
1482
+ font-family: $secondaryphysicianfontfamily !important;
1483
+ font-weight: 500;
1484
+ color: $secondaryphysicianbtncolor !important;
1485
+ background-color: transparent !important;
1486
+ border: 1.5px solid $secondaryphysicianbtncolorborderColor !important;
1487
+ position: absolute;
1488
+ z-index: revert;
1489
+ top: -20px;
1490
+ right: -20px;
1491
+ z-index: 999;
1492
+ padding: 0;
1493
+ /* width: auto; */
1494
+ font-size: 15px;
1495
+ border-radius: 50% !important;
1496
+ height: 38px;
1497
+ min-width: 40px !important;
1498
+ }
1499
+
1500
+ .new_rx_popup_header_box_col .backButton,
1501
+ .new_rx_popup_header_box_col .backButton:focus {
1502
+ font-family: $secondaryphysicianfontfamily !important;
1503
+ font-weight: 500;
1504
+ color: $secondaryphysicianbtncolor !important;
1505
+ text-transform: none !important;
1506
+ border: 1.5px solid $secondaryphysicianbtncolorborderColor !important;
1507
+ background-color: transparent !important;
1508
+ box-shadow: none !important;
1509
+ font-size: 14px;
1510
+ height: unset !important;
1511
+ border-radius: 2px !important;
1512
+ cursor: pointer;
1513
+ margin-left: 10px;
1514
+ margin-right: 0px !important;
1515
+ padding: 10px 20px !important;
1516
+ }
1517
+
1518
+ .new_rx_popup_header_box_col .nextButton,
1519
+ .new_rx_popup_header_box_col button.nextButton:focus {
1520
+ background-color: $primaryphysicianbtncolor !important;
1521
+ height: auto !important;
1522
+ font-size: 14px;
1523
+ font-weight: 500;
1524
+ font-family: $secondaryphysicianfontfamily !important;
1525
+ color: $primaryphysicianbtntextcolor !important;
1526
+ text-transform: none !important;
1527
+ border-radius: 2px !important;
1528
+ box-shadow: none !important;
1529
+ cursor: pointer;
1530
+ border: 1.5px solid $primaryphysicianbtncolor;
1531
+ margin-left: 10px;
1532
+ padding: 10px 20px !important;
1533
+ }
1534
+
1535
+ .new_rx_popup_header_box_col button.nextButton:hover,
1536
+ .new_rx_popup_header_box_col button.nextButton:disabled {
1537
+ background-color: $primaryphysicianbtncolor !important;
1538
+ opacity: 0.8;
1539
+ }
1540
+
1541
+ .new_rx_popup_header_box_col .rmfavbutton,
1542
+ .new_rx_popup_header_box_col button.rmfavbutton:focus {
1543
+ background-color: $primaryphysicianbtncolor !important;
1544
+ height: auto !important;
1545
+ font-size: 14px;
1546
+ font-weight: 500;
1547
+ font-family: $secondaryphysicianfontfamily !important;
1548
+ color: $primaryphysicianbtntextcolor !important;
1549
+ text-transform: none !important;
1550
+ border-radius: 2px !important;
1551
+ box-shadow: none !important;
1552
+ cursor: pointer;
1553
+ border: 1.5px solid $primaryphysicianbtncolor;
1554
+ //margin-left: 10px;
1555
+ padding: 10px 13px !important;
1556
+ }
1557
+
1558
+ .new_rx_popup_header_box_col button.rmfavbutton:hover,
1559
+ .new_rx_popup_header_box_col button.rmfavbutton:disabled {
1560
+ background-color: $primaryphysicianbtncolor !important;
1561
+ opacity: 0.8;
1562
+ }
1563
+
1564
+ .new_rx_popup_header_box_col .backButton:hover,
1565
+ .new_rx_popup_header_box_col .backButton:disabled,
1566
+ .new_rx_popup_header_box_col button.cancelButton:hover {
1567
+ color: $secondaryphysicianbtncolor !important;
1568
+ border: 1.5px solid $secondaryphysicianbtncolorborderColor;
1569
+ background-color: #00000008 !important;
1570
+ opacity: 0.8;
1571
+ }
1572
+
1573
+ .rx_record_change_popup_cancel {
1574
+ font-family: $secondaryphysicianfontfamily !important;
1575
+ font-weight: 500;
1576
+ color: $secondaryphysicianbtncolor !important;
1577
+ text-transform: none !important;
1578
+ border: 1.5px solid $secondaryphysicianbtncolorborderColor !important;
1579
+ background-color: transparent !important;
1580
+ box-shadow: none !important;
1581
+ font-size: 14px;
1582
+ padding: 0px 20px !important;
1583
+ height: unset !important;
1584
+ border-radius: 2px !important;
1585
+ cursor: pointer !important;
1586
+ }
1587
+
1588
+ .rx_record_change_popup_submit {
1589
+ background-color: $primaryphysicianbtncolor !important;
1590
+ height: auto !important;
1591
+ font-size: 14px;
1592
+ padding: 0px 20px !important;
1593
+ font-weight: 500;
1594
+ font-family: $secondaryphysicianfontfamily !important;
1595
+ color: $primaryphysicianbtntextcolor !important;
1596
+ text-transform: none !important;
1597
+ border-radius: 2px !important;
1598
+ box-shadow: none !important;
1599
+ cursor: pointer;
1600
+ border: 1.5px solid $primaryphysicianbtncolor;
1601
+ }
1602
+
1603
+ .rx_record_change_popup_submit:focus,
1604
+ .rx_record_change_popup_submit:hover {
1605
+ background-color: $primaryphysicianbtncolor !important;
1606
+ opacity: 0.8;
1607
+ }
1608
+
1609
+ .rx_record_change_popup_cancel:focus,
1610
+ .rx_record_change_popup_cancel:hover {
1611
+ color: $secondaryphysicianbtncolor !important;
1612
+ border: 1.5px solid $secondaryphysicianbtncolorborderColor;
1613
+ background-color: #00000008 !important;
1614
+ opacity: 0.8;
1615
+ }
1616
+
1617
+ .mdl-button--raised.mdl-button--colored.backButton:focus {
1618
+ background-color: #fff !important;
1619
+ cursor: pointer;
1620
+ }
1621
+
1622
+ .new_rx_popup_tab_smallBoxes {
1623
+ border: 1px solid $physicianborderColor;
1624
+ padding: 5px 10px;
1625
+ max-height: 80px;
1626
+ overflow: auto;
1627
+ font-family: $secondaryphysicianfontfamily !important;
1628
+ background-color: #efefef;
1629
+ border-radius: 4px !important;
1630
+ font-size: 14px !important;
1631
+ }
1632
+
1633
+ .new_rx_popup_tab_smallBoxes p {
1634
+ font-size: 13px !important;
1635
+ color: $primaryphysiciantextcolor;
1636
+ font-family: $secondaryphysicianfontfamily !important;
1637
+ margin-bottom: 5px !important;
1638
+ }
1639
+
1640
+ .rx_new_group_checkbox {
1641
+ border: none !important;
1642
+ cursor: pointer;
1643
+ margin: 3px !important;
1644
+ }
1645
+
1646
+ .rx_new_popup_checkbox .rx_new_group_checkbox::after {
1647
+ width: 15px !important;
1648
+ height: 15px !important;
1649
+ border: 1px solid $secondaryphysiciantextcolor !important;
1650
+ }
1651
+
1652
+ .rx_new_popup_checkbox .mdl-checkbox__label {
1653
+ color: $primaryphysiciantextcolor;
1654
+ font-family: $secondaryphysicianfontfamily !important;
1655
+ font-size: 14px !important;
1656
+ cursor: pointer;
1657
+ }
1658
+
1659
+ .rx_new_group_checkbox:checked:after,
1660
+ .new_rx_popup_checkbox_input:checked:after {
1661
+ background-color: $primaryphysicianhighlighttext !important;
1662
+ color: $primaryphysicianbtntextcolor !important;
1663
+ font-weight: 600;
1664
+ border: none !important;
1665
+ }
1666
+
1667
+ .new_rx_popup_tab_3_small_box input,
1668
+ .new_rx_popup_tab_2_input {
1669
+ border: 1px solid $physicianborderColor;
1670
+ font-size: 14px !important;
1671
+ font-family: $secondaryphysicianfontfamily !important;
1672
+ max-width: 70px;
1673
+ padding: 2px 5px;
1674
+ color: $primaryphysiciantextcolor;
1675
+ border-radius: 4px !important;
1676
+ }
1677
+
1678
+ .new_rx_popup_tab_2 .mdl-textfield__input {
1679
+ width: 100%;
1680
+ border: 1px solid $physicianborderColor;
1681
+ padding: 5px 10px;
1682
+ color: $primaryphysiciantextcolor;
1683
+ font-weight: 400;
1684
+ font-size: 14px !important;
1685
+ font-family: $secondaryphysicianfontfamily !important;
1686
+ }
1687
+
1688
+ .new_rx_popup_tab_3_small_box input:focus,
1689
+ .new_rx_popup_tab_2 .mdl-textfield__input:focus {
1690
+ outline: none;
1691
+ border: 2px solid $physicianborderfocusColor !important;
1692
+ border-radius: 4px !important;
1693
+ }
1694
+
1695
+ .new_rx_popup_tab_1_grid {
1696
+ padding: 5px !important;
1697
+ border: 1px solid $physicianborderColor !important;
1698
+ border-radius: 2px;
1699
+ }
1700
+
1701
+ .new_rx_popup_tab_1_box {
1702
+ max-height: 250px;
1703
+ overflow: auto;
1704
+ }
1705
+
1706
+ .new_rx_popup_tab_2 .react-datepicker__portal {
1707
+ width: 100%;
1708
+ height: 100%;
1709
+ }
1710
+
1711
+ .new_rx_popup_table_box {
1712
+ overflow: auto;
1713
+ min-height: 180px;
1714
+ max-height: 250px;
1715
+ margin-bottom: 15px;
1716
+ border: 1px solid $physicianborderColor;
1717
+ }
1718
+
1719
+ .new_rx_popup_table {
1720
+ width: 100%;
1721
+ border-bottom: 1px solid $physicianborderColor;
1722
+ }
1723
+
1724
+ .new_rx_popup_table th,
1725
+ .new_rx_popup_table td {
1726
+ padding: 10px;
1727
+ }
1728
+
1729
+ .new_rx_popup_table th:first-child,
1730
+ .new_rx_popup_table td:first-child {
1731
+ border-radius: 2px 0px 0px 2px;
1732
+ }
1733
+
1734
+ .new_rx_popup_table th:last-child,
1735
+ .new_rx_popup_table td:last-child {
1736
+ border-radius: 0px 2px 2px 0px;
1737
+ }
1738
+
1739
+ .new_rx_popup_table td p {
1740
+ white-space: nowrap;
1741
+ max-width: 250px;
1742
+ overflow: hidden;
1743
+ text-overflow: ellipsis;
1744
+ margin-bottom: 0;
1745
+ }
1746
+
1747
+ .new_rx_popup_table .RX_highlight {
1748
+ /* background-color: $physicianborderColor; */
1749
+ background-color: #f3f3f3;
1750
+ }
1751
+
1752
+ .new_rx_popup_table .RX_highlight td {
1753
+ color: #0077b6 !important;
1754
+ }
1755
+
1756
+ .new_rx_popup_tab_3_small_box {
1757
+ text-align: right;
1758
+ margin-top: 10px;
1759
+ }
1760
+
1761
+ .new_rx_popup_tab_1 .new_rx_popup_tab_1_input {
1762
+ font-family: 'Roboto Regular';
1763
+ width: 100%;
1764
+ border: 1px solid $physicianborderColor;
1765
+ /* background-color: $physicianborderColor; */
1766
+ background-color: #f1f1f1;
1767
+ height: auto;
1768
+ color: $primaryphysiciantextcolor;
1769
+ padding: 7px 10px 7px 35px;
1770
+ font-size: 13px !important;
1771
+ }
1772
+
1773
+ .new_rx_popup_tab_1_input_search {
1774
+ position: absolute;
1775
+ top: 5px;
1776
+ left: 8px;
1777
+ font-size: 22px;
1778
+ }
1779
+
1780
+ .complex_instruction_box {
1781
+ padding: 0px 10px;
1782
+ background: #f3f3f3;
1783
+ }
1784
+
1785
+ .new_rx_popup_tab_1_list {
1786
+ list-style-type: none;
1787
+ padding: 0px;
1788
+ color: $secondaryphysiciantextcolor;
1789
+ font-family: $secondaryphysicianfontfamily !important;
1790
+ margin-bottom: 7px;
1791
+ margin: 0px;
1792
+ }
1793
+
1794
+ .new_rx_popup_tab_1_list li {
1795
+ padding: 5px 10px;
1796
+ font-size: 13px;
1797
+ cursor: pointer;
1798
+ text-transform: capitalize;
1799
+ }
1800
+
1801
+ .RX_ADD_dropdown_btn {
1802
+ background-color: $primaryphysicianbtncolor;
1803
+ color: #fff !important;
1804
+ position: sticky;
1805
+ bottom: 0;
1806
+ left: 0;
1807
+ right: 0;
1808
+ }
1809
+
1810
+ .RX_ADD_dropdown_btn:hover {
1811
+ background-color: $primaryphysicianbtncolor !important;
1812
+ opacity: 0.8;
1813
+ }
1814
+
1815
+ .RX_ADD_dropdown_btn_1 {
1816
+ /* background-color:$primaryphysicianhighlighttext; */
1817
+ color: #fff !important;
1818
+ position: sticky;
1819
+ bottom: 0;
1820
+ left: 0;
1821
+ right: 0;
1822
+ }
1823
+
1824
+ .new_rx_popup_tab_1_list li:hover {
1825
+ background-color: #f3f3f3;
1826
+ }
1827
+
1828
+ .new_rx_popup_tab_1_list li.heighlight {
1829
+ /* background-color: $primaryphysicianhighlighttext;
1830
+ color: #fff !important; */
1831
+ background-color: #f3f3f3;
1832
+ color: #0077b6 !important;
1833
+ }
1834
+
1835
+ .new_rx_popup_tab_1_list_box {
1836
+ overflow: auto;
1837
+ max-height: 400px;
1838
+ border: 1px solid $physicianborderColor !important;
1839
+ margin-top: 15px;
1840
+ position: absolute;
1841
+ top: 18px;
1842
+ width: 100%;
1843
+ z-index: 99;
1844
+ background: #fff;
1845
+ display: none;
1846
+ }
1847
+
1848
+ .new_rx_popup_tab_1_list_box.M_list_box_show {
1849
+ display: block;
1850
+ box-shadow: 0px 5px 10px #11111133;
1851
+ border: none;
1852
+ height: 170px;
1853
+ }
1854
+
1855
+ .rx_new_radiobox_button .mdl-radio.is-checked .mdl-radio__outer-circle {
1856
+ border: 2px solid $primaryphysicianhighlighttext;
1857
+ }
1858
+
1859
+ .rx_new_radiobox_button .mdl-radio.is-checked .mdl-radio__inner-circle {
1860
+ background: $primaryphysicianhighlighttext;
1861
+ }
1862
+
1863
+ .rx_new_radiobox_button .mdl-radio__label {
1864
+ color: $primaryphysiciantextcolor;
1865
+ padding: 0px 5px;
1866
+ font-family: $secondaryphysicianfontfamily !important;
1867
+ font-size: 14px !important;
1868
+ margin-right: 0px;
1869
+ cursor: pointer;
1870
+ }
1871
+
1872
+ .rx_new_radiobox_button .mdl-radio__button {
1873
+ cursor: pointer;
1874
+ }
1875
+
1876
+ .rx_new_popup_checkbox {
1877
+ display: inline-block;
1878
+ margin-right: 10px;
1879
+ margin-top: 10px;
1880
+ }
1881
+
1882
+ @media only screen and (max-width: 767px) {
1883
+ .new_rx_mobile_title {
1884
+ display: block;
1885
+ }
1886
+
1887
+ .new_rx_desktop_title {
1888
+ display: none;
1889
+ }
1890
+
1891
+ .new_rx_mobile_fullwidth.mdl-cell {
1892
+ width: calc(100% - 16px) !important;
1893
+ }
1894
+
1895
+ .new_rx_popup_tab_1_grid {
1896
+ padding: 10px 10px 5px 10px;
1897
+ }
1898
+
1899
+ .new_rx_popup_tab_1,
1900
+ .new_rx_popup_tab_2 {
1901
+ padding: 10px;
1902
+ }
1903
+
1904
+ .new_rx_popup_tab_1 {
1905
+ height: 75%;
1906
+ }
1907
+
1908
+ .new_rx_popup_tab_3_small_box input {
1909
+ max-width: 40px;
1910
+ }
1911
+
1912
+ .new_rx_popup_header_box .new_rx_popup_header_box_col_padding {
1913
+ width: calc(50% - 16px) !important;
1914
+ padding: 0px;
1915
+ }
1916
+
1917
+ .new_rx_popup_header_box .backButton,
1918
+ .new_rx_popup_header_box .nextButton {
1919
+ padding: 10px 15px !important;
1920
+ font-size: 13px;
1921
+ margin-left: 5px;
1922
+ }
1923
+ .new_rx_popup_header_box .backButton,
1924
+ .new_rx_popup_header_box .rmfavbutton {
1925
+ padding: 10px 15px !important;
1926
+ font-size: 13px;
1927
+ margin-left: 5px;
1928
+ }
1929
+ }
1930
+
1931
+ .cursor {
1932
+ cursor: pointer;
1933
+ }
1934
+
1935
+ .rx_footer {
1936
+ text-align: end;
1937
+ color: black;
1938
+ background: #fff;
1939
+ border-radius: 0px 0px 5px 5px;
1940
+ font-family: $secondaryphysicianfontfamily;
1941
+ border: 1px solid $wos-guest-border-color;
1942
+ }
1943
+
1944
+ .rx_footer p {
1945
+ display: flex;
1946
+ flex-direction: row;
1947
+ justify-content: end;
1948
+ margin: 0px;
1949
+ align-content: center;
1950
+ align-items: center;
1951
+ }
1952
+
1953
+ .new_rx_route_input_search {
1954
+ position: absolute;
1955
+ top: 18px;
1956
+ left: 18px;
1957
+ }
1958
+
1959
+ .new_rx_route__input {
1960
+ width: 100% !important;
1961
+ border: 1px solid var(--physicianborderColor) !important;
1962
+ /* background-color: var(--physicianborderColor); */
1963
+ background-color: #f1f1f1 !important;
1964
+ height: auto;
1965
+ color: var(--primaryphysiciantextcolor) !important;
1966
+ padding: 5px 10px 5px 28px !important;
1967
+ font-size: 14px !important;
1968
+ }
1969
+
1970
+ $vis: visible;
1971
+ $opacity: 1;
1972
+ $pop-wid: 100%;
1973
+ $subpop-wid: 100%;
1974
+ $pop-wid: var(--pop_wid);
1975
+ $subpop-wid: var(--subpop_wid);
1976
+
1977
+ .overlay {
1978
+ position: fixed !important;
1979
+ top: 0;
1980
+ bottom: 0;
1981
+ left: 0;
1982
+ right: 0;
1983
+ background: rgba(0, 0, 0, 0.4);
1984
+ transition: opacity 500ms;
1985
+ visibility: $vis;
1986
+ opacity: $opacity;
1987
+ overflow: auto;
1988
+ display: flex;
1989
+ z-index: 9999999 !important;
1990
+ }
1991
+
1992
+ .popup {
1993
+ margin: 30px auto;
1994
+ padding: 10px;
1995
+ border-radius: 5px;
1996
+ max-width: $pop-wid;
1997
+ position: relative;
1998
+ }
1999
+
2000
+ @media screen and (max-width:767px) {
2001
+ .popup {
2002
+ width: 90%;
2003
+ }
2004
+ }
2005
+
2006
+ .mdl-button:focus {
2007
+ outline: none;
2008
+ }
2009
+
2010
+ .open_popup {
2011
+ position: fixed;
2012
+ inset: 0px;
2013
+ background-color: rgba(0, 0, 0, 0.5);
2014
+ z-index: 99999999 !important;
2015
+
2016
+ }
2017
+
2018
+ .view_pop {
2019
+ position: absolute;
2020
+ inset: 50% auto auto 50%;
2021
+ border: 1px solid rgb(204, 204, 204);
2022
+ background: rgb(255, 255, 255);
2023
+ overflow: auto;
2024
+ border-radius: 4px;
2025
+ outline: none;
2026
+ padding: 20px;
2027
+ margin-right: -50%;
2028
+ transform: translate(-50%, -50%);
2029
+ align-items: center;
2030
+ max-width: $subpop-wid;
2031
+ }
2032
+
2033
+ .popup_header {
2034
+ position: absolute;
2035
+ inset: 50% auto auto 50%;
2036
+ border: 1px solid rgb(204, 204, 204);
2037
+ background: rgb(255, 255, 255);
2038
+ overflow: auto;
2039
+ border-radius: 4px;
2040
+ outline: none;
2041
+ padding: 20px;
2042
+ margin-right: -50%;
2043
+ transform: translate(-50%, -50%);
2044
+ align-items: center;
2045
+ }
2046
+
2047
+ .rx_record_popup_close {
2048
+ float: right;
2049
+ color: rgba(0, 0, 0, .5);
2050
+ background-color: #fff;
2051
+ border: 0;
2052
+ cursor: pointer;
2053
+ }
2054
+
2055
+ .rx_record_popup_close:focus {
2056
+ outline: none;
2057
+ }
2058
+
2059
+ .loader {
2060
+ border: 4px solid #f3f3f3;
2061
+ border-radius: 50%;
2062
+ border-top: 4px solid #020202;
2063
+ width: 30px;
2064
+ height: 30px;
2065
+ -webkit-animation: spin 2s linear infinite;
2066
+ animation: spin 1s linear infinite;
2067
+ }
2068
+
2069
+ .m-v4 {
2070
+ margin-left: 4vh;
2071
+ }
2072
+
2073
+ /* Safari */
2074
+ @-webkit-keyframes spin {
2075
+ 0% {
2076
+ -webkit-transform: rotate(0deg);
2077
+ }
2078
+
2079
+ 100% {
2080
+ -webkit-transform: rotate(360deg);
2081
+ }
2082
+ }
2083
+
2084
+ @keyframes spin {
2085
+ 0% {
2086
+ transform: rotate(0deg);
2087
+ }
2088
+
2089
+ 100% {
2090
+ transform: rotate(360deg);
2091
+ }
2092
+ }
2093
+
2094
+ .heighlight {
2095
+ background-color: #738193;
2096
+ color: white !important;
2097
+ }
2098
+
2099
+ .disabled {
2100
+ pointer-events: none;
2101
+ opacity: 0.5;
2102
+ }
2103
+
2104
+ .disabled-style {
2105
+ /*color: rgba(0, 0, 0, 0.44) !important;*/
2106
+ opacity: 0.7 !important;
2107
+ pointer-events: none !important;
2108
+ }
2109
+
2110
+ .custom-radio-button.mdl-radio__button {
2111
+ width: 20px;
2112
+ height: 15px;
2113
+ margin: 0;
2114
+ }
2115
+
2116
+ .span_icon {
2117
+ .material-icons {
2118
+ font-size: inherit;
2119
+ font-weight: 900;
2120
+ }
2121
+ }
2122
+
2123
+ .rx-search-icon {
2124
+ position: absolute;
2125
+ top: 13px;
2126
+ left: 13px;
2127
+ font-size: 22px;
2128
+ }
2129
+
2130
+ .noDataPrescribe {
2131
+ margin-left: 24px;
2132
+ font-family: $secondaryphysicianfontfamily;
2133
+ color: $secondaryguesttextcolor;
2134
+ font-size: 14px;
2135
+ }
2136
+
2137
+ @media only screen and (max-width: 767px) {
2138
+ .noDataPrescribe {
2139
+ width: 100%;
2140
+ padding: 2vh;
2141
+ margin-left: 10px !important;
2142
+ }
2143
+ }
2144
+
2145
+ .rx_record_popup_close {
2146
+ float: right;
2147
+ color: rgba(0, 0, 0, .5);
2148
+ background-color: #fff;
2149
+ border: 0;
2150
+ cursor: pointer;
2151
+ }
2152
+
2153
+
2154
+ .rx_record_popup_close:focus {
2155
+ outline: none;
2156
+ }
2157
+
2158
+ .__react_component_tooltip {
2159
+ background-color: #333;
2160
+ color: #fff;
2161
+ border-radius: 4px;
2162
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
2163
+ display: inline-block;
2164
+ border-bottom: 1px dotted black;
2165
+ visibility: visible;
2166
+ color: #fff;
2167
+ /*padding: 8px 21px;*/
2168
+ position: fixed;
2169
+ opacity: 0.9;
2170
+ width: 500px;
2171
+ }
2172
+
2173
+
2174
+ .__react_component_tooltip::before {
2175
+ content: "";
2176
+ position: absolute;
2177
+ top: 50%;
2178
+ left: 100%;
2179
+ margin-top: -5px;
2180
+ border-width: 5px;
2181
+ border-color: transparent transparent transparent black;
2182
+ }
2183
+
2184
+
2185
+
2186
+ .__react_component_tooltip.type-dark.place-left:after {
2187
+ border-left-color: #222;
2188
+ border-left-style: solid;
2189
+ border-left-width: 7px;
2190
+ }
2191
+
2192
+ .__react_component_tooltip.place-left:after {
2193
+ border-top: 5px solid transparent;
2194
+ border-bottom: 5px solid transparent;
2195
+ right: -6px;
2196
+ top: 50%;
2197
+ margin-top: -4px;
2198
+ }
2199
+
2200
+ .__react_component_tooltip:before,
2201
+ .__react_component_tooltip:after {
2202
+ content: "";
2203
+ width: 0;
2204
+ height: 0;
2205
+ position: absolute;
2206
+ }
2207
+
2208
+ .new_rx_popup_label_p {
2209
+ font-size: 13px;
2210
+ line-height: 1.2;
2211
+ margin: 0px !important;
2212
+ padding-bottom: 5px;
2213
+ font-family: $secondaryphysicianfontfamily !important;
2214
+ color: $secondaryguesttextcolor;
2215
+ }
2216
+
2217
+ .include_brand_tooltip {
2218
+ font-size: 14px;
2219
+ font-weight: 400;
2220
+ }
2221
+
2222
+ .popup_referal_pathology {
2223
+ margin: auto;
2224
+ /*padding: 20px;*/
2225
+ border-radius: 5px;
2226
+ max-width: 700px;
2227
+ position: fixed;
2228
+ inset: 0;
2229
+ top: 15%;
2230
+ overflow: auto !important;
2231
+ }
2232
+
2233
+ @media screen and (max-width:767px) {
2234
+ .popup_referal_pathology {
2235
+ width: 90%;
2236
+ }
2237
+ }
2238
+
2239
+ .new_rx_popup_tab_input_password::placeholder {
2240
+ opacity: .5;
2241
+ }
2242
+
2243
+ .e_prescription_box hr {
2244
+ display: block;
2245
+ height: 1px;
2246
+ border: 0;
2247
+ margin: 1em 0;
2248
+ padding: 0;
2249
+ clear: both;
2250
+ float: none;
2251
+ margin: 10px 0;
2252
+ border-top: 1px solid #e4e4e4;
2253
+ opacity: unset !important;
2254
+ }
2255
+
2256
+ .e_prescription_popup_inner_box {
2257
+ width: var(--eprescription_popup_width);
2258
+ }
2259
+
2260
+ @media only screen and (max-width: 767px) {
2261
+ .include_brand_box_popup {
2262
+ margin-top: 10%;
2263
+ width: 80% !important;
2264
+ margin-bottom: 10%;
2265
+ }
2266
+
2267
+ .rx_popup_margin_mobile_top {
2268
+ margin-top: 6px;
2269
+ }
2270
+
2271
+ .e_prescription_popup_inner_box {
2272
+ max-width: var(--eprescription_popup_width);
2273
+ width: 90%;
2274
+ }
2275
+
2276
+ .mdl-cell {
2277
+ width: 100% !important;
2278
+ }
2279
+ }
2280
+
2281
+ .lemi-tooltip {
2282
+ background-color: #333;
2283
+ color: #fff;
2284
+ border-radius: 4px;
2285
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
2286
+ display: inline-block;
2287
+ border-bottom: 1px dotted black;
2288
+ visibility: visible;
2289
+ color: #fff;
2290
+ position: fixed !important;
2291
+ opacity: 0.9;
2292
+ z-index: 9999999 !important;
2293
+ padding: 10px;
2294
+ height: auto;
2295
+ }
2296
+
2297
+ .new_rx_popup {
2298
+ width: 100%;
2299
+ height: 100%;
2300
+ margin-bottom: 20px;
2301
+ margin-top: 20px;
2302
+ }
2303
+
2304
+ .new_rx_no_authority {
2305
+ display: flex;
2306
+ }
2307
+
2308
+ .authority_item_text {
2309
+ font-weight: 400;
2310
+ font-size: 14px;
2311
+ font-family: $secondaryphysicianfontfamily !important;
2312
+ line-height: 1.5rem;
2313
+ color: $secondaryphysiciantextcolor !important;
2314
+ margin: 0px;
2315
+ margin-top: 8px;
2316
+ margin-bottom: 8px;
2317
+ }
2318
+
2319
+ .rx_popup_footer_text {
2320
+ background: #fff;
2321
+ padding: 8px;
2322
+ border-radius: 5px;
2323
+ color: #5a5a5a;
2324
+ font-family: 'Roboto Light';
2325
+ }
2326
+
2327
+ .rx_popup_footer_text a {
2328
+ color: $primaryphysicianbtncolor !important;
2329
+ font-weight: 500;
2330
+ text-decoration: underline;
2331
+ }
2332
+
2333
+ /*pathology header*/
2334
+ .pathology_header {
2335
+ width: 98%;
2336
+ padding: 10px;
2337
+ /*margin-left: auto;
2338
+ margin-right: auto;*/
2339
+ display: flex;
2340
+ justify-content: space-between;
2341
+ align-items: center;
2342
+ }
2343
+
2344
+ .RX_splash {
2345
+ position: fixed !important;
2346
+ /*width: 100%;*/
2347
+ /*height: 100%;*/
2348
+ z-index: 99999999 !important;
2349
+ display: flex;
2350
+ align-items: center;
2351
+ justify-content: center;
2352
+ background: rgba(0, 0, 0, 0.66) no-repeat 0 0;
2353
+ visibility: hidden;
2354
+ inset: 0;
2355
+ transition: opacity 1s ease-in-out;
2356
+ }
2357
+
2358
+ .Rx_spinner {
2359
+ /*-webkit-animation: spin 1s infinite linear;
2360
+ animation: spin 1s infinite linear;*/
2361
+ background: transparent;
2362
+ /* border: 5px solid orange;
2363
+ border-radius: 100%;
2364
+ border-top-color: transparent;
2365
+ width: 20px;
2366
+ height: 20px;*/
2367
+ color: white;
2368
+ opacity: .6;
2369
+ padding: 0;
2370
+ z-index: 10000;
2371
+ text-align: center;
2372
+ font-family: 'Roboto Regular';
2373
+ }
2374
+
2375
+ .spinner-img {
2376
+ width: 9vh;
2377
+ height: 9vh;
2378
+ }
2379
+
2380
+ .Rx_splash_align {
2381
+ text-align: center;
2382
+ display: flex;
2383
+ flex-direction: column;
2384
+ align-content: center;
2385
+ align-items: center;
2386
+ }
2387
+
2388
+ .mt-15p {
2389
+ margin-top: 15px
2390
+ }
2391
+
2392
+ .innerpopupspin {
2393
+ text-align: center;
2394
+ position: relative;
2395
+ top: 50%;
2396
+ transform: translate(0, -50%);
2397
+ }
2398
+
2399
+ .rx_radio_overall {
2400
+ display: flex;
2401
+ flex-direction: row;
2402
+ }
2403
+
2404
+ .rx_radio_label {
2405
+ display: flex;
2406
+ align-items: center;
2407
+ flex-direction: row;
2408
+ }
2409
+
2410
+ .alert_pop {
2411
+ overflow: auto;
2412
+ outline: none;
2413
+ padding: 10px;
2414
+ width: 380px;
2415
+ z-index: 9999999;
2416
+ display: flex !important;
2417
+ flex-direction: row;
2418
+ align-items: stretch;
2419
+ }
2420
+
2421
+ .icon_cls {
2422
+ width: 30px;
2423
+ margin-top: auto;
2424
+ margin-bottom: auto;
2425
+ margin-right: 8px;
2426
+ }
2427
+
2428
+ .Rx-toast {
2429
+ font-family: 'Roboto Medium';
2430
+ background: rgb(255, 255, 255);
2431
+ max-width: 100%;
2432
+ font-size: .875rem;
2433
+ pointer-events: auto;
2434
+ background-clip: padding-box;
2435
+ box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
2436
+ border-radius: .375rem;
2437
+ color: var($primaryphysiciantextcolor);
2438
+ animation: show_toast 0.3s ease forwards;
2439
+ }
2440
+
2441
+ .rx-toast-hide {
2442
+ animation: close_toast 0.3s ease-in-out forwards;
2443
+ }
2444
+
2445
+ .RX_toast_suc_color {
2446
+ border-bottom: 5px solid #008000a1 !important;
2447
+ }
2448
+
2449
+ .RX_toast_war_color {
2450
+ border-bottom: 5px solid #E4A11D !important;
2451
+ }
2452
+
2453
+ .RX_toast_err_color {
2454
+ border-bottom: 5px solid #ff0000bf !important;
2455
+ }
2456
+
2457
+
2458
+ .success_msg {
2459
+ border-radius: 30px !important;
2460
+ background: #008000a1 !important;
2461
+ }
2462
+
2463
+ .rx-toast-body {
2464
+ word-wrap: break-word;
2465
+ padding-top: 10px !important;
2466
+ padding-bottom: 10px !important;
2467
+ width: 291px !important;
2468
+ font-family: 'Roboto Regular';
2469
+ }
2470
+
2471
+ .notifications {
2472
+ position: fixed;
2473
+ top: 10px;
2474
+ right: 20px;
2475
+ z-index: 999999999 !important;
2476
+ pointer-events: none !important;
2477
+ }
2478
+
2479
+ @keyframes show_toast {
2480
+ 0% {
2481
+ transform: translateX(100%);
2482
+ }
2483
+
2484
+ 40% {
2485
+ transform: translateX(-5%);
2486
+ }
2487
+
2488
+ 80% {
2489
+ transform: translateX(0%);
2490
+ }
2491
+
2492
+ 100% {
2493
+ transform: translateX(-10px);
2494
+ }
2495
+ }
2496
+
2497
+ @keyframes close_toast {
2498
+ from {
2499
+ opacity: 1;
2500
+ transform: translatex(0);
2501
+ }
2502
+
2503
+ to {
2504
+ opacity: 0;
2505
+ transform: translatex(20px);
2506
+ }
2507
+ }
2508
+
2509
+ @media only screen and (max-width: 1023px) {
2510
+ .new_rx_popup_mims .ReactModal__Content {
2511
+ width: 90% !important;
2512
+ }
2513
+
2514
+ .new_rx_desktop_title {
2515
+ display: none;
2516
+ }
2517
+
2518
+ .new_rx_mobile_title {
2519
+ display: block;
2520
+ }
2521
+ }
2522
+
2523
+ input {
2524
+ font-size: 16px !important;
2525
+ line-height: normal !important;
2526
+ }
2527
+
2528
+ .loader_visible {
2529
+ opacity: 1;
2530
+ visibility: visible !important;
2531
+ }
2532
+
2533
+ .loader_hidden {
2534
+ opacity: 0;
2535
+ visibility: hidden !important;
2536
+ }
2537
+
2538
+ .m-t-36 {
2539
+ margin-top: 36px !important;
2540
+ }
2541
+
2542
+ .rx_footer_brand {
2543
+ justify-content: space-between;
2544
+ display: flex;
2545
+ font-size: 16px !important;
2546
+ font-family: 'Roboto Light';
2547
+ }
2548
+
2549
+ .ml-10 {
2550
+ margin-left: 10px !important;
2551
+ }
2552
+
2553
+ .abortbutton {
2554
+ background-color: white !important;
2555
+ color: $primaryphysicianbtncolor !important;
2556
+ height: auto !important;
2557
+ font-size: 14px;
2558
+ font-weight: 500;
2559
+ font-family: "Roboto Medium" !important;
2560
+ text-transform: none !important;
2561
+ border-radius: 2px !important;
2562
+ box-shadow: none !important;
2563
+ cursor: pointer;
2564
+ border: 1.5px solid $primaryphysicianbtncolor;
2565
+ margin-left: 10px;
2566
+ padding: 10px 20px !important;
2567
+ }
2568
+
2569
+ .abortbutton:hover {
2570
+ background-color: $primaryphysicianbtncolor !important;
2571
+ color: rgb(255, 255, 255) !important;
2572
+ }
2573
+
2574
+ .rx_loader {
2575
+ width: 37px;
2576
+ display: block;
2577
+ height: 16px;
2578
+ margin-top: -14px;
2579
+ }
2580
+
2581
+ .rx_btn_spin {
2582
+ width: 20px !important;
2583
+ height: 20px !important;
2584
+ margin-left: 6px !important;
2585
+ margin-top: 15px;
2586
+ }
2587
+
2588
+ .rx_staging {
2589
+ color: $primaryphysicianbtncolor;
2590
+ }
2591
+
2592
+ .ml-load-45 {
2593
+ margin-left: 45% !important;
2594
+ }
2595
+
2596
+ .icon-done {
2597
+ font-size: 15px !important;
2598
+ font-weight: bold !important;
2599
+ }
2600
+
2601
+ .instruction_field_clr {
2602
+ border: 1px solid #b5b5b5 !important;
2603
+ }
2604
+
2605
+ .instruction_field_clr::-webkit-input-placeholder {
2606
+ opacity: .5 !important;
2607
+ }
2608
+
2609
+ input:disabled {
2610
+ cursor: default !important;
2611
+ pointer-events: none !important;
2612
+ opacity: 0.7 !important;
2613
+ }
2614
+
2615
+ .p-12 {
2616
+ padding: 12px !important;
2617
+ }
2618
+
2619
+ .h-93p {
2620
+ height: 104px !important;
2621
+ max-height: 104px !important;
2622
+ }
2623
+
2624
+ .h-160p {
2625
+ height: 160px !important;
2626
+ }
2627
+
2628
+ .input_textfield::-webkit-input-placeholder {
2629
+ opacity: 0.5;
2630
+ }
2631
+
2632
+ .rx-m-w-535p {
2633
+ max-width: 535px !important;
2634
+ }
2635
+
2636
+ .rx-m-w-100 {
2637
+ max-width: 100% !important;
2638
+ }
2639
+
2640
+ .rx-instruction-btn {
2641
+ border: 1px solid black;
2642
+ border-radius: 4px;
2643
+ }
2644
+
2645
+ .font_f {
2646
+ font-family: "Roboto Regular" !important;
2647
+ }
2648
+
2649
+
2650
+
2651
+
2652
+
2653
+