@james_jayaraj/test-npm 1.2.3 → 1.2.5

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.
@@ -0,0 +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
+