Subversion Repositories SmartDukaan

Rev

Rev 17587 | 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%;
15936 manish.sha 307
      background:@extgrey;
308
      color:@black;
10582 lgm 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){
15934 manish.sha 614
    padding:10px 5px;
615
    background:@grey;
616
    color:@white;
617
    .font(1.4em);
618
  }
619
  >div:nth-of-type(2){
10582 lgm 620
    padding:10px 5px 10px;
621
    input[type="text"]{
622
    color:@grey;
623
      .float(left);
624
      .boxsize;
625
      width:55%;
626
      border:@list-color2 solid 1px;
627
      padding:0 4px;
628
      height:30px;
629
      line-height:30px;
630
      display:block;
631
  }
632
  .apply-coupon{
633
    .font(1.4em);
634
      .float(right);
635
      width:40%;
15933 manish.sha 636
      background:@extgrey;
637
      color:@black;
10582 lgm 638
      height:30px;
639
      line-height:30px;
640
      text-align:center;
641
  }
642
 }
643
}
644
 
645
.gd-total{
646
    border:lighten(@grey,45%) solid 1px;
647
    background:@white;
648
    margin-top:10px;
649
    color:@grey;
650
      >div:nth-of-type(1){
651
        .float(left);
652
         width:60%;
653
        .font(1.6em);
654
        .boxsize;
655
        padding:10px 5px;
656
        border-right:lighten(@grey,45%) solid 1px;
657
      }
658
      >div:nth-of-type(2){
659
        .float(left);
660
        width:40%;
661
        .font(1.6em);
662
        .boxsize;
663
        padding:10px 5px;
664
        text-align:center;
665
      }
666
    }
667
 
668
#captcha, #clickCaptcha{
669
  text-align:center;
670
  margin:10px 0;
671
}
672
 
673
#coupon_msg{
674
  //background:@green;
675
}
676
 
677
.conf-cont .mobile-recharge{
678
      padding:0px;
679
}
680
 
11631 lgm 681
.mobile-recharge{
682
  h1{
683
   text-align:center;
684
   color:@grey;
685
   font-weight: normal;
686
  }
687
 
688
}
689
 
10582 lgm 690
/*----------------------error-msg---------------------------*/
691
 
692
.error_msg{
693
  padding:5px;
694
  display:block;
695
  border:red dotted 1px;
696
  background:@list-color2;
697
  color:red;
698
  .font(1.4em);
699
  margin:10px;
700
}
701
 
702
/*----------------------payment-hldr-------------------------*/
703
 
704
.payment-hldr{
705
  background:@list-color2;
706
  padding:5px 5px 10px;
707
  .hldr-sub{
708
    margin-top:10px;
709
    background:@white;
710
    border:lighten(@grey,45%) solid 1px;
711
    >div:nth-of-type(1){
712
      color:@ltblue;
713
      font-weight:bold;
714
    }
715
    form{
716
    background:@white;
717
    padding:0;
718
    }
719
    form fieldset{
720
      border:none;
721
    }
722
 
723
    .cc-hldr{
724
      border:lighten(@grey,45%) solid 1px;
725
      border-bottom:none;
726
      width: 100%;
727
      .boxsize;
728
     div{
729
      .float(left);
730
      width: 50%;
731
      box-sizing: border-box;
732
      -webkit-box-sizing: border-box;
733
      -moz-box-sizing: border-box;
734
      .font(1.4em);
735
      color: @white;
736
      background: @grey;
737
      padding: 10px 0;
738
      text-align: center;
739
    }
740
    .selected{
741
      background: @white!important;
742
      color: @ltblue!important;
743
      font-weight:bold;
744
    }
745
    }
746
 
747
    > .card{
748
      color:@grey;
749
      padding:7px 5px;
750
      .font(1.6em);
751
      border-top:lighten(@grey,45%) solid 1px;
752
      >span{
753
        .float(right);
754
      }
755
    } 
756
    > .card:first-child{
757
      border-top:none;
758
    }   
759
  }  
760
  .credit-cards{
761
    padding:0 5px 5px 5px;
762
    .in-india, .out-india{
763
      width:100%;
764
      padding:20px 0 10px; 
765
      border:lighten(@grey,45%) solid 1px;
766
      border-top:none;
767
      .boxsize;
768
      p{
769
        text-align:center;
770
        .font(1.2em);
771
        margin:10px 0 0 0;
772
        color:@grey;
773
        .float(left);
774
        width:100%;
775
      }
776
    }
777
  }
778
 
779
  .info-hldr{
780
    form fieldset{
781
      border:none;
782
    }
783
    padding:0 5px 5px 5px;
784
    .info-cap{
785
      color:@grey;
786
      .font(1.2em);
787
    }
788
    .emi-hldr{
789
      border:lighten(@grey,45%) solid 1px;
790
      border-bottom:none;
791
        .emi-head{
792
          border-bottom:lighten(@grey,45%) solid 1px;
793
          .font(1.2em);
794
          font-weight:bold;
795
          background:@list-color1;
796
          >div{
797
          .float(left);
798
          width:33.3%;
799
          color:@grey;
800
          text-align:center;
801
          padding:7px 2px;
802
          .boxsize;
803
          }
804
        }
805
        .emi-body{
806
          border-bottom:lighten(@grey,45%) solid 1px;
807
          .font(1.2em);
808
          color:@grey;
809
          >div{
810
          .float(left);
811
          width:33.3%;
812
          text-align:center;
813
          padding:7px 2px;
814
          .boxsize;
815
          }
816
        }
817
         .emi-body.selected{
818
            background:lighten(@green, 10%);
819
            color:@white!important;
820
            box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
821
        }
822
    }
823
  }
824
 
825
 
826
    .c-box{
827
      padding:0 5px;
828
       div{
829
        float:left;
20278 aman.kumar 830
        width:21%;
10582 lgm 831
        .boxsize;
832
        text-align:center;
833
        padding:2px;
834
        border:@white solid 2px;
10985 lgm 835
        //opacity: 0.6;
10582 lgm 836
        img{
837
          width:80%;
838
          height: 50px;
10985 lgm 839
          max-width: 90px;
10582 lgm 840
        }
841
      }
842
      div:nth-of-type(3n+2){
843
        margin:0 5%;
844
      }
845
      .selected{
846
        border:@ltblue solid 2px;
847
        opacity: 1;
848
      }
849
      p{
850
        clear:both;
851
      }
852
    }
853
 
854
 
855
 
856
  .c-info{
857
    color:@grey;
858
    .font(1.4em);
859
    padding:0 0 20px; 
860
    text-align:center;
861
  }
862
  .payment-btn{
863
    appearance:none;
864
    -webkit-appearance:none;
865
    border:none;
866
    width:100%;
867
    background:@orange;
868
    color:@white;
869
    .font(1.8em);
870
    padding:8px 0;
871
    margin:15px 0 10px;
872
  }
873
 
874
 
875
}
876
 
877
/*-------------recharge-confirmation-----------------------*/
878
 
879
.r-hldr{
880
  background:@list-color1;
881
  //padding:0 10px 10px 10px;
882
  .r-head{
883
    .font(1.6em);
884
    font-weight:bold;
885
    background:@list-color2;
886
    color:@grey;
887
    padding:5px 10px;
888
    //border-bottom:@white solid 2px;
889
  }
890
  .r-cont{
891
    padding:0 10px;
892
    >div{
893
      padding:5px;
894
      .font(1.4em);
895
      .float(left);
896
      width:40%;
897
      color:@grey;
898
      .boxsize;
899
      padding-right:5px;
900
    }
901
    >div:nth-of-type(1){
902
      font-weight:bold;
903
    }
904
  }
905
 
906
  .r-info{
907
    padding:10px;
908
  }
909
    .r-info-head{
910
     width:100%!important;
911
      //margin-top:10px;
912
      padding:5px 0;
913
       background:@grey;
914
      .boxsize;
915
    >div{
916
      .font(1.4em)!important;
917
      color:@white!important;
918
      border-right:@white solid 1px;
919
      background:@grey!important;
920
      margin:0!important;
921
      text-align:center!important;
922
    }
923
    >div:last-child{
924
      border-right:none;
925
    }
926
 
927
}  
928
 
929
.r-info-head >div:nth-of-type(1),.r-info-body >div:nth-of-type(1){
930
      .font(1.2em);
931
      .float(left);
932
      width:40%;
933
      .boxsize;
934
      padding:7px 3px;
935
      text-align:center;
936
      color:@grey;
937
      margin:3px 0;
938
  }
939
 
940
  .r-info-head >div:nth-of-type(2), .r-info-body >div:nth-of-type(2){
941
      .font(1.2em);
942
      .float(left);
943
      width:30%;
944
      .boxsize;
945
      padding:7px 3px;
946
      text-align:center;
947
      text-overflow: ellipsis;
948
      overflow: hidden;
949
      white-space: nowrap;
950
      margin:3px 0;
951
      color:@grey;
952
      text-align:center;
953
  }
954
  .r-info-head >div:nth-of-type(3),.r-info-body >div:nth-of-type(3){
955
    .font(1.2em);
956
      .float(left);
957
      width:30%;
958
      .boxsize;
959
      padding:7px 3px;
960
      text-align:left;
961
      margin:3px 0;
962
      text-overflow: ellipsis;
963
      overflow: hidden;
964
      white-space: nowrap;
965
      color:@grey;
966
      text-align:center;
967
  }
968
}
969
 
970
.update-address{
971
  margin:10px 0;
972
}
973
 
974
/*-------------recharge-faq-----------------------*/
975
.faq-hldr{
976
  h2{
977
    background:@list-color1;
978
    padding:10px;
979
    color:@grey;
980
    .font(2.0em);
981
    border-top:@white solid 1px;
982
    border-bottom:@white solid 1px;
10846 lgm 983
    text-transform:uppercase;
10582 lgm 984
  }
10846 lgm 985
  .faq-head{
11008 lgm 986
    color: #555555;
987
    font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
988
    padding: 10px;
989
    /* border-bottom: 1px solid #ccc; */
990
    border-width: 1px 0;
991
    background-color: #f8f5ee;
992
    margin-bottom: 1px;
993
      >span{
994
        .float(right);
11291 lgm 995
        //margin-top:4px;
11008 lgm 996
      }
10846 lgm 997
  }
11008 lgm 998
  .faq-body{
999
    margin: 5px 0px;
1000
  }
10846 lgm 1001
  .faq-question, .qst{
11129 lgm 1002
    color:@blue;
10582 lgm 1003
    .font(1.4em);
10846 lgm 1004
    padding:5px 10px;
11129 lgm 1005
    //background:@list-color2;
11008 lgm 1006
    margin-bottom: 2px;
11129 lgm 1007
    >span{
1008
      color:@grey;
1009
    }
10582 lgm 1010
  }
10846 lgm 1011
  .faq-answer ,.ans{
10582 lgm 1012
    color:@grey;
1013
    .font(1.2em);
10846 lgm 1014
    padding:10px;
1015
    background:@white;
1016
    img{
1017
      margin:5px 0;
1018
      border:@grey solid 1px;
1019
      max-width:300px;
1020
    }
1021
    ul{
1022
      margin: 10px 0 10px 15px;
1023
      list-style-type: circle;
1024
    }
1025
    ul li{
1026
      margin-bottom:5px;
1027
    }
1028
    p{
1029
      margin-bottom:4px;
1030
    }
1031
    a{
1032
      color:@ltblue;
1033
      text-decoration:underline;
1034
    }
10582 lgm 1035
  }
1036
}
11033 lgm 1037
 
1038
 
1039
/**********************************emi page*************************************/
1040
 
1041
.bank-name{
1042
  .font(1.4em);
1043
  padding:8px;
1044
  .boxsize;
1045
  background:@sub-list;
1046
  color:@white;
1047
  margin-top:1px;
1048
  span{
1049
    float:right;
1050
  }
1051
}
1052
 
1053
.emi-head{
1054
  color:@grey;
1055
  .font(1.6em);
1056
  padding:8px;
1057
}
1058
 
1059
.bank-emi > div{
1060
  border-bottom:lighten(@sub-list, 30%) solid 1px;
1061
  padding:8px;
1062
}
1063
 
1064
.bank-emi > div >div{
1065
  .font(1.2em);
1066
  color:@grey;
1067
}
1068
 
1069
.bank-emi > div >div:nth-of-type(1){
1070
  .float(left);
1071
}
1072
.bank-emi > div >div:nth-of-type(2){
1073
  .float(right);
1074
}
1075
.bank-emi > div >div:nth-of-type(3){
1076
  .float(right);
1077
}
11291 lgm 1078
.re-confirm{
1079
  padding:0!important;
1080
}
11256 lgm 1081
 
1082
 
1083
/*********************************static page**************************************/
1084
 
11291 lgm 1085
.otg-cont h2, .instore h2, .insure-mobile h2{
11256 lgm 1086
  padding:10px;
1087
    background:@list-color1;
1088
    .font(1.8em);
1089
    color:@grey;
1090
}
1091
 
1092
.otg-cont{
1093
 
1094
  p{
1095
    .font(1.4em);
1096
    color:@grey;
1097
    margin:10px 10px 0px 10px;
1098
  }
1099
 
1100
  ul{
1101
    list-style-type:circle;
1102
    margin:10px 0 10px 50px;
1103
    padding-right: 10px;
1104
    color:@grey;
1105
    li{
1106
      .font(1.4em);
1107
    }
1108
  }
1109
  h3{
1110
    margin:5px 0;
1111
    padding:10px;
1112
    background:@list-color1;
1113
    .font(1.6em);
1114
    color:@grey;
1115
  }
1116
  ol{
1117
    list-style-type:decimal;
1118
    padding-right: 10px;
1119
   > li{
1120
      .font(1.4em);
1121
      margin:10px 0 10px 35px;
1122
      ul{
1123
        margin: 10px 0 10px 20px;
1124
        padding-right: 10px;
1125
         li{
1126
           .font(1.0em);
1127
           margin: 10px 0 10px 0px;
1128
         }
1129
 
1130
      }
1131
    }
1132
  }
1133
}
1134
 
1135
.instore{
1136
   .qst{
1137
     background:@list-color2;
1138
     padding:10px;
1139
     .font(1.4em);
1140
     color:@grey;
1141
   }
1142
 
1143
   .qst:before{
1144
     content:"Q: ";
1145
     font-weight:bold;
1146
   }
1147
   .ans{
1148
     padding:10px;
1149
     .font(1.2em);
1150
     color:@grey;
1151
   }
1152
   .ans:before{
1153
     content:"Ans: ";
1154
     font-weight:bold;
1155
   }
1156
 
1157
}
1158
 
11291 lgm 1159
.insure-mobile{
11256 lgm 1160
   ul{
1161
    list-style-type:circle;
1162
    margin:10px 0 10px 30px;
1163
    padding-right: 10px;
1164
    color:@grey;
1165
    li{
1166
      .font(1.4em);
1167
    }
1168
}
11715 lgm 1169
}
1170
 
1171
.fetch-operator{
1172
  .font(1.2em);
1173
  color:@white;
1174
  background:@grey;
1175
  padding:5px 10px;
1176
  display:inline-block;
1177
}
13084 anikendra 1178
 
1179
.walletlogin{border: 1px solid #ccc;font-size: 1.4em;margin: 10px 0;padding: 4px;text-align: center;
1180
  a{font-weight:bold;text-decoration:underline;}
17586 manish.sha 1181
}