@rangertechnologies/ngnxt 2.1.87 → 2.1.89

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,1819 @@
1
+ @import "~@ng-select/ng-select/themes/default.theme.css";
2
+ @import "@danielmoncada/angular-datetime-picker/assets/style/picker.min.css";
3
+ @import '~quill/dist/quill.bubble.css';
4
+ /* @import '~font-awesome/css/font-awesome.css'; */
5
+ /*General Nxt App stylings */
6
+ .rusty{
7
+ width: 235px;
8
+ background-color: #cd2810;
9
+ color: #fff;
10
+ text-align: center;
11
+ font-size: 24px;
12
+ height: 60px;
13
+ margin-left: 0%;
14
+ margin-top: 11%;
15
+ cursor: pointer;
16
+ }
17
+
18
+ .edit{
19
+ background-color: #dedddd;
20
+ border: none;
21
+ color: #c5281c;
22
+ text-decoration: underline;
23
+ margin-bottom: 1%;
24
+ margin-left: 50%;
25
+ /* padding-left: 4% ; */
26
+ font-size: 16px;
27
+ cursor: pointer;
28
+ font-weight: bold;
29
+ }
30
+
31
+ .icon-edit{
32
+ width: 15px;
33
+ height: 18px;
34
+ margin: 0px 6px 1px -2%;
35
+ margin-left: -13%;
36
+ }
37
+
38
+ .icon-edit1{
39
+ width: 29px;
40
+ height: 28px;
41
+ }
42
+
43
+ .icon-edit-summary{
44
+ width: 29px;
45
+ height: 28px;
46
+ }
47
+
48
+ .questiondiv1{
49
+ padding-left: 25px;
50
+ padding-right: 25px;
51
+ }
52
+
53
+ .questiondiv2{
54
+ padding-top: 0px;
55
+ padding-bottom: 20px ;
56
+ padding-left: 11px;
57
+ }
58
+
59
+
60
+
61
+ @media screen and (min-width: 689px) {
62
+ #progress{
63
+ padding-left: 12px;
64
+ }
65
+ #progress-summary{
66
+ padding-left: 12px;
67
+ }
68
+ .backicon{
69
+ display: none;
70
+ }
71
+ .dt-time{
72
+ background-position: 98% !important;
73
+ }
74
+
75
+ }
76
+
77
+
78
+ .bgColor{
79
+ text-align: center;
80
+ background-color: #dedddd;
81
+ }
82
+
83
+ .questionalign{
84
+ text-align: center ;
85
+ padding-right: 4% ;
86
+ margin-bottom: 4px;
87
+ margin-top: 2rem;
88
+ color: #560d05;
89
+ }
90
+
91
+ .largeTitle{
92
+ padding-left: 16px;
93
+ padding-top: 12px;
94
+ }
95
+
96
+ .question-f-size{
97
+ font-size: 0.7rem ;
98
+ }
99
+
100
+ .non{
101
+ background-color: #dedddd;
102
+ }
103
+
104
+ /* #progress2{
105
+ display: block;
106
+ margin-top: -26px;
107
+ margin-bottom: 6px;
108
+ width: 96%;
109
+ margin-left: 18px;
110
+ background-color: #dedddd;
111
+ } */
112
+
113
+ .circle{
114
+ margin-left: 25px;
115
+ }
116
+
117
+ .titlebar{
118
+ padding-left: 10%;
119
+ padding-top: 1%;
120
+ padding-right: 10%;
121
+ }
122
+ .infodiv{
123
+ padding-left: 2rem ;
124
+ overflow: hidden ;
125
+ }
126
+
127
+ .info-alert{
128
+ border: 1px solid #e6e6e6;
129
+ border-radius: 5px ;
130
+ padding: 0.5em ;
131
+ margin-left: 15px ;
132
+ margin-right: 15px ;
133
+ margin-bottom: 1rem ;
134
+ display: flex ;
135
+ }
136
+
137
+ .addtional-info{
138
+ margin-left: -33px;
139
+ margin-top: -21px;
140
+ font-size: 16px;
141
+ font-weight: normal;
142
+ font-stretch: normal;
143
+ font-style: normal;
144
+ color: #6f7072;
145
+ font-family: Helvetica;
146
+ }
147
+
148
+ .ques-alert1{
149
+ margin-bottom: 1rem ;
150
+ display: flex ;
151
+ }
152
+
153
+ .iposition{
154
+ margin-left: 3rem ;
155
+ }
156
+
157
+ .col-md-1,
158
+ .col-md-10,
159
+ .col-md-11,
160
+ .col-md-12,
161
+ .col-md-2,
162
+ .col-md-3,
163
+ .col-md-4,
164
+ .col-md-5,
165
+ .col-md-6,
166
+ .col-md-7,
167
+ .col-md-8,
168
+ .col-md-9{
169
+ position: relative ;
170
+ padding: 20px ;
171
+ float: center ;
172
+ width: 100%;
173
+ }
174
+ .col-md-12{
175
+ padding: 0px !important ;
176
+ }
177
+
178
+
179
+ .cond-div2{
180
+ color: red ;
181
+ font-weight: bold ;
182
+ padding-bottom: 3%;
183
+ }
184
+
185
+ .radiotext{
186
+ margin-top: -30px;
187
+ }
188
+
189
+ .radiocontainer{
190
+ display: flex;
191
+ flex-direction: row-reverse;
192
+ border: 1px solid none ;
193
+ border-radius: .3em;
194
+ padding: 0 ;
195
+ /* margin-left: 31px; */
196
+ align-items: center;
197
+ text-align: center;
198
+ cursor: pointer;
199
+ font-family: Rubik,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
200
+ color: #a3a2a2;
201
+ }
202
+
203
+ .radioOption{
204
+ display: flex;
205
+ align-content: flex-start;
206
+ margin-top: -16px;
207
+ width: 6%;
208
+ }
209
+ /* HA 20FEB24 Removed checkmark styling from this as it is not used anywhere except input component and the input component is used nowhere */
210
+ .myt-time{
211
+ width: fit-content !important;
212
+ background-image: none;
213
+ background: #dedddd;
214
+ margin: 0px;
215
+ padding: 0px;
216
+ border: none;
217
+ font-size: 15px;
218
+ letter-spacing: 1px;
219
+ }
220
+
221
+ .showminute{
222
+ padding-left: 5px;
223
+ margin-top: 0%;
224
+ }
225
+
226
+ .myt-time1{
227
+ margin-top: -32px ;
228
+ margin-left: -15px ;
229
+ }
230
+
231
+ .myt-dateTimeNew{
232
+ margin-left: -14px ;
233
+ }
234
+
235
+ .myt-hour{
236
+ width: fit-content;
237
+ }
238
+
239
+ .date-time{
240
+ padding: 0px ;
241
+ margin: 0px ;
242
+ text-align: left ;
243
+ }
244
+
245
+ .dateandTime{
246
+ border: 1px solid #d2d4d6;
247
+ position: relative ;
248
+ display: flex ;
249
+ border-radius: 2px ;
250
+ background-image: url("https://dynamic-css1.s3.ap-south-1.amazonaws.com/External+css/time.svg") ;
251
+ background-size: 25px ;
252
+ background-repeat: no-repeat ;
253
+ background-position: 99% center ;
254
+ background-color: #fff ;
255
+ height: 37px;
256
+ }
257
+
258
+ .date-line{
259
+ border-bottom: 1px solid #fff;
260
+ }
261
+
262
+ .dt-time{
263
+ width:57%;
264
+ margin-left: 2.3%;
265
+ text-align: left;
266
+ background-image: url("https://rnxt.s3.amazonaws.com/MytIcon/icon-clock%402x.png") !important;
267
+ background-size: 25px !important;
268
+ background-repeat: no-repeat !important;
269
+ background: #dedddd;
270
+ }
271
+
272
+ .date-picker{
273
+ width: 57% ;
274
+ margin-left: 2.5%;
275
+ height: 44px ;
276
+ border-radius: 5px;
277
+ }
278
+
279
+ .datetime:focus{
280
+ border: none ;
281
+ box-shadow: none ;
282
+ }
283
+
284
+ #meridiem{
285
+ margin-top: -2px;
286
+ border: hidden;
287
+ }
288
+
289
+ .dis-flex{
290
+ display: flex ;
291
+ justify-content: center;
292
+ }
293
+
294
+ .textBox{
295
+ width: 100% ;
296
+ height: 36px;
297
+ }
298
+
299
+ .textBox1{
300
+ width: 100% ;
301
+ height: 36px;
302
+ margin-left: -17px ;
303
+ }
304
+
305
+ .option{
306
+ color: #767676 ;
307
+ }
308
+
309
+ .paddingnone{
310
+ /* padding-top: 0% ; */
311
+ padding-bottom: 0% ;
312
+ }
313
+
314
+ .paddingZero{
315
+ padding: 0px ;
316
+ }
317
+
318
+ .summary-h{
319
+ text-align: left ;
320
+ padding-bottom: 15px ;
321
+ }
322
+
323
+ .summary{
324
+ /* display: block ;
325
+ border: 1px solid #e6e6e6 ;
326
+ border-radius: 5px ;
327
+ padding: 0.5em ;
328
+ margin-left: 15px ;
329
+ margin-right: 15px ;
330
+ background-color: #eaeef1 ;
331
+ text-align: left ;
332
+ cursor: pointer ;
333
+ display: list-item ;
334
+ list-style-type: none; */
335
+ display: flex;
336
+ flex-direction: column;
337
+ align-items: center;
338
+ }
339
+
340
+ .asum{
341
+ color: #6f7072 ;
342
+ margin-top: 5%;
343
+ padding-left: 3%;
344
+ }
345
+
346
+ .question{
347
+ padding-left: 5px;
348
+ font-size: 14px;
349
+ color: #007bff;
350
+ }
351
+ .question1{
352
+ margin-left: 14rem;
353
+ background: #dedddd;
354
+ color: #560d05 ;
355
+ font-size: 15px;
356
+ padding-bottom: 20px;
357
+ text-align: left;
358
+ }
359
+
360
+
361
+
362
+ .answer{
363
+ /* max-width: 55%;
364
+ margin-left: auto;
365
+ margin-right: auto;
366
+ color: #a3a2a2;
367
+ margin-top: -3%;
368
+ padding-bottom: 0;
369
+ font-size: 14px;
370
+ font-weight: 400;
371
+ word-wrap: break-word;
372
+ text-align: left;
373
+ background: #dedddd;
374
+ border-bottom: 1px solid #fff; */
375
+ display: flex;
376
+ align-items: baseline;
377
+ padding: 5px;
378
+
379
+ }
380
+
381
+ .answer1{
382
+ max-width: 55%;
383
+ margin-left: auto;
384
+ margin-right: auto;
385
+ color: #a3a2a2;
386
+ margin-top: 0%;
387
+ padding-bottom: 0;
388
+ font-size: 14px;
389
+ font-weight: 400;
390
+ word-wrap: break-word;
391
+ text-align: left;
392
+ background: #dedddd;
393
+ border-bottom: 1px solid #fff;
394
+
395
+ }
396
+
397
+ .myt-font{
398
+ font-size: 20px ;
399
+ }
400
+
401
+ .myt-font1{
402
+ width: 16rem;
403
+ font-size: 14px ;
404
+ font-weight: normal ;
405
+ }
406
+
407
+ .myt-font2{
408
+ font-size: 18px;
409
+ }
410
+
411
+ .myt-font3{
412
+ font-size: 14px ;
413
+ }
414
+
415
+ .myt-font4{
416
+ font-size: 14px;
417
+ }
418
+
419
+ .myt-font5{
420
+ margin-top: -18px;
421
+ font-weight: normal;
422
+ font-size: 14px;
423
+ color: #560d05;
424
+ }
425
+ .myt-font6{
426
+ font-size: 20px ;
427
+ font-weight: bold ;
428
+ color: #c5281c;
429
+ text-align: center;
430
+ }
431
+
432
+ /* .custom-select{
433
+ color: red;
434
+ } */
435
+
436
+
437
+ .myt-font10{
438
+ margin-top: -6px;
439
+ font-weight: normal;
440
+ font-size: 14px;
441
+ color: #560d05;
442
+ margin-top: 10px;
443
+ }
444
+ .myt-font7{
445
+ display: flex;
446
+ justify-content: flex-start;
447
+ padding-left: 20.5%;
448
+ font-weight: 100 ;
449
+ color: #560d05 ;
450
+ }
451
+
452
+ .myt-font8{
453
+ font-weight: normal;
454
+ }
455
+
456
+ .dpDown:focus-visible{
457
+ outline: none;
458
+ }
459
+
460
+ .summaryTitle{
461
+ padding-left: 0%;
462
+ padding-top: 4%;
463
+ }
464
+
465
+ .summary-groupText{
466
+ width: 55%;
467
+ margin: auto;
468
+ text-align: left;
469
+ font-weight: 700 ;
470
+ padding-top: 0%;
471
+ padding-bottom: 0%;
472
+ margin-bottom: -2%;
473
+ background-color: #dedddd;
474
+ color:#c5281c;
475
+ }
476
+ .sum-ques{
477
+ width: 55%;
478
+ margin: auto;
479
+ }
480
+ .sum-ques1{
481
+ width: 59%;
482
+ margin: auto;
483
+ }
484
+
485
+ /*file upload start*/
486
+ .file-upload-btn{
487
+ display: none;
488
+ border-bottom: groove;
489
+ }
490
+ .file-upload-box{
491
+ max-width: 45%;
492
+ margin-left: 29.5%;
493
+ height: auto;
494
+ padding: 16px;
495
+ display: flex;
496
+ border: 2px;
497
+ border-bottom: 1px solid #fff;
498
+ background-color: #dedddd;
499
+ justify-content: space-between;
500
+ color: #d8d8d8;
501
+ }
502
+ .file-label{
503
+ cursor: pointer;
504
+ color: #c5281c;
505
+ text-decoration:underline
506
+ }
507
+ .file-uploading-box{
508
+ /*border-bottom: groove;*/
509
+ font-size: 14px ;
510
+ font-weight: normal ;
511
+ max-width: 45%;
512
+ margin-left: 29.5%;
513
+ height: 56px;
514
+ padding: 16px;
515
+ display: flex;
516
+ border: 2px;
517
+ background-color: #dedddd;
518
+ justify-content: space-between;
519
+ margin-bottom: 0px;
520
+ color: #d8d8d8;
521
+ }
522
+ .uploading-file-name{
523
+ color:#6f7072;
524
+ }
525
+ /*file upload end*/
526
+ .deleteIcon{
527
+ cursor: pointer;
528
+ height: 24px;
529
+ }
530
+ .file-icon{
531
+ max-width: 24px;
532
+ height:26px;
533
+ }
534
+ .picture-upload{
535
+ height: 200px ;
536
+ width: 200px ;
537
+ position: relative ;
538
+ border: 1px solid #ccc ;
539
+ display: flex ;
540
+ padding: 6px 12px ;
541
+ cursor: pointer ;
542
+ background-color: #ffffff ;
543
+ align-items: center ;
544
+ }
545
+
546
+ .colon{
547
+ line-height: 42px ;
548
+ padding: 0 ;
549
+ margin-top: 10%;
550
+ color: #6f7072;
551
+ }
552
+
553
+ .colon1{
554
+ display: contents;
555
+ }
556
+
557
+ .subTitle{
558
+ color: #c5281c;
559
+ font-weight: 600;
560
+ margin-top:-3%;
561
+ }
562
+
563
+ .subTitle1{
564
+ color: #560d05;
565
+ font-size: 14px;
566
+ font-weight: 500;
567
+ }
568
+
569
+ .check-icon{
570
+ color: #87be1c ;
571
+ margin-left: -2rem ;
572
+ z-index: 1 ;
573
+ padding: 5px ;
574
+ margin-top: 0.4rem ;
575
+ }
576
+
577
+ .check-icon2{
578
+ color: #87be1c ;
579
+ margin-left: -4rem ;
580
+ z-index: 1 ;
581
+ margin-top: 0.6rem ;
582
+ line-height: 3;
583
+ }
584
+
585
+ .check-icon3{
586
+ color: #87be1c ;
587
+ margin-left: -4rem ;
588
+ z-index: 1 ;
589
+ margin-top: 3rem ;
590
+ }
591
+
592
+ .align-l{
593
+ text-align: left ;
594
+ padding-left: 2%;
595
+ padding-right: 2%;
596
+ padding-top: 1%;
597
+ padding-bottom: 2%;
598
+ margin-bottom: -5%;
599
+ margin-top: -1%;
600
+ }
601
+
602
+ .attach-ulist{
603
+ list-style-type: none ;
604
+ margin-left: 0 ;
605
+ margin-bottom: 0.7rem ;
606
+ }
607
+
608
+ .attach-list{
609
+ float: right ;
610
+ cursor: pointer ;
611
+ padding: 0px ;
612
+ }
613
+
614
+ .icolor{
615
+ color: #99b5ce ;
616
+ }
617
+
618
+ .picture-upload-child{
619
+ position: absolute ;
620
+ top: 50% ;
621
+ left: 50% ;
622
+ transform: translate(-50%, -50%) ;
623
+ }
624
+ .tspan:nth-child(1){
625
+ font-size: 25px ;
626
+ font-weight: bold ;
627
+ }
628
+
629
+ .tspan:nth-child(2){
630
+ display: none ;
631
+ }
632
+
633
+ .pic-upload{
634
+ position: absolute ;
635
+ top: 15% ;
636
+ left: 85% ;
637
+ transform: translate(-50%, -50%) ;
638
+ }
639
+
640
+ .btn-block + .btn-block{
641
+ margin-top: 0.5rem ;
642
+ }
643
+
644
+ input{
645
+ width: 100% ;
646
+ }
647
+
648
+ .btn-lg,
649
+ .btn-group-lg > .btn{
650
+ padding: 0.5rem 1rem ;
651
+ font-size: 1.25rem ;
652
+ line-height: 1.5 ;
653
+ border-radius: 0.3rem ;
654
+ }
655
+ .btn-lg + .dropdown-toggle-split,
656
+ .btn-group-lg > .btn + .dropdown-toggle-split{
657
+ padding-right: 0.75rem ;
658
+ padding-left: 0.75rem ;
659
+ }
660
+
661
+ .btn-primary:hover{
662
+ color: #fff;
663
+ }
664
+ .btn-primary:focus,
665
+ .btn-primary.focus{
666
+ color: #fff;
667
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) ;
668
+ }
669
+ .btn-primary.disabled,
670
+ .btn-primary:disabled{
671
+ color: #fff ;
672
+ }
673
+ .btn-primary:not(:disabled):not(.disabled):active,
674
+ .btn-primary:not(:disabled):not(.disabled).active,
675
+ .show > .btn-primary.dropdown-toggle{
676
+ color: #fff;
677
+ }
678
+ .btn-primary:not(:disabled):not(.disabled):active:focus,
679
+ .btn-primary:not(:disabled):not(.disabled).active:focus,
680
+ .show > .btn-primary.dropdown-toggle:focus{
681
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) ;
682
+ }
683
+
684
+ .btn-back-color{
685
+ display: block ;
686
+ width: 100% ;
687
+ padding: 0.5rem 1rem ;
688
+ padding-top: 0.5rem ;
689
+ padding-right: 1rem ;
690
+ padding-bottom: 0.5rem ;
691
+ padding-left: 1rem ;
692
+ font-size: 1.25rem ;
693
+ line-height: 1.5 ;
694
+ text-align: center ;
695
+ border-radius: 0.3rem ;
696
+ margin: 0 ;
697
+ }
698
+
699
+ .fa-plus:hover{
700
+ color: #87be1c ;
701
+ }
702
+
703
+ .fa-plus{
704
+ color: #99b5ce ;
705
+ }
706
+
707
+ .btn-primary{
708
+ border-color: #007bff ;
709
+ }
710
+
711
+ .ques-Title{
712
+ text-align: left;
713
+ font-size: 24px;
714
+ }
715
+
716
+ .grey{
717
+ width: 38%;
718
+ height: 56px;
719
+ margin: 0px 0px 0px 0rem;
720
+ padding: 14px 0px 17px;
721
+ background-color: #cd2810;
722
+ color: #fff;
723
+ font-size: 24px;
724
+ }
725
+
726
+ .btn-text{
727
+ width: 330px ;
728
+ font-size: 24px;
729
+ background-color: #cd2810;
730
+ color: #fff;
731
+ height: 60px;
732
+ margin-left: auto;
733
+ margin-top: 0px;
734
+ cursor: pointer;
735
+ border-radius: 40px;
736
+ }
737
+ .btn-text2{
738
+ width: 21rem;
739
+ font-size: 24px;
740
+ background-color: #cd2810;
741
+ border: none;
742
+ color: #fff;
743
+ height: 60px;
744
+ margin-left: 17rem;
745
+ margin-right: 17rem;
746
+ margin-top: 10px;
747
+ cursor: pointer;
748
+ border-radius: 40px;
749
+ }
750
+
751
+ .flexer{
752
+ max-width: 100%;
753
+ width: 100%;
754
+ display: flex;
755
+ justify-content: center;
756
+ }
757
+ .flexer1{
758
+ max-width: 100%;
759
+ width: 100%;
760
+ display: flex;
761
+ justify-content: center;
762
+ margin-top: 32px;
763
+ }
764
+ .btn-r{
765
+ right: 0rem;
766
+ }
767
+
768
+ .down{
769
+ margin-left: 0;
770
+ width: 57%;
771
+ }
772
+
773
+ .down1{
774
+ width: 16rem;
775
+ margin-left: 0rem;
776
+ background-color: #dedddd ;
777
+ }
778
+
779
+ .down2{
780
+ margin-top: 0%;
781
+ padding-left: 11px;
782
+ }
783
+
784
+ .dropbox{
785
+ margin-left: 21.5rem;
786
+ }
787
+
788
+ .myt-dropbox{
789
+ background-image: url(https://rnxt.s3.amazonaws.com/MytIcon/down-red.png) ;
790
+ background-origin: content-box;
791
+ background-position: right -.9rem center;
792
+ background-repeat: no-repeat;
793
+ background-size: 35px 33px;
794
+ padding-right: 1.35rem;
795
+ background-color: #dedddd;
796
+ }
797
+
798
+ .boxoutline{
799
+ outline: transparent;
800
+ background-color: #dedddd;
801
+ }
802
+
803
+ .left-bt{
804
+ width: 238px;
805
+ background-color: #cd2810;
806
+ color: #fff;
807
+ padding: 0;
808
+ text-align: center;
809
+ font-size: 24px;
810
+ cursor: pointer;
811
+ height: 60px;
812
+ margin-top: 125px;
813
+ margin-bottom: 4rem;
814
+ margin-left: -234px;
815
+ }
816
+
817
+ .townArea{
818
+ text-align: left;
819
+ height: 43px;
820
+ padding-left: 15px;
821
+ }
822
+ .townArea:hover{
823
+ background-color: rgba(158, 158, 158, 0.18);
824
+ }
825
+
826
+ .listFlow{
827
+ font-weight: normal ;
828
+ color: #767676 ;
829
+ z-index: 2;
830
+ position: absolute;
831
+ background: #dedddd;
832
+ box-shadow: 0 2px 5px rgb(0 0 0 / 25%);
833
+ }
834
+
835
+ /*Client specific stylings*/
836
+
837
+ .myt-radio input[type='radio']:checked:after{
838
+ background-color: #c5281c;
839
+ }
840
+
841
+ .full-summary{
842
+ margin-top: 4%;
843
+ }
844
+
845
+ /* / Hide the browser's default radio button / */
846
+ .container-radio input{
847
+ display: none;
848
+ position: absolute;
849
+ opacity: 0;
850
+ cursor: pointer;
851
+ }
852
+ /* / radio text / */
853
+ .f-Name{
854
+ color:#6f7072;
855
+ font-size: 14px;
856
+ font-weight: normal;
857
+ word-break: break-word;
858
+ }
859
+
860
+ .summary-top{
861
+ margin-top: 4%;
862
+ }
863
+
864
+ .myt-border-r{
865
+ border-top: none ;
866
+ border-left: none ;
867
+ border-right: none ;
868
+ border-radius: 0 ;
869
+ }
870
+
871
+ .myt-align{
872
+ margin-left: 4%;
873
+ line-height: 2;
874
+ }
875
+
876
+ .myt-align1{
877
+ margin-left: -29px;
878
+ }
879
+
880
+ .myt-align2{
881
+ margin-left: -15px;
882
+ }
883
+
884
+ .myt-align3{
885
+ width: 100% ;
886
+ }
887
+
888
+ .myt-book1{
889
+ margin-top: -20px ;
890
+ }
891
+
892
+ .colorf{
893
+ color: #555 ;
894
+ }
895
+ /*newly added*/
896
+ .bookText{
897
+ width:57%;
898
+ margin-left:21.5%;
899
+ background-color: #dedddd;
900
+ }
901
+
902
+ .book{
903
+ width:32.6%;
904
+ margin-left: 34%;
905
+ background-color: #dedddd;
906
+ }
907
+
908
+ .summary-completed{
909
+ padding-left: 2%;
910
+ margin-top: 20px;
911
+ }
912
+
913
+ .town{
914
+ /* margin:auto;
915
+ width: 57%; */
916
+ margin: 0;
917
+ background-color: #dedddd;
918
+ }
919
+ .town-drop{
920
+ margin:auto;
921
+ width: 57%;
922
+ }
923
+
924
+ /* my changes */
925
+ /* ng-select */
926
+
927
+ .ng-select.ng-select-single .ng-select-container{
928
+ height: 36px;
929
+ border: none;
930
+ border-bottom: 1px solid #eee;
931
+ border-radius: 0;
932
+ }
933
+ .ng-select-focused{
934
+ border:none !important;
935
+ }
936
+ .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{
937
+ background:#48B7FF !important;
938
+ color:#fff !important;
939
+ }
940
+ select{
941
+ border-radius:0 ;
942
+ /* AP 03JAN25 - remove !important */
943
+ }
944
+ .ng-select .ng-select-container{
945
+ border:none!important;
946
+ border-bottom:1px solid #eee!important;
947
+ }
948
+
949
+
950
+ .questiondiv2{
951
+ padding-left: 0 !important;
952
+ padding-bottom: 0 !important;
953
+ }
954
+
955
+ .form-group.content-box {
956
+ background: #ffffff;
957
+ padding-bottom: 40px;
958
+ /* border: 1px solid #e8e8e8; */
959
+ border-bottom-left-radius: 5px;
960
+ border-bottom-right-radius: 5px;
961
+ }
962
+
963
+ .header-style {
964
+ padding: 15px !important;
965
+ background: #F8F8F8;
966
+ color: #898989 !important;
967
+ border: 1px solid #e8e8e8;
968
+ border-top-left-radius: 5px;
969
+ border-top-right-radius: 5px;
970
+ margin-left: 0 !important;
971
+ justify-content: left !important;
972
+ font-size: 15px !important;
973
+ }
974
+ .shengel-myt-font3{
975
+ padding-bottom: 5px;
976
+ padding-top: 5px;
977
+ padding-right: 15px;
978
+ padding-left: 2px !important;
979
+ color: #9a9a9a !important;
980
+ font-size: 14px !important;
981
+ font-weight: 400 !important;
982
+ }
983
+ .input-shengel {
984
+ border: none;
985
+ outline: none;
986
+ }
987
+ /* .input-shengel:focus {
988
+ border-bottom: 1px solid #007bff;
989
+ } */
990
+ .input-shengel:focus {
991
+ border-bottom: 1px solid #eeeeee;
992
+ }
993
+
994
+ .shengel-custom-select{
995
+ border: none;
996
+ background: #fff;
997
+ /* border-bottom: 1px solid #eeeeee !important; */
998
+ border-radius: 0;
999
+ box-shadow: none;
1000
+ height: 38px;
1001
+ outline: none;
1002
+ color:black;
1003
+ font-size: 14px;
1004
+ font-weight: 400;
1005
+ }
1006
+
1007
+ .form-control {
1008
+ -moz-border-radius: 2px;
1009
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1010
+ -webkit-border-radius: 2px;
1011
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1012
+ background-color: #fafafa;
1013
+ border-radius: 2px;
1014
+ border: 1px solid #eeeeee;
1015
+ box-shadow: none;
1016
+ height: 38px;
1017
+ color: rgba(0, 0, 0, 0.6);
1018
+ font-size: 14px;
1019
+ }
1020
+ .form-control:focus {
1021
+ background: #ffffff;
1022
+ box-shadow: none;
1023
+ }
1024
+
1025
+ .she-line-input{
1026
+ border: none;
1027
+ background: #fff;
1028
+ border-bottom: 1px solid #eeeeee;
1029
+ border-radius: 0;
1030
+ }
1031
+
1032
+ .table-input{
1033
+ height: 32px;
1034
+ background: transparent;
1035
+ border: none !important;
1036
+ outline: none;
1037
+ }
1038
+
1039
+ .error-msg {
1040
+ color: #EC2E2E;
1041
+ background-color: white;
1042
+ border: none !important;
1043
+ font-family: Rubik;
1044
+ font-size: 12px;
1045
+ }
1046
+
1047
+ .align-submit-row {
1048
+ display: flex;
1049
+ }
1050
+ .align-submit-row button{
1051
+ background: #48B7FF;
1052
+ color: #ffffff;
1053
+ border: none;
1054
+ border-radius: 5px;
1055
+ height: 50px;
1056
+ width: 150px;
1057
+ }
1058
+ google-map .map-container {
1059
+ width: auto !important;
1060
+ }
1061
+
1062
+ /* my changes */
1063
+
1064
+
1065
+ /* Media screen starts*/
1066
+
1067
+ @media (max-width: 1090px){
1068
+ .icon-edit{
1069
+ margin: 0 6px -3px -13% !important;
1070
+ }
1071
+ }
1072
+
1073
+ @media (max-width: 768px){
1074
+ .col-md-1,
1075
+ .col-md-10,
1076
+ .col-md-11,
1077
+ .col-md-12,
1078
+ .col-md-2,
1079
+ .col-md-3,
1080
+ .col-md-4,
1081
+ .col-md-5,
1082
+ .col-md-6,
1083
+ .col-md-7,
1084
+ .col-md-8,
1085
+ .col-md-9{
1086
+ float: center ;
1087
+ }
1088
+ .col-md-12{
1089
+ width: 100% ;
1090
+ }
1091
+ .col-md-11{
1092
+ width: 91.66666667% ;
1093
+ }
1094
+ .col-md-10{
1095
+ width: 83.33333333% ;
1096
+ }
1097
+ .col-md-9{
1098
+ width: 75% ;
1099
+ }
1100
+ .col-md-8{
1101
+ width: 66.66666667% ;
1102
+ }
1103
+ .col-md-7{
1104
+ width: 58.33333333% ;
1105
+ }
1106
+ .col-md-6{
1107
+ width: 50%;
1108
+ }
1109
+ .col-md-5{
1110
+ width: 41.66666667% ;
1111
+ }
1112
+ .col-md-4{
1113
+ width: 33.33333333% ;
1114
+ }
1115
+ .col-md-3{
1116
+ width: 25% ;
1117
+ }
1118
+ .col-md-2{
1119
+ width: 16.66666667% ;
1120
+ }
1121
+ .col-md-1{
1122
+ width: 8.33333333% ;
1123
+ }
1124
+ }
1125
+
1126
+ @media (max-width: 768px){
1127
+ .radioOption{
1128
+ width: 8%;
1129
+ }
1130
+ .grey{
1131
+ width: 78%;
1132
+ margin-left: 17.5rem;
1133
+ height: 68px !important;
1134
+ font-size: 20px !important;
1135
+ font-weight: bold !important;
1136
+ }
1137
+ .answer{
1138
+ margin-top: -4% !important;
1139
+ }
1140
+
1141
+ }
1142
+
1143
+ @media screen and (max-width: 672px) {
1144
+ .header1{
1145
+ font-size: 23px !important;
1146
+ }
1147
+ .summarypadd{
1148
+ padding-top: 50px !important;
1149
+ }
1150
+
1151
+ .answer{
1152
+ margin-top: -5% !important;
1153
+ }
1154
+
1155
+ .icon-edit{
1156
+ margin: 0 6px 0px -13% !important;
1157
+ }
1158
+
1159
+ .subTitle1{
1160
+ width: 95% !important;
1161
+ }
1162
+ .additional{
1163
+
1164
+ /*margin-left: -25%;*/
1165
+ margin-left: 6% !important;
1166
+ padding: 0 !important;
1167
+
1168
+ }
1169
+
1170
+ .container1{
1171
+ margin-left: -35%;
1172
+ }
1173
+ .town-drop{
1174
+ margin:auto;
1175
+ width: 100% !important;
1176
+ }
1177
+ .dis-flex{
1178
+ display: flex;
1179
+ justify-content: left;
1180
+ }
1181
+ .check{
1182
+ display: inherit;
1183
+ width: max-content;
1184
+ margin-left: 6%;
1185
+ }
1186
+ .rusty{
1187
+ width: 28rem;
1188
+ margin-left: 0rem;
1189
+ height: 68px !important;
1190
+ font-size: 20px !important;
1191
+ font-weight: bold !important;
1192
+ margin-bottom: 37px;
1193
+ }
1194
+
1195
+ .left-bt{
1196
+ width: 28rem;
1197
+ margin-left: -28rem;
1198
+ height: 68px !important;
1199
+ font-size: 20px !important;
1200
+ font-weight: bold !important;
1201
+ }
1202
+
1203
+ .questionalign{
1204
+ text-align: center;
1205
+ }
1206
+
1207
+ .questionalign{
1208
+ margin-top: 1rem !important;
1209
+ }
1210
+
1211
+ .largeTitle{
1212
+ padding-left: 0px !important;
1213
+ }
1214
+
1215
+ .myt-align{
1216
+ margin-left: 0% !important;
1217
+
1218
+ }
1219
+
1220
+ .myt-text1{
1221
+ margin-top: -22px;
1222
+ }
1223
+
1224
+ .myt-text2{
1225
+ margin-top: -20px;
1226
+ }
1227
+
1228
+ .myt-text3{
1229
+ margin-bottom: 21px;
1230
+ }
1231
+
1232
+ .date-picker{
1233
+ width: 100%;
1234
+ }
1235
+ .dt-time{
1236
+ width: 100%;
1237
+ }
1238
+ /* .myt-time{
1239
+ width: 8%;
1240
+ } */
1241
+ .showminute{
1242
+ margin-top: -0.5%;
1243
+ }
1244
+ .radioOption{
1245
+ width: auto;
1246
+ margin-top: 0;
1247
+ margin-left: 7%;
1248
+ margin-right: -3%;
1249
+ }
1250
+
1251
+ /* .myt-font7{
1252
+ padding-left: 0rem;
1253
+ margin-left: -1.5%;
1254
+ } */
1255
+ .down{
1256
+ width: 100%;
1257
+ margin-left: 0rem;
1258
+
1259
+ }
1260
+ .bookText{
1261
+ width: 100%;
1262
+ margin-left: 0rem;
1263
+ }
1264
+ .book{
1265
+ width: 100%;
1266
+ margin-left: 0rem;
1267
+ }
1268
+ .town{
1269
+ margin-left: 0rem;
1270
+ width: 100%;
1271
+ }
1272
+
1273
+ .file-upload-box{
1274
+ max-width: 85%;
1275
+ margin-left: 20px;
1276
+ }
1277
+ .file-uploading-box{
1278
+ max-width: 85%;
1279
+ margin-left: 20px;
1280
+ }
1281
+ /* .subTitle{
1282
+ margin-left: 8rem;
1283
+ }
1284
+ .subTitle1{
1285
+ margin-left: 70px;
1286
+ }
1287
+ .summary-groupText{
1288
+ margin-left: 0rem;
1289
+ }*/
1290
+ .question{
1291
+ margin-left: 0rem;
1292
+ }
1293
+ /*.answer{
1294
+ margin-left: 0rem;
1295
+ }*/
1296
+
1297
+ .btn-text2{
1298
+ width: 28rem;
1299
+ margin-right: 0rem;
1300
+ margin-left: 0;
1301
+ height: 68px !important;
1302
+ font-size: 20px !important;
1303
+ font-weight: bold !important;
1304
+
1305
+ }
1306
+ .grey{
1307
+ width: 28rem;
1308
+ margin: 0 0 0 0;
1309
+ height: 68px !important;
1310
+ font-size: 20px !important;
1311
+ font-weight: bold !important;
1312
+ margin-top: -21px;
1313
+ }
1314
+ }
1315
+ @media screen and (max-width: 580px) {
1316
+
1317
+ .rusty{
1318
+ width: 27rem;
1319
+ height: 68px !important;
1320
+ font-size: 20px !important;
1321
+ font-weight: bold !important;
1322
+ }
1323
+ .left-bt{
1324
+ width: 27rem;
1325
+ margin-left: -27rem;
1326
+ height: 68px !important;
1327
+ font-size: 20px !important;
1328
+ font-weight: bold !important;
1329
+ }
1330
+ .container1{
1331
+ margin-left: -24%;
1332
+ }
1333
+
1334
+ .showminute{
1335
+ margin-top: 0.5%;
1336
+ }
1337
+ .bookText{
1338
+ width: 100%;
1339
+ margin-left: 0rem;
1340
+ }
1341
+ .book{
1342
+ width: 100%;
1343
+ margin-left: 0rem;
1344
+ }
1345
+ /*.subTitle{
1346
+ margin-left: 6rem;
1347
+ }*/
1348
+ .btn-text2{
1349
+ width: 27rem;
1350
+ margin-right: 0rem;
1351
+ margin-left: 0;
1352
+ height: 68px !important;
1353
+ font-size: 20px !important;
1354
+ font-weight: bold !important;
1355
+ }
1356
+ .grey{
1357
+ width: 27rem;
1358
+ margin: 0 0 0 0;
1359
+ height: 68px !important;
1360
+ font-size: 20px !important;
1361
+ font-weight: bold !important;
1362
+ margin-top: -21px;
1363
+ }
1364
+ .btn-text{
1365
+ width: 27rem;
1366
+ height: 68px !important;
1367
+ font-size: 20px !important;
1368
+ font-weight: bold !important;
1369
+ }
1370
+ }
1371
+ @media screen and (max-width: 672px) {
1372
+ /* .questiondiv1{
1373
+ padding: 0;
1374
+ } */
1375
+
1376
+ }
1377
+ @media screen and (max-width: 525px) {
1378
+ .rusty{
1379
+ width: 26rem;
1380
+ height: 68px !important;
1381
+ font-size: 20px !important;
1382
+ font-weight: bold !important;
1383
+ }
1384
+ .container1{
1385
+ margin-left: -9%;
1386
+ }
1387
+ .left-bt{
1388
+ width: 26rem;
1389
+ margin-left: -26rem;
1390
+ height: 68px !important;
1391
+ font-size: 20px !important;
1392
+ font-weight: bold !important;
1393
+ }
1394
+
1395
+ /* .subTitle{
1396
+ margin-left: 2rem;
1397
+ }*/
1398
+
1399
+ .dateandtime{
1400
+ padding-left: 10px !important;
1401
+ }
1402
+
1403
+ }
1404
+
1405
+ @media screen and (max-width: 480px) {
1406
+
1407
+ .answer{
1408
+ margin-top: -7% !important;
1409
+ }
1410
+
1411
+ /* .subTitle{
1412
+ margin-left: 2rem;
1413
+ }*/
1414
+ .icon-edit{
1415
+ margin: 0 6px 4px -35% !important;
1416
+ }
1417
+ .rusty{
1418
+ width:25rem;
1419
+ height: 68px !important;
1420
+ font-size: 20px !important;
1421
+ font-weight: bold !important;
1422
+ }
1423
+ .left-bt{
1424
+ width: 25rem;
1425
+ margin-left: -25rem;
1426
+ height: 68px !important;
1427
+ font-size: 20px !important;
1428
+ font-weight: bold !important;
1429
+ }
1430
+ .file-upload-box{
1431
+ max-width: 89%;
1432
+ }
1433
+ .file-uploading-box{
1434
+ max-width: 89%;
1435
+ }
1436
+ /* .subTitle1{
1437
+ margin-left: 23rem;
1438
+ }*/
1439
+ }
1440
+
1441
+ @media screen and (max-width: 420px) {
1442
+
1443
+ .answer{
1444
+ margin-top: -9% !important;
1445
+ }
1446
+ .icon-edit{
1447
+ margin: -9px 1px 4px 4%!important;
1448
+ }
1449
+ .rusty{
1450
+ width:21rem;
1451
+ height: 68px !important;
1452
+ font-size: 20px !important;
1453
+ font-weight: bold !important;
1454
+ }
1455
+ .btn-text{
1456
+ width: 21rem;
1457
+ height: 68px !important;
1458
+ font-size: 20px !important;
1459
+ font-weight: bold !important;
1460
+ }
1461
+ .left-bt{
1462
+ width: 21rem;
1463
+ margin-left: -21rem;
1464
+ height: 68px !important;
1465
+ font-size: 20px !important;
1466
+ font-weight: bold !important;
1467
+ }
1468
+ .container1{
1469
+ margin-left: 0%;
1470
+ }
1471
+ .file-upload-box{
1472
+ max-width: 100%;
1473
+ }
1474
+ .file-uploading-box{
1475
+ max-width: 100%;
1476
+ }
1477
+ /*.subTitle{
1478
+ margin-left:0;
1479
+ }
1480
+ .subTitle1{
1481
+ margin-left: 0;
1482
+ }*/
1483
+
1484
+ .myt-dateTimeNew{
1485
+ margin-left: -10px !important;
1486
+ }
1487
+
1488
+ .form-row{
1489
+ padding-left: 8px !important;
1490
+ }
1491
+ .dateandtime{
1492
+ padding-left: 0px !important;
1493
+ }
1494
+ .dt-time{
1495
+ padding-left: .8% !important;
1496
+ }
1497
+ .myt-font7{
1498
+ padding-left: 0rem;
1499
+ margin-left: -3.5%;
1500
+ }
1501
+ .grey{
1502
+ width: 21rem;
1503
+ margin: 0 0 0 0;
1504
+ height: 68px !important;
1505
+ font-size: 20px !important;
1506
+ font-weight: bold !important;
1507
+ margin-top: -21px;
1508
+ }
1509
+ .btn-text2{
1510
+ width: 21rem;
1511
+ margin-right: 0rem;
1512
+ margin-left: 0;
1513
+ height: 68px !important;
1514
+ font-size: 20px !important;
1515
+ font-weight: bold !important;
1516
+ }
1517
+
1518
+ }
1519
+ @media screen and (max-width: 368px) {
1520
+
1521
+ .icon-edit{
1522
+ margin: 0 6px 3px 35% !important;
1523
+ }
1524
+ .icon-editios{
1525
+ margin-bottom: 4px;
1526
+ }
1527
+ .rusty{
1528
+ width:19rem;
1529
+ height: 68px !important;
1530
+ font-size: 20px !important;
1531
+ font-weight: bold !important;
1532
+ }
1533
+ .left-bt{
1534
+ width: 19rem;
1535
+ margin-left: -19rem;
1536
+ height: 68px !important;
1537
+ font-size: 20px !important;
1538
+ font-weight: bold !important;
1539
+ }
1540
+ .container1{
1541
+ margin-left: 15%;
1542
+ }
1543
+ .radiotext{
1544
+ margin-top: -45px;
1545
+ }
1546
+ /*.myt-font7{
1547
+ margin-left: 0%;
1548
+ }*/
1549
+ .file-upload-box{
1550
+ max-width: 100%;
1551
+ }
1552
+ .file-uploading-box{
1553
+ max-width: 100%;
1554
+ }
1555
+ /* .subTitle{
1556
+ margin-left:0;
1557
+ }
1558
+ .subTitle1{
1559
+ margin-left: 0;
1560
+ }*/
1561
+ .grey{
1562
+ width: 19rem;
1563
+ margin: 0 0 0 0;
1564
+ height: 68px !important;
1565
+ font-size: 20px !important;
1566
+ font-weight: bold !important;
1567
+ margin-top: -21px;
1568
+ }
1569
+ .btn-text2{
1570
+ width: 19rem;
1571
+ margin-right: 0rem;
1572
+ margin-left: 0;
1573
+ height: 68px !important;
1574
+ font-size: 20px !important;
1575
+ font-weight: bold !important;
1576
+ }
1577
+ .btn-text{
1578
+ width: 19rem;
1579
+ height: 68px !important;
1580
+ font-size: 20px !important;
1581
+ font-weight: bold !important;
1582
+ }
1583
+ }
1584
+ .mydp .selection {
1585
+ padding: 0 !important;
1586
+ }
1587
+
1588
+ .text-border{
1589
+ border-top: none;
1590
+ border-left: none;
1591
+ border-right: none;
1592
+ border-radius: 0;
1593
+ border-bottom: 1px solid #fff !important;
1594
+ background-color: #dedddd;
1595
+ }
1596
+
1597
+ .additional {
1598
+ display: flex;
1599
+ font-size: 20px;
1600
+ text-align: left;
1601
+ font-weight: 200;
1602
+ margin-left: 4%;
1603
+ justify-content: center;
1604
+ color: rgb(62, 62, 60);
1605
+ padding: 0 30%;
1606
+ }
1607
+
1608
+
1609
+ .check{
1610
+ display: block;
1611
+ }
1612
+ .header2{
1613
+ font-size: 20px;
1614
+ font-weight: 300;
1615
+ text-align: center;
1616
+ font-stretch: normal;
1617
+ font-style: normal;
1618
+ line-height: 1.5;
1619
+ letter-spacing: normal;
1620
+ color: #560d05;
1621
+ max-width: 1100px;
1622
+ margin: auto;
1623
+ padding-bottom: 10px;
1624
+ }
1625
+ .header1{
1626
+ font-size: 32px;
1627
+ font-weight: bold;
1628
+ text-align: center;
1629
+ font-stretch: normal;
1630
+ font-style: normal;
1631
+ line-height: 1.25;
1632
+ letter-spacing: normal;
1633
+ color: #dd2e13;
1634
+ }
1635
+
1636
+
1637
+ /* The container */
1638
+ .container1 {
1639
+ display: inline-grid;
1640
+ position: relative;
1641
+ cursor: pointer;
1642
+ font-size: 20px;
1643
+ user-select: none;
1644
+ }
1645
+
1646
+ /* Hide the browser's default checkbox */
1647
+ /* .container1 input {
1648
+ position: absolute;
1649
+ opacity: 0;
1650
+ cursor: pointer;
1651
+ height: 0;
1652
+ width: 0;
1653
+ } */
1654
+
1655
+ .bottomspace1{
1656
+
1657
+ padding-bottom: 14px !important;
1658
+ }
1659
+
1660
+ .myt-321{
1661
+ font-size: 20px;
1662
+ font-weight: 700;
1663
+ color: #c5281c;
1664
+ margin-top: 11px;
1665
+ }
1666
+
1667
+ .myt-345{
1668
+
1669
+ display: none;
1670
+ }
1671
+
1672
+ @media (min-width: 300px) and (max-width: 399px){
1673
+ .selbtngroup{
1674
+ padding-left: 1.3% !important;
1675
+ }
1676
+ }
1677
+ @media (min-width: 400px) and (max-width: 480px){
1678
+ .selbtngroup{
1679
+ padding-left: 0.9% !important;
1680
+ }
1681
+ }
1682
+ @media (min-width: 481px) and (max-width: 580px){
1683
+ .selbtngroup{
1684
+ padding-left: 0.2% !important;
1685
+ }
1686
+ }
1687
+
1688
+ @media screen and (min-width: 871px) {
1689
+ .selbtngroup{
1690
+ padding-right: 4px !important;
1691
+ }
1692
+
1693
+ }
1694
+
1695
+ @media screen and (max-width: 689px) {
1696
+ .answer{
1697
+ max-width: 95% !important;
1698
+ margin-left: 0px !important;
1699
+ margin-right: 15px;
1700
+ }
1701
+ #progress2{
1702
+ margin-left: 8.5px !important;
1703
+ }
1704
+ .edit{
1705
+ margin-left: 85% !important;
1706
+ margin-bottom: 0% !important;
1707
+ }
1708
+ .sum-ques{
1709
+ width: 100% !important;
1710
+ margin: auto;
1711
+ }
1712
+ .sum-ques1{
1713
+ width: 100% !important;
1714
+ margin: auto ;
1715
+ }
1716
+ .summary-completed{
1717
+ padding-left: 0px !important;
1718
+ padding-bottom: 17px;
1719
+ margin-top: 9px;
1720
+ }
1721
+ .summary-top{
1722
+ margin-top: 10%;
1723
+ }
1724
+ .subTitle1{
1725
+ font-size: 18px !important;
1726
+ line-height: 1.38 !important;
1727
+ text-align: center;
1728
+ letter-spacing: normal;
1729
+ color: #560d05 !important;
1730
+ font-weight: 300;
1731
+ }
1732
+
1733
+ /* .backbutton{
1734
+ display: none;
1735
+ } */
1736
+ .rusty{
1737
+ margin-bottom: 37px;
1738
+ }
1739
+ }
1740
+
1741
+ @media screen and (min-width: 1024px) {
1742
+ .ES-style{
1743
+ position: absolute;
1744
+ left: 7px;
1745
+ font-size: 0.9rem;
1746
+ color: #555;
1747
+ top: 9px;
1748
+ }
1749
+
1750
+ }
1751
+
1752
+ @media screen and (max-width: 1024px) {
1753
+
1754
+ .ES-style{
1755
+ position: absolute;
1756
+ left: 0.6rem;
1757
+ font-size: .95rem;
1758
+ color: #555;
1759
+ top: 0.57rem;
1760
+ }
1761
+
1762
+ }
1763
+
1764
+
1765
+ @media screen and (max-width: 689px) {
1766
+ .app-back1 {
1767
+ line-height: 1.5;
1768
+ cursor: pointer;
1769
+ width: 100%;
1770
+ max-width: 1200px;
1771
+ margin-right: auto;
1772
+ margin-left: -10px;
1773
+ display: flex;
1774
+ font-family: Helvetica;
1775
+ font-size: 21px;
1776
+ font-weight: bold;
1777
+ align-items: center;
1778
+ font-stretch: normal;
1779
+ font-style: normal;
1780
+ letter-spacing: normal;
1781
+ color: #dd2e13;
1782
+ z-index: 1;
1783
+ position: fixed;
1784
+ background-color: #dedddd;
1785
+ border-radius: 0px !important;
1786
+ margin-top: -12px;
1787
+ padding-top: .8rem;
1788
+ /*padding-top: 1.8rem;*/
1789
+ }
1790
+ .header1{
1791
+ padding-top: 75px;
1792
+
1793
+ }
1794
+
1795
+ .dt-time{
1796
+ background-position: 100% !important;
1797
+ }
1798
+ }
1799
+
1800
+ .summary-volver{
1801
+ display: none;
1802
+ }
1803
+ /* AP-29JAN25 -form,element,properties */
1804
+ app-form-builder{
1805
+ display: flex;
1806
+ justify-content: space-between;
1807
+ width: 100%;
1808
+ height: 100vh;
1809
+ }
1810
+
1811
+ app-element{
1812
+ flex: 0 0 70%;
1813
+ border: 1px solid red;
1814
+ }
1815
+
1816
+ app-properties{
1817
+ flex: 0 0 30%;
1818
+ border: 1px solid blue;
1819
+ }