-
Notifications
You must be signed in to change notification settings - Fork 0
/
colors.css
703 lines (681 loc) · 35.9 KB
/
colors.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
/*****************************
colors framework
*****************************/
/*** variables ***/
:root {
--blue: #0000ff;
--red: #ff0000;
--green: #008000;
--orange: #ffa500;
--lime: #00ff00;
--black: #000000;
--white: #ffffff;
--grey: #808080;
--gray: #808080;
--silver: #c0c0c0;
--yellow: #ffff00;
--maroon: #800000;
--purple: #8a2be2;
--pink: #ff1493;
--olive: #808000;
--navy: #000080;
--aqua: #00ffff;
--brown: #a52a2a;
--chocolate: #7b3f00;
--gold: #ffd700;
--neongreen: #39ff14;
--turquoise: #40e0d0;
--skyblue: #00bfff;
--lavender: #e6e6fa;
--violet: #bb3385;
--rosa: #ffbcd9;
--lightgrey: #d3d3d3;
--lightgray: #d3d3d3;
--beige: #f5f5dc;
--salmon: #e9967a;
--darkviolet: #420420;
--pastelgreen: #5ac18e;
--softgreen: #dcedc1;
--darksalmon: #ff7373;
--bluegrey: #c6e2ff;
--bluegray: #c6e2ff;
--aquamarine: #7fffd4;
--lightbrown: #cd853f;
--darkgreen: #254117;
--sun: #ffe87c;
--winered: #990012;
--apricot: #fbceb1;
--facebook: #3b5998;
--twitter: #1da1f2;
--whatsapp: #4ac959;
--instablue: #405de6;
--instadarkpurple: #5851db;
--instapurple: #833ab4;
--instagram: #c13584;
--instapink: #e1306c;
--instared: #fd1d1d;
--instadarkorang: #f56040;
--instaorange: #f77737;
--instayellow: #fcaf45;
--instalightyellow: #ffdc80;
--linkedin: #2867b2;
--youtube: #FF0000;
--telegram: #0088cc;
--wechat: #7bb32e;
--skype: #00aff0;
--dings-blue: #1d84df;
--dings-darkblue: #00008b;
--dings-green: #02dc4f;
--dings-red: #dc2430;
--dings-darkred: #670209;
}
/*** text styles ***/
.text-lime { color: #00ff00; }
.text-red { color: #ff0000; }
.text-black { color: #000000; }
.text-white { color: #ffffff; }
.text-grey { color: #808080; }
.text-gray { color: #808080; }
.text-silver { color: #c0c0c0; }
.text-yellow { color: #ffff00; }
.text-maroon { color: #800000; }
.text-purple { color: #8a2be2; }
.text-pink { color: #ff1493; }
.text-green { color: #008000; }
.text-olive { color: #808000; }
.text-navy { color: #000080; }
.text-aqua { color: #00ffff; }
.text-blue { color: #0000ff; }
.text-orange { color: #ffa500; }
.text-brown { color: #a52a2a; }
.text-chocolate { color: #7b3f00; }
.text-gold { color: #ffd700; }
.text-neongreen { color: #39ff14; }
.text-turquoise { color: #40e0d0; }
.text-skyblue { color: #00bfff; }
.text-lavender { color: #e6e6fa; }
.text-violet { color: #bb3385; }
.text-rosa { color: #ffbcd9; }
.text-lightgrey { color: #d3d3d3; }
.text-lightgray { color: #d3d3d3; }
.text-beige { color: #f5f5dc; }
.text-salmon { color: #e9967a; }
.text-darkviolet { color: #420420; }
.text-pastelgreen { color: #5ac18e; }
.text-softgreen { color: #dcedc1; }
.text-darksalmon { color: #ff7373; }
.text-bluegrey { color: #c6e2ff; }
.text-bluegray { color: #c6e2ff; }
.text-aquamarine { color: #7fffd4; }
.text-lightbrown { color: #cd853f; }
.text-darkgreen { color: #254117; }
.text-sun { color: #ffe87c; }
.text-winered { color: #990012; }
.text-apricot { color: #fbceb1; }
.text-facebook { color: #3b5998; }
.text-twitter { color: #1da1f2; }
.text-whatsapp { color: #4ac959; }
.text-instablue { color: #405de6; }
.text-instadarkpurple { color: #5851db; }
.text-instapurple { color: #833ab4; }
.text-instagram { color: #c13584; }
.text-instapink { color: #e1306c }
.text-instared { color: #fd1d1d; }
.text-instadarkorange{ color: #f56040; }
.text-instaorange { color: #f77737; }
.text-instayellow { color: #fcaf45; }
.text-instalightyellow { color: #ffdc80; }
.text-linkedin { color: #2867b2; }
.text-youtube { color: #FF0000; }
.text-telegram { color: #0088cc; }
.text-wechat { color: #7bb32e; }
.text-skype { color: #00aff0; }
.text-dings-blue { color: #1d84df; }
.text-dings-darkblue { color: #00008b; }
.text-dings-green { color: #02dc4f; }
.text-dings-red { color: #dc2430; }
.text-dings-darkred { color: #670209; }
/*** text hover styles ***/
.text-lime.text-hover:hover { color: #05e905; }
.text-red.text-hover:hover { color: #f20606; }
.text-black.text-hover:hover { color: #2e2d2d; }
.text-white.text-hover:hover { color: #f8f6f6; }
.text-grey.text-hover:hover { color: #7b7b7b; }
.text-gray.text-hover:hover { color: #7b7b7b; }
.text-silver.text-hover:hover { color: #aaa6a6; }
.text-yellow.text-hover:hover { color: #ffff50; }
.text-maroon.text-hover:hover { color: #620202; }
.text-purple.text-hover:hover { color: #7022b8; }
.text-pink.text-hover:hover { color: #f2178d; }
.text-green.text-hover:hover { color: #036803; }
.text-olive.text-hover:hover { color: #707001; }
.text-navy.text-hover:hover { color: #000059; }
.text-aqua.text-hover:hover { color: #00e7e7; }
.text-blue.text-hover:hover { color: #0202b4; }
.text-orange.text-hover:hover { color: #f69f00; }
.text-brown.text-hover:hover { color: #902c2c; }
.text-chocolate.text-hover:hover { color: #663401; }
.text-gold.text-hover:hover { color: #f0ca00; }
.text-neongreen.text-hover:hover { color: #38e517; }
.text-turquoise.text-hover:hover { color: #59cec2; }
.text-skyblue.text-hover:hover { color: #0dace1; }
.text-lavender.text-hover:hover { color: #d4d4f4; }
.text-violet.text-hover:hover { color: #9d2f71; }
.text-rosa.text-hover:hover { color: #ebabc7; }
.text-lightgrey.text-hover:hover { color: #c3c1c1; }
.text-lightgray.text-hover:hover { color: #c3c1c1; }
.text-beige.text-hover:hover { color: #e9e9c8; }
.text-salmon.text-hover:hover { color: #da886b; }
.text-darkviolet.text-hover:hover { color: #6e0635; }
.text-pastelgreen.text-hover:hover { color: #42b67c; }
.text-softgreen.text-hover:hover { color: #c6d6ab; }
.text-darksalmon.text-hover:hover { color: #f17373; }
.text-bluegrey.text-hover:hover { color: #b4d1f0; }
.text-bluegray.text-hover:hover { color: #b4d1f0; }
.text-aquamarine.text-hover:hover { color: #76f0c7; }
.text-lightbrown.text-hover:hover { color: #bc7b3b; }
.text-darkgreen.text-hover:hover { color: #19300e; }
.text-sun.text-hover:hover { color: #ffe364; }
.text-winered.text-hover:hover { color: #830312; }
.text-apricot.text-hover:hover { color: #fabd95; }
.text-facebook.text-hover:hover { color: #2c4881; }
.text-twitter.text-hover:hover { color: #3094d1; }
.text-whatsapp.text-hover:hover { color: #42bc51; }
.text-instablue.text-hover:hover { color: #324fd8; }
.text-instadarkpurple.text-hover:hover { color: #4f49c9; }
.text-instapurple.text-hover:hover { color: #7223a7; }
.text-instagram.text-hover:hover { color: #ab2973; }
.text-instapink.text-hover:hover { color: #c31d55; }
.text-instared.text-hover:hover { color: #de0202; }
.text-instadarkorange.text-hover:hover{ color: #e95231; }
.text-instaorange.text-hover:hover { color: #ff671c; }
.text-instayellow.text-hover:hover { color: #fca731; }
.text-instalightyellow.text-hover:hover { color: #ffd360; }
.text-linkedin.text-hover:hover { color: #18569e; }
.text-youtube.text-hover:hover { color: #f20606; }
.text-telegram.text-hover:hover { color: #0878af; }
.text-wechat.text-hover:hover { color: #70a723; }
.text-skype.text-hover:hover { color: #069dd6; }
.text-dings-blue.text-hover:hover { color: #1d84df; }
.text-dings-darkblue.text-hover:hover { color: #00008b; }
.text-dings-green.text-hover:hover { color: #02dc4f; }
.text-dings-red.text-hover:hover { color: #dc2430; }
.text-dings-darkred.text-hover:hover { color:#670209; }
/*** button styles ***/
.btn-lime { background-color: #00ff00; color: #000000; }
.btn-red { background-color: #ff0000; color: #ffffff; }
.btn-black { background-color: #000000; color: #ffffff; }
.btn-white { background-color: #ffffff; color: #000000; }
.btn-grey { background-color: #808080; color: #ffffff; }
.btn-gray { background-color: #808080; color: #ffffff; }
.btn-silver { background-color: #c0c0c0; color: #000000; }
.btn-yellow { background-color: #ffff00; color: #000000; }
.btn-maroon { background-color: #800000; color: #ffffff; }
.btn-purple { background-color: #8a2be2; color: #ffffff; }
.btn-pink { background-color: #ff1493; color: #ffffff; }
.btn-green { background-color: #008000; color: #ffffff; }
.btn-olive { background-color: #808000; color: #ffffff; }
.btn-navy { background-color: #000080; color: #ffffff; }
.btn-aqua { background-color: #00ffff; color: #000000; }
.btn-blue { background-color: #0000ff; color: #ffffff; }
.btn-orange { background-color: #ffa500; color: #ffffff; }
.btn-brown { background-color: #a52a2a; color: #ffffff; }
.btn-chocolate { background-color: #7b3f00; color: #ffffff; }
.btn-gold { background-color: #ffd700; color: #000000; }
.btn-neongreen { background-color: #39ff14; color: #000000; }
.btn-turquoise { background-color: #40e0d0; color: #000000; }
.btn-skyblue { background-color: #00bfff; color: #000000; }
.btn-lavender { background-color: #e6e6fa; color: #000000; }
.btn-violet { background-color: #bb3385; color: #ffffff; }
.btn-rosa { background-color: #ffbcd9; color: #000000; }
.btn-lightgrey { background-color: #d3d3d3; color: #000000; }
.btn-lightgray { background-color: #d3d3d3; color: #000000; }
.btn-beige { background-color: #f5f5dc; color: #000000; }
.btn-salmon { background-color: #e9967a; color: #ffffff; }
.btn-darkviolet { background-color: #420420; color: #ffffff; }
.btn-pastelgreen { background-color: #5ac18e; color: #000000; }
.btn-softgreen { background-color: #dcedc1; color: #000000; }
.btn-darksalmon { background-color: #ff7373; color: #ffffff; }
.btn-bluegrey { background-color: #c6e2ff; color: #000000; }
.btn-bluegray { background-color: #c6e2ff; color: #000000; }
.btn-aquamarine { background-color: #7fffd4; color: #000000; }
.btn-lightbrown { background-color: #cd853f; color: #ffffff; }
.btn-darkgreen { background-color: #254117; color: #ffffff; }
.btn-sun { background-color: #ffe87c; color: #000000; }
.btn-winered { background-color: #990012; color: #ffffff; }
.btn-apricot { background-color: #fbceb1; color: #000000; }
.btn-facebook { background-color: #3b5998; color: #ffffff; }
.btn-twitter { background-color: #1da1f2; color: #ffffff; }
.btn-whatsapp { background-color: #4ac959; color: #ffffff; }
.btn-instablue { background-color: #405de6; color: #ffffff; }
.btn-instadarkpurple { background-color: #5851db; color: #ffffff; }
.btn-instapurple { background-color: #833ab4; color: #ffffff; }
.btn-instagram { background-color: #c13584; color: #ffffff; }
.btn-instapink { background-color: #e1306c; color: #ffffff; }
.btn-instared { background-color: #fd1d1d; color: #ffffff; }
.btn-instadarkorange{ background-color: #f56040; color: #ffffff; }
.btn-instaorange { background-color: #f77737; color: #ffffff; }
.btn-instayellow { background-color: #fcaf45; color: #000000; }
.btn-instalightyellow { background-color: #ffdc80; color: #000000; }
.btn-linkedin { background-color: #2867b2; color: #ffffff; }
.btn-youtube { background-color: #FF0000; color: #ffffff; }
.btn-telegram { background-color: #0088cc; color: #ffffff; }
.btn-wechat { background-color: #7bb32e; color: #ffffff; }
.btn-skype { background-color: #00aff0; color: #ffffff; }
.btn-dings-blue { background-color: #1d84df; color: #ffffff; }
.btn-dings-darkblue { background-color: #00008b; color: #ffffff; }
.btn-dings-green { background-color: #02dc4f; color: #000000; }
.btn-dings-red { background-color: #dc2430; color: #ffffff; }
.btn-dings-darkred { background-color: #670209; color: #ffffff; }
.btn-transparent { background-color: transparent }
/*** button hover styles ***/
.btn-lime.btn-hover:hover { background-color: #05e905; color: #000000; }
.btn-red.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-black.btn-hover:hover { background-color: #2e2d2d; color: #ffffff; }
.btn-white.btn-hover:hover { background-color: #f8f6f6; color: #000000; }
.btn-grey.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-gray.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-silver.btn-hover:hover { background-color: #aaa6a6; color: #000000; }
.btn-yellow.btn-hover:hover { background-color: #ffff50; color: #000000; }
.btn-maroon.btn-hover:hover { background-color: #620202; color: #ffffff; }
.btn-purple.btn-hover:hover { background-color: #7022b8; color: #ffffff; }
.btn-pink.btn-hover:hover { background-color: #f2178d; color: #ffffff; }
.btn-green.btn-hover:hover { background-color: #036803; color: #ffffff; }
.btn-olive.btn-hover:hover { background-color: #707001; color: #ffffff; }
.btn-navy.btn-hover:hover { background-color: #000059; color: #ffffff; }
.btn-aqua.btn-hover:hover { background-color: #00e7e7; color: #000000; }
.btn-blue.btn-hover:hover { background-color: #0202b4; color: #ffffff; }
.btn-orange.btn-hover:hover { background-color: #f69f00; color: #ffffff; }
.btn-brown.btn-hover:hover { background-color: #902c2c; color: #ffffff; }
.btn-chocolate.btn-hover:hover { background-color: #663401; color: #ffffff; }
.btn-gold.btn-hover:hover { background-color: #f0ca00; color: #000000; }
.btn-neongreen.btn-hover:hover { background-color: #38e517; color: #000000; }
.btn-turquoise.btn-hover:hover { background-color: #59cec2; color: #000000; }
.btn-skyblue.btn-hover:hover { background-color: #0dace1; color: #000000; }
.btn-lavender.btn-hover:hover { background-color: #d4d4f4; color: #000000; }
.btn-violet.btn-hover:hover { background-color: #9d2f71; color: #ffffff; }
.btn-rosa.btn-hover:hover { background-color: #ebabc7; color: #000000; }
.btn-lightgrey.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-lightgray.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-beige.btn-hover:hover { background-color: #e9e9c8; color: #000000; }
.btn-salmon.btn-hover:hover { background-color: #da886b; color: #ffffff; }
.btn-darkviolet.btn-hover:hover { background-color: #6e0635; color: #ffffff; }
.btn-pastelgreen.btn-hover:hover { background-color: #42b67c; color: #000000; }
.btn-softgreen.btn-hover:hover { background-color: #c6d6ab; color: #000000; }
.btn-darksalmon.btn-hover:hover { background-color: #f17373; color: #ffffff; }
.btn-bluegrey.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-bluegray.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-aquamarine.btn-hover:hover { background-color: #76f0c7; color: #000000; }
.btn-lightbrown.btn-hover:hover { background-color: #bc7b3b; color: #ffffff; }
.btn-darkgreen.btn-hover:hover { background-color: #19300e; color: #ffffff; }
.btn-sun.btn-hover:hover { background-color: #ffe364; color: #000000; }
.btn-winered.btn-hover:hover { background-color: #830312; color: #ffffff; }
.btn-apricot.btn-hover:hover { background-color: #fabd95; color: #000000; }
.btn-facebook.btn-hover:hover { background-color: #2c4881; color: #ffffff; }
.btn-twitter.btn-hover:hover { background-color: #3094d1; color: #ffffff; }
.btn-whatsapp.btn-hover:hover { background-color: #42bc51; color: #ffffff; }
.btn-instablue.btn-hover:hover { background-color: #324fd8; color: #ffffff; }
.btn-instadarkpurple.btn-hover:hover { background-color: #4f49c9; color: #ffffff; }
.btn-instapurple.btn-hover:hover { background-color: #7223a7; color: #ffffff; }
.btn-instagram.btn-hover:hover { background-color: #ab2973; color: #ffffff; }
.btn-instapink.btn-hover:hover { background-color: #c31d55; color: #ffffff; }
.btn-instared.btn-hover:hover { background-color: #de0202; color: #ffffff; }
.btn-instadarkorange.btn-hover:hover{ background-color: #e95231; color: #ffffff; }
.btn-instaorange.btn-hover:hover { background-color: #ff671c; color: #ffffff; }
.btn-instayellow.btn-hover:hover { background-color: #fca731; color: #000000; }
.btn-instalightyellow.btn-hover:hover { background-color: #ffd360; color: #000000; }
.btn-linkedin.btn-hover:hover { background-color: #18569e; color: #ffffff; }
.btn-youtube.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-telegram.btn-hover:hover { background-color: #0878af; color: #ffffff; }
.btn-wechat.btn-hover:hover { background-color: #70a723; color: #ffffff; }
.btn-skype.btn-hover:hover { background-color: #069dd6; color: #ffffff; }
.btn-dings-blue.btn-hover:hover { background-color: #1d84df; color: #ffffff; }
.btn-dings-darkblue.btn-hover:hover { background-color: #00008b; color: #ffffff; }
.btn-dings-green.btn-hover:hover { background-color: #02dc4f; color: #000000; }
.btn-dings-red.btn-hover:hover { background-color: #dc2430; color: #ffffff; }
.btn-dings-darkred.btn-hover:hover { background-color: #670209; color: #ffffff; }
/*** background styles ***/
.bg-lime { background-color: #00ff00; }
.bg-red { background-color: #ff0000; }
.bg-black { background-color: #000000; }
.bg-white { background-color: #ffffff; }
.bg-grey { background-color: #808080; }
.bg-gray { background-color: #808080; }
.bg-silver { background-color: #c0c0c0; }
.bg-yellow { background-color: #ffff00; }
.bg-maroon { background-color: #800000; }
.bg-purple { background-color: #8a2be2; }
.bg-pink { background-color: #ff1493; }
.bg-green { background-color: #008000; }
.bg-olive { background-color: #808000; }
.bg-navy { background-color: #000080; }
.bg-aqua { background-color: #00ffff; }
.bg-blue { background-color: #0000ff; }
.bg-orange { background-color: #ffa500; }
.bg-brown { background-color: #a52a2a; }
.bg-chocolate { background-color: #7b3f00; }
.bg-gold { background-color: #ffd700; }
.bg-neongreen { background-color: #39ff14; }
.bg-turquoise { background-color: #40e0d0; }
.bg-skyblue { background-color: #00bfff; }
.bg-lavender { background-color: #e6e6fa; }
.bg-violet { background-color: #bb3385; }
.bg-rosa { background-color: #ffbcd9; }
.bg-lightgrey { background-color: #d3d3d3; }
.bg-lightgray { background-color: #d3d3d3; }
.bg-beige { background-color: #f5f5dc; }
.bg-salmon { background-color: #e9967a; }
.bg-darkviolet { background-color: #420420; }
.bg-pastelgreen { background-color: #5ac18e; }
.bg-softgreen { background-color: #dcedc1; }
.bg-darksalmon { background-color: #ff7373; }
.bg-bluegrey { background-color: #c6e2ff; }
.bg-bluegray { background-color: #c6e2ff; }
.bg-aquamarine { background-color: #7fffd4; }
.bg-lightbrown { background-color: #cd853f; }
.bg-darkgreen { background-color: #254117; }
.bg-sun { background-color: #ffe87c; }
.bg-winered { background-color: #990012; }
.bg-apricot { background-color: #fbceb1; }
.bg-facebook { background-color: #3b5998; }
.bg-twitter { background-color: #1da1f2; }
.bg-whatsapp { background-color: #4ac959; }
.bg-instablue { background-color: #405de6; }
.bg-instadarkpurple { background-color: #5851db; }
.bg-instapurple { background-color: #833ab4; }
.bg-instagram { background-color: #c13584; }
.bg-instapink { background-color: #e1306c; }
.bg-instared { background-color: #fd1d1d; }
.bg-instadarkorange{ background-color: #f56040; }
.bg-instaorange { background-color: #f77737; }
.bg-instayellow { background-color: #fcaf45; }
.bg-instalightyellow { background-color: #ffdc80; }
.bg-linkedin { background-color: #2867b2; }
.bg-youtube { background-color: #FF0000; }
.bg-telegram { background-color: #0088cc; }
.bg-wechat { background-color: #7bb32e; }
.bg-skype { background-color: #00aff0; }
.bg-dings-blue { background-color: #1d84df; }
.bg-dings-darkblue { background-color: #00008b; }
.bg-dings-green { background-color: #02dc4f; }
.bg-dings-red { background-color: #dc2430; }
.bg-dings-darkred { background-color: #670209; }
.bg-transparent { background-color: transparent }
/*** background hover styles ***/
.bg-lime.bg-hover:hover,
.bg-lime.bg-hover:hover > .btn-lime { background-color: #05e905; }
.bg-red.bg-hover:hover,
.bg-red.bg-hover:hover > .btn-red { background-color: #f20606; }
.bg-black.bg-hover:hover,
.bg-black.bg-hover:hover > .btn-black { background-color: #2e2d2d; }
.bg-white.bg-hover:hover,
.bg-white.bg-hover:hover > .btn-white { background-color: #f8f6f6; }
.bg-grey.bg-hover:hover,
.bg-grey.bg-hover:hover > .btn-grey { background-color: #7b7b7b; }
.bg-gray.bg-hover:hover,
.bg-gray.bg-hover:hover > .btn-gray { background-color: #7b7b7b; }
.bg-silver.bg-hover:hover,
.bg-silver.bg-hover:hover > .btn-silver { background-color: #aaa6a6; }
.bg-yellow.bg-hover:hover,
.bg-yellow.bg-hover:hover > .btn-yellow { background-color: #ffff50; }
.bg-maroon.bg-hover:hover,
.bg-maroon.bg-hover:hover > .btn-maroon { background-color: #620202; }
.bg-purple.bg-hover:hover,
.bg-purple.bg-hover:hover > .btn-purple { background-color: #7022b8; }
.bg-pink.bg-hover:hover,
.bg-pink.bg-hover:hover > .btn-pink { background-color: #f2178d; }
.bg-green.bg-hover:hover,
.bg-green.bg-hover:hover > .btn-green { background-color: #036803; }
.bg-olive.bg-hover:hover,
.bg-olive.bg-hover:hover > .btn-olive { background-color: #707001; }
.bg-navy.bg-hover:hover,
.bg-navy.bg-hover:hover > .btn-navy { background-color: #000059; }
.bg-aqua.bg-hover:hover,
.bg-aqua.bg-hover:hover > .btn-aqua { background-color: #00e7e7; }
.bg-blue.bg-hover:hover,
.bg-blue.bg-hover:hover > .btn-blue { background-color: #0202b4; }
.bg-orange.bg-hover:hover,
.bg-orange.bg-hover:hover > .btn-orange { background-color: #f69f00; }
.bg-brown.bg-hover:hover,
.bg-brown.bg-hover:hover > .btn-brown { background-color: #902c2c; }
.bg-chocolate.bg-hover:hover,
.bg-chocolate.bg-hover:hover > .btn-chocolate { background-color: #663401; }
.bg-gold.bg-hover:hover,
.bg-gold.bg-hover:hover > .btn-gold { background-color: #f0ca00; }
.bg-neongreen.bg-hover:hover,
.bg-neongreen.bg-hover:hover > .btn-neongreen { background-color: #38e517; }
.bg-turquoise.bg-hover:hover,
.bg-turquoise.bg-hover:hover > .btn-turquoise { background-color: #59cec2; }
.bg-skyblue.bg-hover:hover,
.bg-skyblue.bg-hover:hover > .btn-skyblue { background-color: #0dace1; }
.bg-lavender.bg-hover:hover,
.bg-lavender.bg-hover:hover > .btn-lavender { background-color: #d4d4f4; }
.bg-violet.bg-hover:hover,
.bg-violet.bg-hover:hover > .btn-violet { background-color: #9d2f71; }
.bg-rosa.bg-hover:hover,
.bg-rosa.bg-hover:hover > .btn-rosa { background-color: #ebabc7; }
.bg-lightgrey.bg-hover:hover,
.bg-lightgrey.bg-hover:hover > .btn-lightgrey { background-color: #c3c1c1; }
.bg-lightgray.bg-hover:hover,
.bg-lightgray.bg-hover:hover > .btn-lightgray { background-color: #c3c1c1; }
.bg-beige.bg-hover:hover,
.bg-beige.bg-hover:hover > .btn-beige { background-color: #e9e9c8; }
.bg-salmon.bg-hover:hover,
.bg-salmon.bg-hover:hover > .btn-salmon { background-color: #da886b; }
.bg-darkviolet.bg-hover:hover,
.bg-darkviolet.bg-hover:hover > .btn-darkviolet { background-color: #6e0635; }
.bg-pastelgreen.bg-hover:hover,
.bg-pastelgreen.bg-hover:hover > .btn-pastelgreen { background-color: #42b67c; }
.bg-softgreen.bg-hover:hover,
.bg-softgreen.bg-hover:hover > .btn-softgreen { background-color: #c6d6ab; }
.bg-darksalmon.bg-hover:hover,
.bg-darksalmon.bg-hover:hover > .btn-darksalmon { background-color: #f17373; }
.bg-bluegrey.bg-hover:hover,
.bg-bluegrey.bg-hover:hover > .btn-bluegrey { background-color: #b4d1f0; }
.bg-bluegray.bg-hover:hover,
.bg-bluegray.bg-hover:hover > .btn-bluegray { background-color: #b4d1f0; }
.bg-aquamarine.bg-hover:hover,
.bg-aquamarine.bg-hover:hover > .btn-aquamarine { background-color: #76f0c7; }
.bg-lightbrown.bg-hover:hover,
.bg-lightbrown.bg-hover:hover > .btn-lightbrown { background-color: #bc7b3b; }
.bg-darkgreen.bg-hover:hover,
.bg-darkgreen.bg-hover:hover > .btn-darkgreen { background-color: #19300e; }
.bg-sun.bg-hover:hover,
.bg-sun.bg-hover:hover > .btn-sun { background-color: #ffe364; }
.bg-winered.bg-hover:hover,
.bg-winered.bg-hover:hover > .btn-winered { background-color: #830312; }
.bg-apricot.bg-hover:hover,
.bg-apricot.bg-hover:hover > .btn-apricot { background-color: #fabd95; }
.bg-facebook.bg-hover:hover,
.bg-facebook.bg-hover:hover > .btn-facebook { background-color: #2c4881; }
.bg-twitter.bg-hover:hover,
.bg-twitter.bg-hover:hover > .btn-twitter { background-color: #3094d1; }
.bg-whatsapp.bg-hover:hover,
.bg-whatsapp.bg-hover:hover > .btn-whatsapp { background-color: #42bc51; }
.bg-instablue.bg-hover:hover,
.bg-instablue.bg-hover:hover > .btn-instablue { background-color: #324fd8; }
.bg-instadarkpurple.bg-hover:hover,
.bg-instadarkpurple.bg-hover:hover > .btn-instadarkpurple { background-color: #4f49c9; }
.bg-instapurple.bg-hover:hover,
.bg-instapurple.bg-hover:hover > .btn-instapurple { background-color: #7223a7; }
.bg-instagram.bg-hover:hover,
.bg-instagram.bg-hover:hover > .btn-instagram { background-color: #ab2973; }
.bg-instapink.bg-hover:hover,
.bg-instapink.bg-hover:hover > .btn-instapink { background-color: #c31d55; }
.bg-instared.bg-hover:hover,
.bg-instared.bg-hover:hover > .btn-instared { background-color: #de0202; }
.bg-instadarkorange.bg-hover:hover,
.bg-instadarkorange.bg-hover:hover > .btn-instadarkorange { background-color: #e95231; }
.bg-instaorange.bg-hover:hover,
.bg-instaorange.bg-hover:hover > .btn-instaorange { background-color: #ff671c; }
.bg-instayellow.bg-hover:hover,
.bg-instayellow.bg-hover:hover > .btn-instayellow { background-color: #fca731; }
.bg-instalightyellow.bg-hover:hover,
.bg-instalightyellow.bg-hover:hover > .btn-instalightyellow { background-color: #ffd360; }
.bg-linkedin.bg-hover:hover,
.bg-linkedin.bg-hover:hover > .btn-linkedin { background-color: #18569e; }
.bg-youtube.bg-hover:hover,
.bg-youtube.bg-hover:hover > .btn-youtube { background-color: #f20606; }
.bg-telegram.bg-hover:hover,
.bg-telegram.bg-hover:hover > .btn-telegram { background-color: #0878af; }
.bg-wechat.bg-hover:hover,
.bg-wechat.bg-hover:hover > .btn-wechat { background-color: #70a723; }
.bg-skype.bg-hover:hover,
.bg-skype.bg-hover:hover > .btn-skype { background-color: #069dd6; }
.bg-dings-blue.bg-hover:hover,
.bg-dings-blue.bg-hover:hover > .btn-dings-blue { background-color: #1d84df; }
.bg-dings-darkblue.bg-hover:hover,
.bg-dings-darkblue.bg-hover:hover > .btn-dings-darkblue { background-color: #00008b; }
.bg-dings-green.bg-hover:hover,
.bg-dings-green.bg-hover:hover > .btn-dings-green { background-color: #02dc4f; }
.bg-dings-red.bg-hover:hover,
.bg-dings-red.bg-hover:hover > .btn-dings-red { background-color: #dc2430; }
.bg-dings-darkred.bg-hover:hover,
.bg-dings-darkred.bg-hover:hover > .btn-dings-darkred { background-color: #670209; }
/*** outline styles ***/
.btn-outline { background-color: transparent; border-width: 1px; border-style: solid;}
.btn-lime.btn-outline { border-color: #00ff00; color: #00ff00; }
.btn-red.btn-outline { border-color: #ff0000; color: #ff0000; }
.btn-black.btn-outline { border-color: #000000; color: #000000; }
.btn-white.btn-outline { border-color: #ffffff; color: #ffffff; }
.btn-grey.btn-outline { border-color: #808080; color: #808080; }
.btn-gray.btn-outline { border-color: #808080; color: #808080; }
.btn-silver.btn-outline { border-color: #c0c0c0; color: #c0c0c0; }
.btn-yellow.btn-outline { border-color: #ffff00; color: #ffff00; }
.btn-maroon.btn-outline { border-color: #800000; color: #800000; }
.btn-purple.btn-outline { border-color: #8a2be2; color: #8a2be2; }
.btn-pink.btn-outline { border-color: #ff1493; color: #ff1493; }
.btn-green.btn-outline { border-color: #008000; color: #008000; }
.btn-olive.btn-outline { border-color: #808000; color: #808000; }
.btn-navy.btn-outline { border-color: #000080; color: #000080; }
.btn-aqua.btn-outline { border-color: #00ffff; color: #00ffff; }
.btn-blue.btn-outline { border-color: #0000ff; color: #0000ff; }
.btn-orange.btn-outline { border-color: #ffa500; color: #ffa500; }
.btn-brown.btn-outline { border-color: #a52a2a; color: #a52a2a; }
.btn-chocolate.btn-outline { border-color: #7b3f00; color: #7b3f00; }
.btn-gold.btn-outline { border-color: #ffd700; color: #ffd700; }
.btn-neongreen.btn-outline { border-color: #39ff14; color: #39ff14; }
.btn-turquoise.btn-outline { border-color: #40e0d0; color: #40e0d0; }
.btn-skyblue.btn-outline { border-color: #00bfff; color: #00bfff; }
.btn-lavender.btn-outline { border-color: #e6e6fa; color: #e6e6fa; }
.btn-violet.btn-outline { border-color: #bb3385; color: #bb3385; }
.btn-rosa.btn-outline { border-color: #ffbcd9; color: #ffbcd9; }
.btn-lightgrey.btn-outline { border-color: #d3d3d3; color: #d3d3d3; }
.btn-lightgray.btn-outline { border-color: #d3d3d3; color: #d3d3d3; }
.btn-beige.btn-outline { border-color: #f5f5dc; color: #f5f5dc; }
.btn-salmon.btn-outline { border-color: #e9967a; color: #e9967a; }
.btn-darkviolet.btn-outline { border-color: #420420; color: #420420; }
.btn-pastelgreen.btn-outline { border-color: #5ac18e; color: #5ac18e; }
.btn-softgreen.btn-outline { border-color: #dcedc1; color: #dcedc1; }
.btn-darksalmon.btn-outline { border-color: #ff7373; color: #ff7373; }
.btn-bluegrey.btn-outline { border-color: #c6e2ff; color: #c6e2ff; }
.btn-bluegray.btn-outline { border-color: #c6e2ff; color: #c6e2ff; }
.btn-aquamarine.btn-outline { border-color: #7fffd4; color: #7fffd4; }
.btn-lightbrown.btn-outline { border-color: #cd853f; color: #cd853f; }
.btn-darkgreen.btn-outline { border-color: #254117; color: #254117; }
.btn-sun.btn-outline { border-color: #ffe87c; color: #ffe87c; }
.btn-winered.btn-outline { border-color: #990012; color: #990012; }
.btn-apricot.btn-outline { border-color: #fbceb1; color: #fbceb1; }
.btn-facebook.btn-outline { border-color: #3b5998; color: #3b5998; }
.btn-twitter.btn-outline { border-color: #1da1f2; color: #1da1f2; }
.btn-whatsapp.btn-outline { border-color: #4ac959; color: #4ac959; }
.btn-instablue.btn-outline { border-color: #405de6; color: #405de6; }
.btn-instadarkpurple.btn-outline { border-color: #5851db; color: #5851db; }
.btn-instapurple.btn-outline { border-color: #833ab4; color: #833ab4; }
.btn-instagram.btn-outline { border-color: #c13584; color: #c13584; }
.btn-instapink.btn-outline { border-color: #e1306c; color: #e1306c; }
.btn-instared.btn-outline { border-color: #fd1d1d; color: #fd1d1d; }
.btn-instadarkorange.btn-outline{ border-color: #f56040; color: #f56040; }
.btn-instaorange.btn-outline { border-color: #f77737; color: #f77737; }
.btn-instayellow.btn-outline { border-color: #fcaf45; color: #fcaf45; }
.btn-instalightyellow.btn-outline { border-color: #ffdc80; color: #ffdc80; }
.btn-linkedin.btn-outline { border-color: #2867b2; color: #2867b2; }
.btn-youtube.btn-outline { border-color: #FF0000; color: #FF0000; }
.btn-telegram.btn-outline { border-color: #0088cc; color: #0088cc; }
.btn-wechat.btn-outline { border-color: #7bb32e; color: #7bb32e; }
.btn-skype.btn-outline { border-color: #00aff0; color: #00aff0; }
.btn-dings-blue.btn-outline { border-color: #1d84df; color: #1d84df; }
.btn-dings-darkblue.btn-outline { border-color: #00008b; color: #00008b; }
.btn-dings-green.btn-outline { border-color: #02dc4f; color: #02dc4f; }
.btn-dings-red.btn-outline { border-color: #dc2430; color: #dc2430; }
.btn-dings-darkred.btn-outline { border-color: #670209; color: #670209; }
/*** outline hover styles ***/
.btn-lime.btn-out.btn-outline.btn-hover:hover { background-color: #05e905; color: #000000; }
.btn-red.btn-outline.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-black.btn-outline.btn-hover:hover { background-color: #2e2d2d; color: #ffffff; }
.btn-white.btn-outline.btn-hover:hover { background-color: #f8f6f6; color: #000000; }
.btn-grey.btn-outline.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-gray.btn-outline.btn-hover:hover { background-color: #7b7b7b; color: #ffffff; }
.btn-silver.btn-outline.btn-hover:hover { background-color: #aaa6a6; color: #000000; }
.btn-yellow.btn-outline.btn-hover:hover { background-color: #ffff50; color: #000000; }
.btn-maroon.btn-outline.btn-hover:hover { background-color: #620202; color: #ffffff; }
.btn-purple.btn-outline.btn-hover:hover { background-color: #7022b8; color: #ffffff; }
.btn-pink.btn-outline.btn-hover:hover { background-color: #f2178d; color: #ffffff; }
.btn-green.btn-outline.btn-hover:hover { background-color: #036803; color: #ffffff; }
.btn-olive.btn-outline.btn-hover:hover { background-color: #707001; color: #ffffff; }
.btn-navy.btn-outline.btn-hover:hover { background-color: #000059; color: #ffffff; }
.btn-aqua.btn-outline.btn-hover:hover { background-color: #00e7e7; color: #000000; }
.btn-blue.btn-outline.btn-hover:hover { background-color: #0202b4; color: #ffffff; }
.btn-orange.btn-outline.btn-hover:hover { background-color: #f69f00; color: #ffffff; }
.btn-brown.btn-outline.btn-hover:hover { background-color: #902c2c; color: #ffffff; }
.btn-chocolate.btn-outline.btn-hover:hover { background-color: #663401; color: #ffffff; }
.btn-gold.btn-outline.btn-hover:hover { background-color: #f0ca00; color: #000000; }
.btn-neongreen.btn-outline.btn-hover:hover { background-color: #38e517; color: #000000; }
.btn-turquoise.btn-outline.btn-hover:hover { background-color: #59cec2; color: #000000; }
.btn-skyblue.btn-outline.btn-hover:hover { background-color: #0dace1; color: #000000; }
.btn-lavender.btn-outline.btn-hover:hover { background-color: #d4d4f4; color: #000000; }
.btn-violet.btn-outline.btn-hover:hover { background-color: #9d2f71; color: #ffffff; }
.btn-rosa.btn-outline.btn-hover:hover { background-color: #ebabc7; color: #000000; }
.btn-lightgrey.btn-outline.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-lightgray.btn-outline.btn-hover:hover { background-color: #c3c1c1; color: #000000; }
.btn-beige.btn-outline.btn-hover:hover { background-color: #e9e9c8; color: #000000; }
.btn-salmon.btn-outline.btn-hover:hover { background-color: #da886b; color: #ffffff; }
.btn-darkviolet.btn-outline.btn-hover:hover { background-color: #6e0635; color: #ffffff; }
.btn-pastelgreen.btn-outline.btn-hover:hover { background-color: #42b67c; color: #000000; }
.btn-softgreen.btn-outline.btn-hover:hover { background-color: #c6d6ab; color: #000000; }
.btn-darksalmon.btn-outline.btn-hover:hover { background-color: #f17373; color: #ffffff; }
.btn-bluegrey.btn-outline.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-bluegray.btn-outline.btn-hover:hover { background-color: #b4d1f0; color: #000000; }
.btn-aquamarine.btn-outline.btn-hover:hover { background-color: #76f0c7; color: #000000; }
.btn-lightbrown.btn-outline.btn-hover:hover { background-color: #bc7b3b; color: #ffffff; }
.btn-darkgreen.btn-outline.btn-hover:hover { background-color: #19300e; color: #ffffff; }
.btn-sun.btn-outline.btn-hover:hover { background-color: #ffe364; color: #000000; }
.btn-winered.btn-outline.btn-hover:hover { background-color: #830312; color: #ffffff; }
.btn-apricot.btn-outline.btn-hover:hover { background-color: #fabd95; color: #000000; }
.btn-facebook.btn-outline.btn-hover:hover { background-color: #2c4881; color: #ffffff; }
.btn-twitter.btn-outline.btn-hover:hover { background-color: #3094d1; color: #ffffff; }
.btn-whatsapp.btn-outline.btn-hover:hover { background-color: #42bc51; color: #ffffff; }
.btn-instablue.btn-outline.btn-hover:hover { background-color: #324fd8; color: #ffffff; }
.btn-instadarkpurple.btn-outline.btn-hover:hover { background-color: #4f49c9; color: #ffffff; }
.btn-instapurple.btn-outline.btn-hover:hover { background-color: #7223a7; color: #ffffff; }
.btn-instagram.btn-outline.btn-hover:hover { background-color: #ab2973; color: #ffffff; }
.btn-instapink.btn-outline.btn-hover:hover { background-color: #c31d55; color: #ffffff; }
.btn-instared.btn-outline.btn-hover:hover { background-color: #de0202; color: #ffffff; }
.btn-instadarkorange.btn-outline.btn-hover:hover { background-color: #e95231; color: #ffffff; }
.btn-instaorange.btn-outline.btn-hover:hover { background-color: #ff671c; color: #ffffff; }
.btn-instayellow.btn-outline.btn-hover:hover { background-color: #fca731; color: #000000; }
.btn-instalightyellow.btn-outline.btn-hover:hover { background-color: #ffd360; color: #000000; }
.btn-linkedin.btn-outline.btn-hover:hover { background-color: #18569e; color: #ffffff; }
.btn-youtube.btn-outline.btn-hover:hover { background-color: #f20606; color: #ffffff; }
.btn-telegram.btn-outline.btn-hover:hover { background-color: #0878af; color: #ffffff; }
.btn-wechat.btn-outline.btn-hover:hover { background-color: #70a723; color: #ffffff; }
.btn-skype.btn-outline.btn-hover:hover { background-color: #069dd6; color: #ffffff; }
.btn-dings-blue.btn-outline.btn-hover:hover { background-color: #1d84df; color: #ffffff; }
.btn-dings-darkblue.btn-outline.btn-hover:hover { background-color: #00008b; color: #ffffff; }
.btn-dings-green.btn-outline.btn-hover:hover { background-color: #02dc4f; color: #000000; }
.btn-dings-red.btn-outline.btn-hover:hover { background-color: #dc2430; color: #ffffff; }
.btn-dings-darkred.btn-outline.btn-hover:hover { background-color: #670209; color: #ffffff; }
/*** some css for appearance ***/
/* .demo-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
margin: 20px;
}
.demo-grid > div {
background-color: #f8efef;
padding: 20px;
}
.demo-grid .only-text {
grid-column: 1;
} */