Subversion Repositories SmartDukaan

Rev

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