@james_jayaraj/test-npm 1.2.1 → 1.2.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.
@@ -1,2653 +0,0 @@
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
-