Subversion Repositories SmartDukaan

Rev

Rev 11631 | Rev 11715 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
10582 lgm 1
@import 'common.less';
2
 
3
 
4
.rech-head{
5
  background:darken(@list-color2,5%);
6
  border-top:@list-color1 solid 1px;
7
  padding:0 3px;
8
  .boxsize;
9
  width:100%;
10
  position:relative;
11
  > div:nth-of-type(1), > div:nth-of-type(3){
12
    .float(left);
13
    width:49%;
14
    padding:10px 0;
15
    .font(1.6em);
16
    font-weight:bold;
17
    color:@grey;
18
    text-align:center;
19
    .boxsize;
20
    text-transform:uppercase;
21
    height:45px;
22
    line-height:22px;
23
  }
24
  > div:nth-of-type(3){
25
    .float(right)!important;  
26
  }
27
  > div:nth-of-type(2){
28
    .float(left);
29
    width:2%;
30
    margin: 5px 0 5px -0.5px;
31
    max-width:1px;
32
    height:35px;
33
    background:@grey;
34
    text-align:center;
35
    position: absolute;
36
    left: 50%;
37
  }
38
  .selected{
39
    color:@ltblue!important;
40
    border-bottom:@ltblue solid 5px;
41
  }
42
 
43
}
44
 
45
.dth-recharge{
11637 lgm 46
h1{
47
   text-align:center;
48
   color:@grey;
49
   font-weight: normal;
50
  }
10582 lgm 51
}
52
 
53
form{
54
  padding:10px 0;
55
  background:@list-color2;
56
  fieldset{
57
    border:none;
58
  }
59
 
60
  label{
61
    font-weight:bold;
62
    display:block;
63
    .font(1.4em);
64
    color:@grey;
65
  }
66
  input,select{
67
    width:100%;
68
    appearance:none;
69
    -webkit-appearance:none;
70
    border:@list-color1 solid 1px;
71
    background-color:@white;
72
    color:@grey;
73
    border-radius:0;
74
    outline:none;
75
    padding:10px;
76
    display:block;
77
    .boxsize;
78
    .font(1.4em);
79
    margin:2px 0 8px 0;
80
  }
81
 
82
  .price{
83
    position:relative;
84
  }
85
  .price:before{
86
    content:'Rs';
87
    position:absolute;
88
  }
89
 
90
  select{
91
    background:url('../images/dropdown.PNG')no-repeat 99% 17px,@white;
92
    background-size:20px,100%;
93
  }
94
 
95
  input[type="submit"], input[type="button"]{
96
  margin:15px 0;
97
  background:@orange;
98
  color:@white;
99
  .font(1.8em);
100
  text-align:center;
101
  padding:10px 0;
102
  text-transform:uppercase;
103
  }
104
 
105
}
106
 
107
/*---------------------------------topup div -------------------------------*/
108
 
109
.topup-cont{
11558 lgm 110
  background:rgba(0,0,0,0.5);
111
  position: absolute;
112
  top: 0px;
113
  width: 100%;
114
  min-height:100%;
115
  box-sizing: border-box;
116
  -webkit-box-sizing: border-box;
11119 lgm 117
  .topup-wrapper{
11575 lgm 118
    margin:30px 20px;
11119 lgm 119
    background:@white;
11575 lgm 120
    padding: 10px 2px;
11558 lgm 121
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.8);
11119 lgm 122
  }
10582 lgm 123
  p:first-child{
124
    color:@grey;
125
    .font(1.6em);
126
    margin:5px 0;
127
    font-weight:bold;
128
    .float(left);
129
  }
130
  .close{
131
    .float(right);
11125 lgm 132
    position:relative;
133
    width:38px;
134
    height:38px;
135
    background:url('../images/cancel.png')no-repeat 8px 7px;
136
    background-size:23px;
137
    top: -10px;
138
    right: -5px;
10582 lgm 139
  }
140
  .topup-cont-head{
141
     width:100%!important;
11125 lgm 142
      margin-top:0px!important;
10582 lgm 143
      padding:5px 0;
144
       background:@grey;
145
      .boxsize;
146
    >div{
147
      .font(1.4em)!important;
148
      color:@white;
149
      border-right:@white solid 1px;
150
      background:@grey!important;
151
      margin:0!important;
152
      text-align:center!important;
153
    }
154
    >div:last-child{
155
      border-right:none;
156
    }
157
 
158
}  
159
.topup-cont-body{
160
  width:100%!important;
161
  >div{
162
    //border-bottom:lighten(@grey,45%) solid 1px;
163
  }
164
}
165
 
166
  .topup-cont-head >div:nth-of-type(1),.topup-cont-body >div:nth-of-type(3n+1){
167
    .font(1.2em);
168
      .float(left);
11558 lgm 169
      width:18%;
10582 lgm 170
      .boxsize;
171
      .boxsize;
172
      padding:7px 3px;
173
      text-align:center;
174
      background:@orange;
175
      color:@white;
176
      margin:3px 0;
177
  }
178
 
179
  .topup-cont-head >div:nth-of-type(2), .topup-cont-body >div:nth-of-type(3n+2){
180
      .font(1.2em);
181
      .float(left);
182
      width:23%;
183
      .boxsize;
184
      padding:7px 3px;
185
      text-align:center;
186
      text-overflow: ellipsis;
187
      overflow: hidden;
188
      white-space: nowrap;
189
      margin:3px 0;
190
  }
191
  .topup-cont-head >div:nth-of-type(3),.topup-cont-body >div:nth-of-type(3n+3){
192
    .font(1.2em);
193
      .float(left);
11558 lgm 194
      width:59%;
10582 lgm 195
      .boxsize;
196
      padding:7px 3px;
197
      text-align:left;
198
      margin:3px 0;
199
      text-overflow: ellipsis;
200
      overflow: hidden;
201
      white-space: nowrap;
202
  }
203
 
11558 lgm 204
  .topup-cont-body >div:nth-of-type(1), .topup-cont-body >div:nth-of-type(2), .topup-cont-body >div:nth-of-type(3){
205
    margin-top:5px;
206
  }
207
 
10582 lgm 208
}
209
 
210
.plans-btn{
211
  text-align:center;
212
  margin:10px 0 8px;
213
  padding:10px;
214
  background:@white;
215
  border:@list-color1 solid 1px;
216
  p{
217
    .font(1.6em);
218
    color:@grey;
219
  }
220
  >div{
221
    padding:6px 0;
222
    width:40%;
223
    background:@ltblue;
224
    color:@white;
225
    .font(1.4em);
226
    margin-top:5px;
227
  }
228
  >div:nth-of-type(1){
229
    .float(left);
230
  }
231
  >div:last-child{
232
    .float(right);
233
  }
234
}
235
 
236
/*-----------------------------------recharge-onfirmation---------------------------------*/
237
 
238
.conf-head{
239
  width:100%;
240
  background:@list-color2;
241
  margin-top:1px;
242
  padding:5px 10px;
243
  .boxsize;
244
  color:@grey;
245
  .font(1.6em);
246
  font-weight:bold; 
247
}
248
.conf-cont{
249
  background: @list-color2;
250
   padding:0px 10px 10px 10px;
251
  .conf-div{
252
     color:@grey;
253
    .font(1.4em);
11317 lgm 254
    > div:nth-of-type(odd){
10582 lgm 255
      .float(left);
11317 lgm 256
      width:70%;
10582 lgm 257
    }
11317 lgm 258
    >div:nth-of-type(even){
259
      .float(left);
260
      width:30%;
261
     }
10582 lgm 262
    >div:nth-of-type(odd){
263
 
264
    }
265
  }
266
  .pay-now{
267
    margin-top:10px;
268
    background: @orange;
269
    text-transform: uppercase;
270
    color: @white;
271
    padding: 10px;
272
    text-align: center;
273
    .font(1.6em);
274
  }
275
}
276
 
277
.coupon-code{
278
  margin-top:10px;
279
  border:@list-color1 solid 1px;
280
  background:@white;
281
  >div:nth-of-type(1){
282
    padding:10px 5px;
283
    background:@grey;
284
    color:@white;
285
    .font(1.4em);
286
  }
287
  >div:nth-of-type(2){
288
    padding:10px 5px 10px;
289
    input[type="text"]{
290
    color:@grey;
291
      .float(left);
292
      .boxsize;
293
      width:55%;
294
      border:@list-color2 solid 1px;
295
      padding:0 4px;
296
      height:30px;
297
      line-height:30px;
298
      display:block;
299
  }
300
  .apply-coupon{
301
    .font(1.4em);
302
      .float(right);
303
      width:40%;
304
      background:@ltblue;
305
      color:@white;
306
      height:30px;
307
      line-height:30px;
308
      text-align:center;
309
  }
310
 }
311
}
312
 
313
.gd-total{
314
    border:lighten(@grey,45%) solid 1px;
315
    background:@white;
316
    margin-top:10px;
317
    color:@grey;
318
      >div:nth-of-type(1){
319
        .float(left);
320
         width:60%;
321
        .font(1.6em);
322
        .boxsize;
323
        padding:10px 5px;
324
        border-right:lighten(@grey,45%) solid 1px;
325
      }
326
      >div:nth-of-type(2){
327
        .float(left);
328
        width:40%;
329
        .font(1.6em);
330
        .boxsize;
331
        padding:10px 5px;
332
        text-align:center;
333
      }
334
    }
335
 
336
#captcha, #clickCaptcha{
337
  text-align:center;
338
  margin:10px 0;
339
}
340
 
341
#coupon_msg{
342
  //background:@green;
343
}
344
/*----------------------error-msg---------------------------*/
345
 
346
.error_msg{
347
  padding:5px;
348
  display:block;
349
  border:red dotted 1px;
350
  background:@list-color2;
351
  color:red;
352
  .font(1.4em);
353
  margin:10px;
354
}
355
 
356
@import 'common.less';
357
 
358
 
359
.rech-head{
360
  background:darken(@list-color2,5%);
361
  border-top:@list-color1 solid 1px;
362
  padding:0 3px;
363
  .boxsize;
364
  width:100%;
365
  position:relative;
366
  > div:nth-of-type(1), > div:nth-of-type(3){
367
    .float(left);
368
    width:49%;
369
    padding:10px 0;
370
    .font(1.6em);
371
    font-weight:bold;
372
    color:@grey;
373
    text-align:center;
374
    .boxsize;
375
    text-transform:uppercase;
376
    height:45px;
377
    line-height:22px;
378
  }
379
  > div:nth-of-type(3){
380
    .float(right)!important;  
381
  }
382
  > div:nth-of-type(2){
383
    .float(left);
384
    width:2%;
385
    margin: 5px 0 5px -0.5px;
386
    max-width:1px;
387
    height:35px;
388
    background:@grey;
389
    text-align:center;
390
    position: absolute;
391
    left: 50%;
392
  }
393
  .selected{
394
    color:@ltblue!important;
395
    border-bottom:@ltblue solid 5px;
396
  }
397
 
398
}
399
 
400
form{
401
  padding:10px;
402
  background:@list-color2;
403
  fieldset{
404
    border:none;
405
  }
406
 
407
  label{
408
    font-weight:bold;
409
    display:block;
410
    .font(1.4em);
411
    color:@grey;
412
  }
413
  input,select{
414
    width:100%;
415
    appearance:none;
416
    -webkit-appearance:none;
417
    border:@list-color1 solid 1px;
418
    background-color:@white;
419
    color:@grey;
420
    border-radius:0;
421
    outline:none;
422
    padding:10px;
423
    display:block;
424
    .boxsize;
425
    .font(1.4em);
426
    margin:2px 0 8px 0;
427
  }
428
 
429
  .price{
430
    position:relative;
431
  }
432
  .price:before{
433
    content:'Rs';
434
    position:absolute;
435
  }
436
 
437
  select{
438
    background:url('../images/dropdown.PNG')no-repeat 99% 17px,@white;
439
    background-size:20px,100%;
440
  }
441
 
442
  input[type="submit"]{
443
  margin:15px 0;
444
  background:@orange;
445
  color:@white;
446
  .font(1.8em);
447
  text-align:center;
448
  padding:10px 0;
449
  text-transform:uppercase;
450
  }
451
 
452
}
453
 
454
/*---------------------------------topup div -------------------------------*/
455
 
456
.topup-cont{
457
  padding:5px;
458
  p:first-child{
459
    color:@grey;
460
    .font(1.6em);
461
    margin:5px 0;
462
    font-weight:bold;
463
    .float(left);
464
  }
465
  .close{
466
    .float(right);
11125 lgm 467
    position:relative;
468
    width:38px;
469
    height:38px;
470
    background:url('../images/cancel.png')no-repeat 8px 7px;
471
    background-size:23px;
472
    top: -10px;
473
    right: -5px;
10582 lgm 474
  }
475
  .topup-cont-head{
476
     width:100%!important;
477
      padding:5px 0;
478
       background:@grey;
479
      .boxsize;
480
    >div{
481
      .font(1.4em)!important;
482
      color:@white;
483
      border-right:@white solid 1px;
484
      background:@grey!important;
485
      margin:0!important;
486
      text-align:center!important;
487
    }
488
    >div:last-child{
489
      border-right:none;
490
    }
491
 
492
}  
493
.topup-cont-body{
494
  width:100%!important;
495
  >div{
496
    //border-bottom:lighten(@grey,45%) solid 1px;
497
  }
498
}
499
 
500
  .topup-cont-head >div:nth-of-type(1),.topup-cont-body >div:nth-of-type(3n+1){
501
    .font(1.2em);
502
      .float(left);
503
      width:22%;
504
      .boxsize;
505
      .boxsize;
506
      padding:7px 3px;
507
      text-align:center;
508
      background:@orange;
509
      color:@white;
510
      margin:3px 0;
511
  }
512
 
513
  .topup-cont-head >div:nth-of-type(2), .topup-cont-body >div:nth-of-type(3n+2){
514
      .font(1.2em);
515
      .float(left);
516
      width:23%;
517
      .boxsize;
518
      padding:7px 3px;
519
      text-align:center;
520
      text-overflow: ellipsis;
521
      overflow: hidden;
522
      white-space: nowrap;
523
      margin:3px 0;
524
  }
525
  .topup-cont-head >div:nth-of-type(3),.topup-cont-body >div:nth-of-type(3n+3){
526
    .font(1.2em);
527
      .float(left);
528
      width:55%;
529
      .boxsize;
530
      padding:7px 3px;
531
      text-align:left;
532
      margin:3px 0;
533
      text-overflow: ellipsis;
534
      overflow: hidden;
535
      white-space: nowrap;
536
  }
537
 
538
}
539
 
540
.plans-btn{
541
  text-align:center;
542
  margin:10px 0 8px;
543
  padding:10px;
544
  background:@white;
545
  border:@list-color1 solid 1px;
546
  p{
547
    .font(1.6em);
548
    color:@grey;
549
  }
550
  >div{
551
    padding:6px 0;
552
    width:40%;
553
    background:@ltblue;
554
    color:@white;
555
    .font(1.4em);
556
    margin-top:5px;
557
  }
558
  >div:nth-of-type(1){
559
    .float(left);
560
  }
561
  >div:last-child{
562
    .float(right);
563
  }
564
}
565
 
566
/*-----------------------------------recharge-confirmation---------------------------------*/
567
 
568
.conf-head{
569
  width:100%;
570
  background:@list-color2;
571
  margin-top:1px;
572
  padding:5px 10px;
573
  .boxsize;
574
  color:@grey;
575
  .font(1.6em);
576
  font-weight:bold; 
577
}
578
.conf-cont{
579
  background: @list-color2;
580
   padding:0px 10px 10px 10px;
581
  .conf-div{
582
     color:@grey;
583
    .font(1.4em);
584
    > div{
585
      .float(left);
586
      width:50%;
587
    }
588
    // >div:nth-of-type(2n+1){
589
      // min-width:130px;
590
    // }
591
    >div:nth-of-type(odd){
592
 
593
    }
594
  }
595
  .pay-now{
596
    margin-top:10px;
597
    background: @orange;
598
    text-transform: uppercase;
599
    color: @white;
600
    padding: 10px;
601
    text-align: center;
602
    .font(1.6em);
603
  }
604
}
605
 
606
.coupon-code{
607
  margin-top:10px;
608
  border:@list-color1 solid 1px;
609
  background:@white;
610
  >div:nth-of-type(1){
611
    padding:10px 5px;
612
    background:@grey;
613
    color:@white;
614
    .font(1.4em);
615
  }
616
  >div:nth-of-type(2){
617
    padding:10px 5px 10px;
618
    input[type="text"]{
619
    color:@grey;
620
      .float(left);
621
      .boxsize;
622
      width:55%;
623
      border:@list-color2 solid 1px;
624
      padding:0 4px;
625
      height:30px;
626
      line-height:30px;
627
      display:block;
628
  }
629
  .apply-coupon{
630
    .font(1.4em);
631
      .float(right);
632
      width:40%;
633
      background:@ltblue;
634
      color:@white;
635
      height:30px;
636
      line-height:30px;
637
      text-align:center;
638
  }
639
 }
640
}
641
 
642
.gd-total{
643
    border:lighten(@grey,45%) solid 1px;
644
    background:@white;
645
    margin-top:10px;
646
    color:@grey;
647
      >div:nth-of-type(1){
648
        .float(left);
649
         width:60%;
650
        .font(1.6em);
651
        .boxsize;
652
        padding:10px 5px;
653
        border-right:lighten(@grey,45%) solid 1px;
654
      }
655
      >div:nth-of-type(2){
656
        .float(left);
657
        width:40%;
658
        .font(1.6em);
659
        .boxsize;
660
        padding:10px 5px;
661
        text-align:center;
662
      }
663
    }
664
 
665
#captcha, #clickCaptcha{
666
  text-align:center;
667
  margin:10px 0;
668
}
669
 
670
#coupon_msg{
671
  //background:@green;
672
}
673
 
674
.conf-cont .mobile-recharge{
675
      padding:0px;
676
}
677
 
11631 lgm 678
.mobile-recharge{
679
  h1{
680
   text-align:center;
681
   color:@grey;
682
   font-weight: normal;
683
  }
684
 
685
}
686
 
10582 lgm 687
/*----------------------error-msg---------------------------*/
688
 
689
.error_msg{
690
  padding:5px;
691
  display:block;
692
  border:red dotted 1px;
693
  background:@list-color2;
694
  color:red;
695
  .font(1.4em);
696
  margin:10px;
697
}
698
 
699
/*----------------------payment-hldr-------------------------*/
700
 
701
.payment-hldr{
702
  background:@list-color2;
703
  padding:5px 5px 10px;
704
  .hldr-sub{
705
    margin-top:10px;
706
    background:@white;
707
    border:lighten(@grey,45%) solid 1px;
708
    >div:nth-of-type(1){
709
      color:@ltblue;
710
      font-weight:bold;
711
    }
712
    form{
713
    background:@white;
714
    padding:0;
715
    }
716
    form fieldset{
717
      border:none;
718
    }
719
 
720
    .cc-hldr{
721
      border:lighten(@grey,45%) solid 1px;
722
      border-bottom:none;
723
      width: 100%;
724
      .boxsize;
725
     div{
726
      .float(left);
727
      width: 50%;
728
      box-sizing: border-box;
729
      -webkit-box-sizing: border-box;
730
      -moz-box-sizing: border-box;
731
      .font(1.4em);
732
      color: @white;
733
      background: @grey;
734
      padding: 10px 0;
735
      text-align: center;
736
    }
737
    .selected{
738
      background: @white!important;
739
      color: @ltblue!important;
740
      font-weight:bold;
741
    }
742
    }
743
 
744
    > .card{
745
      color:@grey;
746
      padding:7px 5px;
747
      .font(1.6em);
748
      border-top:lighten(@grey,45%) solid 1px;
749
      >span{
750
        .float(right);
751
      }
752
    } 
753
    > .card:first-child{
754
      border-top:none;
755
    }   
756
  }  
757
  .credit-cards{
758
    padding:0 5px 5px 5px;
759
    .in-india, .out-india{
760
      width:100%;
761
      padding:20px 0 10px; 
762
      border:lighten(@grey,45%) solid 1px;
763
      border-top:none;
764
      .boxsize;
765
      p{
766
        text-align:center;
767
        .font(1.2em);
768
        margin:10px 0 0 0;
769
        color:@grey;
770
        .float(left);
771
        width:100%;
772
      }
773
    }
774
  }
775
 
776
  .info-hldr{
777
    form fieldset{
778
      border:none;
779
    }
780
    padding:0 5px 5px 5px;
781
    .info-cap{
782
      color:@grey;
783
      .font(1.2em);
784
    }
785
    .emi-hldr{
786
      border:lighten(@grey,45%) solid 1px;
787
      border-bottom:none;
788
        .emi-head{
789
          border-bottom:lighten(@grey,45%) solid 1px;
790
          .font(1.2em);
791
          font-weight:bold;
792
          background:@list-color1;
793
          >div{
794
          .float(left);
795
          width:33.3%;
796
          color:@grey;
797
          text-align:center;
798
          padding:7px 2px;
799
          .boxsize;
800
          }
801
        }
802
        .emi-body{
803
          border-bottom:lighten(@grey,45%) solid 1px;
804
          .font(1.2em);
805
          color:@grey;
806
          >div{
807
          .float(left);
808
          width:33.3%;
809
          text-align:center;
810
          padding:7px 2px;
811
          .boxsize;
812
          }
813
        }
814
         .emi-body.selected{
815
            background:lighten(@green, 10%);
816
            color:@white!important;
817
            box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
818
        }
819
    }
820
  }
821
 
822
 
823
    .c-box{
824
      padding:0 5px;
825
       div{
826
        float:left;
827
        width:30%;
828
        .boxsize;
829
        text-align:center;
830
        padding:2px;
831
        border:@white solid 2px;
10985 lgm 832
        //opacity: 0.6;
10582 lgm 833
        img{
834
          width:80%;
835
          height: 50px;
10985 lgm 836
          max-width: 90px;
10582 lgm 837
        }
838
      }
839
      div:nth-of-type(3n+2){
840
        margin:0 5%;
841
      }
842
      .selected{
843
        border:@ltblue solid 2px;
844
        opacity: 1;
845
      }
846
      p{
847
        clear:both;
848
      }
849
    }
850
 
851
 
852
 
853
  .c-info{
854
    color:@grey;
855
    .font(1.4em);
856
    padding:0 0 20px; 
857
    text-align:center;
858
  }
859
  .payment-btn{
860
    appearance:none;
861
    -webkit-appearance:none;
862
    border:none;
863
    width:100%;
864
    background:@orange;
865
    color:@white;
866
    .font(1.8em);
867
    padding:8px 0;
868
    margin:15px 0 10px;
869
  }
870
 
871
 
872
}
873
 
874
/*-------------recharge-confirmation-----------------------*/
875
 
876
.r-hldr{
877
  background:@list-color1;
878
  //padding:0 10px 10px 10px;
879
  .r-head{
880
    .font(1.6em);
881
    font-weight:bold;
882
    background:@list-color2;
883
    color:@grey;
884
    padding:5px 10px;
885
    //border-bottom:@white solid 2px;
886
  }
887
  .r-cont{
888
    padding:0 10px;
889
    >div{
890
      padding:5px;
891
      .font(1.4em);
892
      .float(left);
893
      width:40%;
894
      color:@grey;
895
      .boxsize;
896
      padding-right:5px;
897
    }
898
    >div:nth-of-type(1){
899
      font-weight:bold;
900
    }
901
  }
902
 
903
  .r-info{
904
    padding:10px;
905
  }
906
    .r-info-head{
907
     width:100%!important;
908
      //margin-top:10px;
909
      padding:5px 0;
910
       background:@grey;
911
      .boxsize;
912
    >div{
913
      .font(1.4em)!important;
914
      color:@white!important;
915
      border-right:@white solid 1px;
916
      background:@grey!important;
917
      margin:0!important;
918
      text-align:center!important;
919
    }
920
    >div:last-child{
921
      border-right:none;
922
    }
923
 
924
}  
925
 
926
.r-info-head >div:nth-of-type(1),.r-info-body >div:nth-of-type(1){
927
      .font(1.2em);
928
      .float(left);
929
      width:40%;
930
      .boxsize;
931
      padding:7px 3px;
932
      text-align:center;
933
      color:@grey;
934
      margin:3px 0;
935
  }
936
 
937
  .r-info-head >div:nth-of-type(2), .r-info-body >div:nth-of-type(2){
938
      .font(1.2em);
939
      .float(left);
940
      width:30%;
941
      .boxsize;
942
      padding:7px 3px;
943
      text-align:center;
944
      text-overflow: ellipsis;
945
      overflow: hidden;
946
      white-space: nowrap;
947
      margin:3px 0;
948
      color:@grey;
949
      text-align:center;
950
  }
951
  .r-info-head >div:nth-of-type(3),.r-info-body >div:nth-of-type(3){
952
    .font(1.2em);
953
      .float(left);
954
      width:30%;
955
      .boxsize;
956
      padding:7px 3px;
957
      text-align:left;
958
      margin:3px 0;
959
      text-overflow: ellipsis;
960
      overflow: hidden;
961
      white-space: nowrap;
962
      color:@grey;
963
      text-align:center;
964
  }
965
}
966
 
967
.update-address{
968
  margin:10px 0;
969
}
970
 
971
/*-------------recharge-faq-----------------------*/
972
.faq-hldr{
973
  h2{
974
    background:@list-color1;
975
    padding:10px;
976
    color:@grey;
977
    .font(2.0em);
978
    border-top:@white solid 1px;
979
    border-bottom:@white solid 1px;
10846 lgm 980
    text-transform:uppercase;
10582 lgm 981
  }
10846 lgm 982
  .faq-head{
11008 lgm 983
    color: #555555;
984
    font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
985
    padding: 10px;
986
    /* border-bottom: 1px solid #ccc; */
987
    border-width: 1px 0;
988
    background-color: #f8f5ee;
989
    margin-bottom: 1px;
990
      >span{
991
        .float(right);
11291 lgm 992
        //margin-top:4px;
11008 lgm 993
      }
10846 lgm 994
  }
11008 lgm 995
  .faq-body{
996
    margin: 5px 0px;
997
  }
10846 lgm 998
  .faq-question, .qst{
11129 lgm 999
    color:@blue;
10582 lgm 1000
    .font(1.4em);
10846 lgm 1001
    padding:5px 10px;
11129 lgm 1002
    //background:@list-color2;
11008 lgm 1003
    margin-bottom: 2px;
11129 lgm 1004
    >span{
1005
      color:@grey;
1006
    }
10582 lgm 1007
  }
10846 lgm 1008
  .faq-answer ,.ans{
10582 lgm 1009
    color:@grey;
1010
    .font(1.2em);
10846 lgm 1011
    padding:10px;
1012
    background:@white;
1013
    img{
1014
      margin:5px 0;
1015
      border:@grey solid 1px;
1016
      max-width:300px;
1017
    }
1018
    ul{
1019
      margin: 10px 0 10px 15px;
1020
      list-style-type: circle;
1021
    }
1022
    ul li{
1023
      margin-bottom:5px;
1024
    }
1025
    p{
1026
      margin-bottom:4px;
1027
    }
1028
    a{
1029
      color:@ltblue;
1030
      text-decoration:underline;
1031
    }
10582 lgm 1032
  }
1033
}
11033 lgm 1034
 
1035
 
1036
/**********************************emi page*************************************/
1037
 
1038
.bank-name{
1039
  .font(1.4em);
1040
  padding:8px;
1041
  .boxsize;
1042
  background:@sub-list;
1043
  color:@white;
1044
  margin-top:1px;
1045
  span{
1046
    float:right;
1047
  }
1048
}
1049
 
1050
.emi-head{
1051
  color:@grey;
1052
  .font(1.6em);
1053
  padding:8px;
1054
}
1055
 
1056
.bank-emi > div{
1057
  border-bottom:lighten(@sub-list, 30%) solid 1px;
1058
  padding:8px;
1059
}
1060
 
1061
.bank-emi > div >div{
1062
  .font(1.2em);
1063
  color:@grey;
1064
}
1065
 
1066
.bank-emi > div >div:nth-of-type(1){
1067
  .float(left);
1068
}
1069
.bank-emi > div >div:nth-of-type(2){
1070
  .float(right);
1071
}
1072
.bank-emi > div >div:nth-of-type(3){
1073
  .float(right);
1074
}
11291 lgm 1075
.re-confirm{
1076
  padding:0!important;
1077
}
11256 lgm 1078
 
1079
 
1080
/*********************************static page**************************************/
1081
 
11291 lgm 1082
.otg-cont h2, .instore h2, .insure-mobile h2{
11256 lgm 1083
  padding:10px;
1084
    background:@list-color1;
1085
    .font(1.8em);
1086
    color:@grey;
1087
}
1088
 
1089
.otg-cont{
1090
 
1091
  p{
1092
    .font(1.4em);
1093
    color:@grey;
1094
    margin:10px 10px 0px 10px;
1095
  }
1096
 
1097
  ul{
1098
    list-style-type:circle;
1099
    margin:10px 0 10px 50px;
1100
    padding-right: 10px;
1101
    color:@grey;
1102
    li{
1103
      .font(1.4em);
1104
    }
1105
  }
1106
  h3{
1107
    margin:5px 0;
1108
    padding:10px;
1109
    background:@list-color1;
1110
    .font(1.6em);
1111
    color:@grey;
1112
  }
1113
  ol{
1114
    list-style-type:decimal;
1115
    padding-right: 10px;
1116
   > li{
1117
      .font(1.4em);
1118
      margin:10px 0 10px 35px;
1119
      ul{
1120
        margin: 10px 0 10px 20px;
1121
        padding-right: 10px;
1122
         li{
1123
           .font(1.0em);
1124
           margin: 10px 0 10px 0px;
1125
         }
1126
 
1127
      }
1128
    }
1129
  }
1130
}
1131
 
1132
.instore{
1133
   .qst{
1134
     background:@list-color2;
1135
     padding:10px;
1136
     .font(1.4em);
1137
     color:@grey;
1138
   }
1139
 
1140
   .qst:before{
1141
     content:"Q: ";
1142
     font-weight:bold;
1143
   }
1144
   .ans{
1145
     padding:10px;
1146
     .font(1.2em);
1147
     color:@grey;
1148
   }
1149
   .ans:before{
1150
     content:"Ans: ";
1151
     font-weight:bold;
1152
   }
1153
 
1154
}
1155
 
11291 lgm 1156
.insure-mobile{
11256 lgm 1157
   ul{
1158
    list-style-type:circle;
1159
    margin:10px 0 10px 30px;
1160
    padding-right: 10px;
1161
    color:@grey;
1162
    li{
1163
      .font(1.4em);
1164
    }
1165
}
11631 lgm 1166
}