Subversion Repositories SmartDukaan

Rev

Rev 11589 | Rev 11637 | 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{
46
  display:none;
47
}
48
 
49
form{
50
  padding:10px 0;
51
  background:@list-color2;
52
  fieldset{
53
    border:none;
54
  }
55
 
56
  label{
57
    font-weight:bold;
58
    display:block;
59
    .font(1.4em);
60
    color:@grey;
61
  }
62
  input,select{
63
    width:100%;
64
    appearance:none;
65
    -webkit-appearance:none;
66
    border:@list-color1 solid 1px;
67
    background-color:@white;
68
    color:@grey;
69
    border-radius:0;
70
    outline:none;
71
    padding:10px;
72
    display:block;
73
    .boxsize;
74
    .font(1.4em);
75
    margin:2px 0 8px 0;
76
  }
77
 
78
  .price{
79
    position:relative;
80
  }
81
  .price:before{
82
    content:'Rs';
83
    position:absolute;
84
  }
85
 
86
  select{
87
    background:url('../images/dropdown.PNG')no-repeat 99% 17px,@white;
88
    background-size:20px,100%;
89
  }
90
 
91
  input[type="submit"], input[type="button"]{
92
  margin:15px 0;
93
  background:@orange;
94
  color:@white;
95
  .font(1.8em);
96
  text-align:center;
97
  padding:10px 0;
98
  text-transform:uppercase;
99
  }
100
 
101
}
102
 
103
/*---------------------------------topup div -------------------------------*/
104
 
105
.topup-cont{
11558 lgm 106
  background:rgba(0,0,0,0.5);
107
  position: absolute;
108
  top: 0px;
109
  width: 100%;
110
  min-height:100%;
111
  box-sizing: border-box;
112
  -webkit-box-sizing: border-box;
11119 lgm 113
  .topup-wrapper{
11575 lgm 114
    margin:30px 20px;
11119 lgm 115
    background:@white;
11575 lgm 116
    padding: 10px 2px;
11558 lgm 117
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.8);
11119 lgm 118
  }
10582 lgm 119
  p:first-child{
120
    color:@grey;
121
    .font(1.6em);
122
    margin:5px 0;
123
    font-weight:bold;
124
    .float(left);
125
  }
126
  .close{
127
    .float(right);
11125 lgm 128
    position:relative;
129
    width:38px;
130
    height:38px;
131
    background:url('../images/cancel.png')no-repeat 8px 7px;
132
    background-size:23px;
133
    top: -10px;
134
    right: -5px;
10582 lgm 135
  }
136
  .topup-cont-head{
137
     width:100%!important;
11125 lgm 138
      margin-top:0px!important;
10582 lgm 139
      padding:5px 0;
140
       background:@grey;
141
      .boxsize;
142
    >div{
143
      .font(1.4em)!important;
144
      color:@white;
145
      border-right:@white solid 1px;
146
      background:@grey!important;
147
      margin:0!important;
148
      text-align:center!important;
149
    }
150
    >div:last-child{
151
      border-right:none;
152
    }
153
 
154
}  
155
.topup-cont-body{
156
  width:100%!important;
157
  >div{
158
    //border-bottom:lighten(@grey,45%) solid 1px;
159
  }
160
}
161
 
162
  .topup-cont-head >div:nth-of-type(1),.topup-cont-body >div:nth-of-type(3n+1){
163
    .font(1.2em);
164
      .float(left);
11558 lgm 165
      width:18%;
10582 lgm 166
      .boxsize;
167
      .boxsize;
168
      padding:7px 3px;
169
      text-align:center;
170
      background:@orange;
171
      color:@white;
172
      margin:3px 0;
173
  }
174
 
175
  .topup-cont-head >div:nth-of-type(2), .topup-cont-body >div:nth-of-type(3n+2){
176
      .font(1.2em);
177
      .float(left);
178
      width:23%;
179
      .boxsize;
180
      padding:7px 3px;
181
      text-align:center;
182
      text-overflow: ellipsis;
183
      overflow: hidden;
184
      white-space: nowrap;
185
      margin:3px 0;
186
  }
187
  .topup-cont-head >div:nth-of-type(3),.topup-cont-body >div:nth-of-type(3n+3){
188
    .font(1.2em);
189
      .float(left);
11558 lgm 190
      width:59%;
10582 lgm 191
      .boxsize;
192
      padding:7px 3px;
193
      text-align:left;
194
      margin:3px 0;
195
      text-overflow: ellipsis;
196
      overflow: hidden;
197
      white-space: nowrap;
198
  }
199
 
11558 lgm 200
  .topup-cont-body >div:nth-of-type(1), .topup-cont-body >div:nth-of-type(2), .topup-cont-body >div:nth-of-type(3){
201
    margin-top:5px;
202
  }
203
 
10582 lgm 204
}
205
 
206
.plans-btn{
207
  text-align:center;
208
  margin:10px 0 8px;
209
  padding:10px;
210
  background:@white;
211
  border:@list-color1 solid 1px;
212
  p{
213
    .font(1.6em);
214
    color:@grey;
215
  }
216
  >div{
217
    padding:6px 0;
218
    width:40%;
219
    background:@ltblue;
220
    color:@white;
221
    .font(1.4em);
222
    margin-top:5px;
223
  }
224
  >div:nth-of-type(1){
225
    .float(left);
226
  }
227
  >div:last-child{
228
    .float(right);
229
  }
230
}
231
 
232
/*-----------------------------------recharge-onfirmation---------------------------------*/
233
 
234
.conf-head{
235
  width:100%;
236
  background:@list-color2;
237
  margin-top:1px;
238
  padding:5px 10px;
239
  .boxsize;
240
  color:@grey;
241
  .font(1.6em);
242
  font-weight:bold; 
243
}
244
.conf-cont{
245
  background: @list-color2;
246
   padding:0px 10px 10px 10px;
247
  .conf-div{
248
     color:@grey;
249
    .font(1.4em);
11317 lgm 250
    > div:nth-of-type(odd){
10582 lgm 251
      .float(left);
11317 lgm 252
      width:70%;
10582 lgm 253
    }
11317 lgm 254
    >div:nth-of-type(even){
255
      .float(left);
256
      width:30%;
257
     }
10582 lgm 258
    >div:nth-of-type(odd){
259
 
260
    }
261
  }
262
  .pay-now{
263
    margin-top:10px;
264
    background: @orange;
265
    text-transform: uppercase;
266
    color: @white;
267
    padding: 10px;
268
    text-align: center;
269
    .font(1.6em);
270
  }
271
}
272
 
273
.coupon-code{
274
  margin-top:10px;
275
  border:@list-color1 solid 1px;
276
  background:@white;
277
  >div:nth-of-type(1){
278
    padding:10px 5px;
279
    background:@grey;
280
    color:@white;
281
    .font(1.4em);
282
  }
283
  >div:nth-of-type(2){
284
    padding:10px 5px 10px;
285
    input[type="text"]{
286
    color:@grey;
287
      .float(left);
288
      .boxsize;
289
      width:55%;
290
      border:@list-color2 solid 1px;
291
      padding:0 4px;
292
      height:30px;
293
      line-height:30px;
294
      display:block;
295
  }
296
  .apply-coupon{
297
    .font(1.4em);
298
      .float(right);
299
      width:40%;
300
      background:@ltblue;
301
      color:@white;
302
      height:30px;
303
      line-height:30px;
304
      text-align:center;
305
  }
306
 }
307
}
308
 
309
.gd-total{
310
    border:lighten(@grey,45%) solid 1px;
311
    background:@white;
312
    margin-top:10px;
313
    color:@grey;
314
      >div:nth-of-type(1){
315
        .float(left);
316
         width:60%;
317
        .font(1.6em);
318
        .boxsize;
319
        padding:10px 5px;
320
        border-right:lighten(@grey,45%) solid 1px;
321
      }
322
      >div:nth-of-type(2){
323
        .float(left);
324
        width:40%;
325
        .font(1.6em);
326
        .boxsize;
327
        padding:10px 5px;
328
        text-align:center;
329
      }
330
    }
331
 
332
#captcha, #clickCaptcha{
333
  text-align:center;
334
  margin:10px 0;
335
}
336
 
337
#coupon_msg{
338
  //background:@green;
339
}
340
/*----------------------error-msg---------------------------*/
341
 
342
.error_msg{
343
  padding:5px;
344
  display:block;
345
  border:red dotted 1px;
346
  background:@list-color2;
347
  color:red;
348
  .font(1.4em);
349
  margin:10px;
350
}
351
 
352
@import 'common.less';
353
 
354
 
355
.rech-head{
356
  background:darken(@list-color2,5%);
357
  border-top:@list-color1 solid 1px;
358
  padding:0 3px;
359
  .boxsize;
360
  width:100%;
361
  position:relative;
362
  > div:nth-of-type(1), > div:nth-of-type(3){
363
    .float(left);
364
    width:49%;
365
    padding:10px 0;
366
    .font(1.6em);
367
    font-weight:bold;
368
    color:@grey;
369
    text-align:center;
370
    .boxsize;
371
    text-transform:uppercase;
372
    height:45px;
373
    line-height:22px;
374
  }
375
  > div:nth-of-type(3){
376
    .float(right)!important;  
377
  }
378
  > div:nth-of-type(2){
379
    .float(left);
380
    width:2%;
381
    margin: 5px 0 5px -0.5px;
382
    max-width:1px;
383
    height:35px;
384
    background:@grey;
385
    text-align:center;
386
    position: absolute;
387
    left: 50%;
388
  }
389
  .selected{
390
    color:@ltblue!important;
391
    border-bottom:@ltblue solid 5px;
392
  }
393
 
394
}
395
 
396
.dth-recharge{
397
  display:none;
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
}