Subversion Repositories SmartDukaan

Rev

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