Subversion Repositories SmartDukaan

Rev

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