Subversion Repositories SmartDukaan

Rev

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