erp / modules / accounting / assets / css / flexboxgrid.css

flexboxgrid.css in ERP: Complete HR, Accounting & CRM Suite Built for WooCommerce 1.6.7, at modules/accounting/assets/css/flexboxgrid.css

960 lines 15.6 KB

Raw Download Zip

1	.container-fluid,
2	.container {
3	margin-right: auto;
4	margin-left: auto;
5	}
6
7	.container-fluid {
8	padding-right: 2rem;
9	padding-left: 2rem;
10	}
11
12	.row {
13	box-sizing: border-box;
14	display: -webkit-box;
15	display: -ms-flexbox;
16	display: flex;
17	-webkit-box-flex: 0;
18	-ms-flex: 0 1 auto;
19	flex: 0 1 auto;
20	-webkit-box-orient: horizontal;
21	-webkit-box-direction: normal;
22	-ms-flex-direction: row;
23	flex-direction: row;
24	-ms-flex-wrap: wrap;
25	flex-wrap: wrap;
26	margin-right: -0.5rem;
27	margin-left: -0.5rem;
28	}
29
30	.row.reverse {
31	-webkit-box-orient: horizontal;
32	-webkit-box-direction: reverse;
33	-ms-flex-direction: row-reverse;
34	flex-direction: row-reverse;
35	}
36
37	.col.reverse {
38	-webkit-box-orient: vertical;
39	-webkit-box-direction: reverse;
40	-ms-flex-direction: column-reverse;
41	flex-direction: column-reverse;
42	}
43
44	.col-xs,
45	.col-xs-1,
46	.col-xs-2,
47	.col-xs-3,
48	.col-xs-4,
49	.col-xs-5,
50	.col-xs-6,
51	.col-xs-7,
52	.col-xs-8,
53	.col-xs-9,
54	.col-xs-10,
55	.col-xs-11,
56	.col-xs-12,
57	.col-xs-offset-0,
58	.col-xs-offset-1,
59	.col-xs-offset-2,
60	.col-xs-offset-3,
61	.col-xs-offset-4,
62	.col-xs-offset-5,
63	.col-xs-offset-6,
64	.col-xs-offset-7,
65	.col-xs-offset-8,
66	.col-xs-offset-9,
67	.col-xs-offset-10,
68	.col-xs-offset-11,
69	.col-xs-offset-12 {
70	box-sizing: border-box;
71	-webkit-box-flex: 0;
72	-ms-flex: 0 0 auto;
73	flex: 0 0 auto;
74	padding-right: 0.5rem;
75	padding-left: 0.5rem;
76	}
77
78	.col-xs {
79	-webkit-box-flex: 1;
80	-ms-flex-positive: 1;
81	flex-grow: 1;
82	-ms-flex-preferred-size: 0;
83	flex-basis: 0;
84	max-width: 100%;
85	}
86
87	.col-xs-1 {
88	-ms-flex-preferred-size: 8.33333333%;
89	flex-basis: 8.33333333%;
90	max-width: 8.33333333%;
91	}
92
93	.col-xs-2 {
94	-ms-flex-preferred-size: 16.66666667%;
95	flex-basis: 16.66666667%;
96	max-width: 16.66666667%;
97	}
98
99	.col-xs-3 {
100	-ms-flex-preferred-size: 25%;
101	flex-basis: 25%;
102	max-width: 25%;
103	}
104
105	.col-xs-4 {
106	-ms-flex-preferred-size: 33.33333333%;
107	flex-basis: 33.33333333%;
108	max-width: 33.33333333%;
109	}
110
111	.col-xs-5 {
112	-ms-flex-preferred-size: 41.66666667%;
113	flex-basis: 41.66666667%;
114	max-width: 41.66666667%;
115	}
116
117	.col-xs-6 {
118	-ms-flex-preferred-size: 50%;
119	flex-basis: 50%;
120	max-width: 50%;
121	}
122
123	.col-xs-7 {
124	-ms-flex-preferred-size: 58.33333333%;
125	flex-basis: 58.33333333%;
126	max-width: 58.33333333%;
127	}
128
129	.col-xs-8 {
130	-ms-flex-preferred-size: 66.66666667%;
131	flex-basis: 66.66666667%;
132	max-width: 66.66666667%;
133	}
134
135	.col-xs-9 {
136	-ms-flex-preferred-size: 75%;
137	flex-basis: 75%;
138	max-width: 75%;
139	}
140
141	.col-xs-10 {
142	-ms-flex-preferred-size: 83.33333333%;
143	flex-basis: 83.33333333%;
144	max-width: 83.33333333%;
145	}
146
147	.col-xs-11 {
148	-ms-flex-preferred-size: 91.66666667%;
149	flex-basis: 91.66666667%;
150	max-width: 91.66666667%;
151	}
152
153	.col-xs-12 {
154	-ms-flex-preferred-size: 100%;
155	flex-basis: 100%;
156	max-width: 100%;
157	}
158
159	.col-xs-offset-0 {
160	margin-left: 0;
161	}
162
163	.col-xs-offset-1 {
164	margin-left: 8.33333333%;
165	}
166
167	.col-xs-offset-2 {
168	margin-left: 16.66666667%;
169	}
170
171	.col-xs-offset-3 {
172	margin-left: 25%;
173	}
174
175	.col-xs-offset-4 {
176	margin-left: 33.33333333%;
177	}
178
179	.col-xs-offset-5 {
180	margin-left: 41.66666667%;
181	}
182
183	.col-xs-offset-6 {
184	margin-left: 50%;
185	}
186
187	.col-xs-offset-7 {
188	margin-left: 58.33333333%;
189	}
190
191	.col-xs-offset-8 {
192	margin-left: 66.66666667%;
193	}
194
195	.col-xs-offset-9 {
196	margin-left: 75%;
197	}
198
199	.col-xs-offset-10 {
200	margin-left: 83.33333333%;
201	}
202
203	.col-xs-offset-11 {
204	margin-left: 91.66666667%;
205	}
206
207	.start-xs {
208	-webkit-box-pack: start;
209	-ms-flex-pack: start;
210	justify-content: flex-start;
211	text-align: start;
212	}
213
214	.center-xs {
215	-webkit-box-pack: center;
216	-ms-flex-pack: center;
217	justify-content: center;
218	text-align: center;
219	}
220
221	.end-xs {
222	-webkit-box-pack: end;
223	-ms-flex-pack: end;
224	justify-content: flex-end;
225	text-align: end;
226	}
227
228	.top-xs {
229	-webkit-box-align: start;
230	-ms-flex-align: start;
231	align-items: flex-start;
232	}
233
234	.middle-xs {
235	-webkit-box-align: center;
236	-ms-flex-align: center;
237	align-items: center;
238	}
239
240	.bottom-xs {
241	-webkit-box-align: end;
242	-ms-flex-align: end;
243	align-items: flex-end;
244	}
245
246	.around-xs {
247	-ms-flex-pack: distribute;
248	justify-content: space-around;
249	}
250
251	.between-xs {
252	-webkit-box-pack: justify;
253	-ms-flex-pack: justify;
254	justify-content: space-between;
255	}
256
257	.first-xs {
258	-webkit-box-ordinal-group: 0;
259	-ms-flex-order: -1;
260	order: -1;
261	}
262
263	.last-xs {
264	-webkit-box-ordinal-group: 2;
265	-ms-flex-order: 1;
266	order: 1;
267	}
268
269	@media only screen and (min-width: 48em) {
270	.container {
271	width: 49rem;
272	}
273
274	.col-sm,
275	.col-sm-1,
276	.col-sm-2,
277	.col-sm-3,
278	.col-sm-4,
279	.col-sm-5,
280	.col-sm-6,
281	.col-sm-7,
282	.col-sm-8,
283	.col-sm-9,
284	.col-sm-10,
285	.col-sm-11,
286	.col-sm-12,
287	.col-sm-offset-0,
288	.col-sm-offset-1,
289	.col-sm-offset-2,
290	.col-sm-offset-3,
291	.col-sm-offset-4,
292	.col-sm-offset-5,
293	.col-sm-offset-6,
294	.col-sm-offset-7,
295	.col-sm-offset-8,
296	.col-sm-offset-9,
297	.col-sm-offset-10,
298	.col-sm-offset-11,
299	.col-sm-offset-12 {
300	box-sizing: border-box;
301	-webkit-box-flex: 0;
302	-ms-flex: 0 0 auto;
303	flex: 0 0 auto;
304	padding-right: 0.5rem;
305	padding-left: 0.5rem;
306	}
307
308	.col-sm {
309	-webkit-box-flex: 1;
310	-ms-flex-positive: 1;
311	flex-grow: 1;
312	-ms-flex-preferred-size: 0;
313	flex-basis: 0;
314	max-width: 100%;
315	}
316
317	.col-sm-1 {
318	-ms-flex-preferred-size: 8.33333333%;
319	flex-basis: 8.33333333%;
320	max-width: 8.33333333%;
321	}
322
323	.col-sm-2 {
324	-ms-flex-preferred-size: 16.66666667%;
325	flex-basis: 16.66666667%;
326	max-width: 16.66666667%;
327	}
328
329	.col-sm-3 {
330	-ms-flex-preferred-size: 25%;
331	flex-basis: 25%;
332	max-width: 25%;
333	}
334
335	.col-sm-4 {
336	-ms-flex-preferred-size: 33.33333333%;
337	flex-basis: 33.33333333%;
338	max-width: 33.33333333%;
339	}
340
341	.col-sm-5 {
342	-ms-flex-preferred-size: 41.66666667%;
343	flex-basis: 41.66666667%;
344	max-width: 41.66666667%;
345	}
346
347	.col-sm-6 {
348	-ms-flex-preferred-size: 50%;
349	flex-basis: 50%;
350	max-width: 50%;
351	}
352
353	.col-sm-7 {
354	-ms-flex-preferred-size: 58.33333333%;
355	flex-basis: 58.33333333%;
356	max-width: 58.33333333%;
357	}
358
359	.col-sm-8 {
360	-ms-flex-preferred-size: 66.66666667%;
361	flex-basis: 66.66666667%;
362	max-width: 66.66666667%;
363	}
364
365	.col-sm-9 {
366	-ms-flex-preferred-size: 75%;
367	flex-basis: 75%;
368	max-width: 75%;
369	}
370
371	.col-sm-10 {
372	-ms-flex-preferred-size: 83.33333333%;
373	flex-basis: 83.33333333%;
374	max-width: 83.33333333%;
375	}
376
377	.col-sm-11 {
378	-ms-flex-preferred-size: 91.66666667%;
379	flex-basis: 91.66666667%;
380	max-width: 91.66666667%;
381	}
382
383	.col-sm-12 {
384	-ms-flex-preferred-size: 100%;
385	flex-basis: 100%;
386	max-width: 100%;
387	}
388
389	.col-sm-offset-0 {
390	margin-left: 0;
391	}
392
393	.col-sm-offset-1 {
394	margin-left: 8.33333333%;
395	}
396
397	.col-sm-offset-2 {
398	margin-left: 16.66666667%;
399	}
400
401	.col-sm-offset-3 {
402	margin-left: 25%;
403	}
404
405	.col-sm-offset-4 {
406	margin-left: 33.33333333%;
407	}
408
409	.col-sm-offset-5 {
410	margin-left: 41.66666667%;
411	}
412
413	.col-sm-offset-6 {
414	margin-left: 50%;
415	}
416
417	.col-sm-offset-7 {
418	margin-left: 58.33333333%;
419	}
420
421	.col-sm-offset-8 {
422	margin-left: 66.66666667%;
423	}
424
425	.col-sm-offset-9 {
426	margin-left: 75%;
427	}
428
429	.col-sm-offset-10 {
430	margin-left: 83.33333333%;
431	}
432
433	.col-sm-offset-11 {
434	margin-left: 91.66666667%;
435	}
436
437	.start-sm {
438	-webkit-box-pack: start;
439	-ms-flex-pack: start;
440	justify-content: flex-start;
441	text-align: start;
442	}
443
444	.center-sm {
445	-webkit-box-pack: center;
446	-ms-flex-pack: center;
447	justify-content: center;
448	text-align: center;
449	}
450
451	.end-sm {
452	-webkit-box-pack: end;
453	-ms-flex-pack: end;
454	justify-content: flex-end;
455	text-align: end;
456	}
457
458	.top-sm {
459	-webkit-box-align: start;
460	-ms-flex-align: start;
461	align-items: flex-start;
462	}
463
464	.middle-sm {
465	-webkit-box-align: center;
466	-ms-flex-align: center;
467	align-items: center;
468	}
469
470	.bottom-sm {
471	-webkit-box-align: end;
472	-ms-flex-align: end;
473	align-items: flex-end;
474	}
475
476	.around-sm {
477	-ms-flex-pack: distribute;
478	justify-content: space-around;
479	}
480
481	.between-sm {
482	-webkit-box-pack: justify;
483	-ms-flex-pack: justify;
484	justify-content: space-between;
485	}
486
487	.first-sm {
488	-webkit-box-ordinal-group: 0;
489	-ms-flex-order: -1;
490	order: -1;
491	}
492
493	.last-sm {
494	-webkit-box-ordinal-group: 2;
495	-ms-flex-order: 1;
496	order: 1;
497	}
498	}
499
500	@media only screen and (min-width: 64em) {
501	.container {
502	width: 65rem;
503	}
504
505	.col-md,
506	.col-md-1,
507	.col-md-2,
508	.col-md-3,
509	.col-md-4,
510	.col-md-5,
511	.col-md-6,
512	.col-md-7,
513	.col-md-8,
514	.col-md-9,
515	.col-md-10,
516	.col-md-11,
517	.col-md-12,
518	.col-md-offset-0,
519	.col-md-offset-1,
520	.col-md-offset-2,
521	.col-md-offset-3,
522	.col-md-offset-4,
523	.col-md-offset-5,
524	.col-md-offset-6,
525	.col-md-offset-7,
526	.col-md-offset-8,
527	.col-md-offset-9,
528	.col-md-offset-10,
529	.col-md-offset-11,
530	.col-md-offset-12 {
531	box-sizing: border-box;
532	-webkit-box-flex: 0;
533	-ms-flex: 0 0 auto;
534	flex: 0 0 auto;
535	padding-right: 0.5rem;
536	padding-left: 0.5rem;
537	}
538
539	.col-md {
540	-webkit-box-flex: 1;
541	-ms-flex-positive: 1;
542	flex-grow: 1;
543	-ms-flex-preferred-size: 0;
544	flex-basis: 0;
545	max-width: 100%;
546	}
547
548	.col-md-1 {
549	-ms-flex-preferred-size: 8.33333333%;
550	flex-basis: 8.33333333%;
551	max-width: 8.33333333%;
552	}
553
554	.col-md-2 {
555	-ms-flex-preferred-size: 16.66666667%;
556	flex-basis: 16.66666667%;
557	max-width: 16.66666667%;
558	}
559
560	.col-md-3 {
561	-ms-flex-preferred-size: 25%;
562	flex-basis: 25%;
563	max-width: 25%;
564	}
565
566	.col-md-4 {
567	-ms-flex-preferred-size: 33.33333333%;
568	flex-basis: 33.33333333%;
569	max-width: 33.33333333%;
570	}
571
572	.col-md-5 {
573	-ms-flex-preferred-size: 41.66666667%;
574	flex-basis: 41.66666667%;
575	max-width: 41.66666667%;
576	}
577
578	.col-md-6 {
579	-ms-flex-preferred-size: 50%;
580	flex-basis: 50%;
581	max-width: 50%;
582	}
583
584	.col-md-7 {
585	-ms-flex-preferred-size: 58.33333333%;
586	flex-basis: 58.33333333%;
587	max-width: 58.33333333%;
588	}
589
590	.col-md-8 {
591	-ms-flex-preferred-size: 66.66666667%;
592	flex-basis: 66.66666667%;
593	max-width: 66.66666667%;
594	}
595
596	.col-md-9 {
597	-ms-flex-preferred-size: 75%;
598	flex-basis: 75%;
599	max-width: 75%;
600	}
601
602	.col-md-10 {
603	-ms-flex-preferred-size: 83.33333333%;
604	flex-basis: 83.33333333%;
605	max-width: 83.33333333%;
606	}
607
608	.col-md-11 {
609	-ms-flex-preferred-size: 91.66666667%;
610	flex-basis: 91.66666667%;
611	max-width: 91.66666667%;
612	}
613
614	.col-md-12 {
615	-ms-flex-preferred-size: 100%;
616	flex-basis: 100%;
617	max-width: 100%;
618	}
619
620	.col-md-offset-0 {
621	margin-left: 0;
622	}
623
624	.col-md-offset-1 {
625	margin-left: 8.33333333%;
626	}
627
628	.col-md-offset-2 {
629	margin-left: 16.66666667%;
630	}
631
632	.col-md-offset-3 {
633	margin-left: 25%;
634	}
635
636	.col-md-offset-4 {
637	margin-left: 33.33333333%;
638	}
639
640	.col-md-offset-5 {
641	margin-left: 41.66666667%;
642	}
643
644	.col-md-offset-6 {
645	margin-left: 50%;
646	}
647
648	.col-md-offset-7 {
649	margin-left: 58.33333333%;
650	}
651
652	.col-md-offset-8 {
653	margin-left: 66.66666667%;
654	}
655
656	.col-md-offset-9 {
657	margin-left: 75%;
658	}
659
660	.col-md-offset-10 {
661	margin-left: 83.33333333%;
662	}
663
664	.col-md-offset-11 {
665	margin-left: 91.66666667%;
666	}
667
668	.start-md {
669	-webkit-box-pack: start;
670	-ms-flex-pack: start;
671	justify-content: flex-start;
672	text-align: start;
673	}
674
675	.center-md {
676	-webkit-box-pack: center;
677	-ms-flex-pack: center;
678	justify-content: center;
679	text-align: center;
680	}
681
682	.end-md {
683	-webkit-box-pack: end;
684	-ms-flex-pack: end;
685	justify-content: flex-end;
686	text-align: end;
687	}
688
689	.top-md {
690	-webkit-box-align: start;
691	-ms-flex-align: start;
692	align-items: flex-start;
693	}
694
695	.middle-md {
696	-webkit-box-align: center;
697	-ms-flex-align: center;
698	align-items: center;
699	}
700
701	.bottom-md {
702	-webkit-box-align: end;
703	-ms-flex-align: end;
704	align-items: flex-end;
705	}
706
707	.around-md {
708	-ms-flex-pack: distribute;
709	justify-content: space-around;
710	}
711
712	.between-md {
713	-webkit-box-pack: justify;
714	-ms-flex-pack: justify;
715	justify-content: space-between;
716	}
717
718	.first-md {
719	-webkit-box-ordinal-group: 0;
720	-ms-flex-order: -1;
721	order: -1;
722	}
723
724	.last-md {
725	-webkit-box-ordinal-group: 2;
726	-ms-flex-order: 1;
727	order: 1;
728	}
729	}
730
731	@media only screen and (min-width: 75em) {
732	.container {
733	width: 76rem;
734	}
735
736	.col-lg,
737	.col-lg-1,
738	.col-lg-2,
739	.col-lg-3,
740	.col-lg-4,
741	.col-lg-5,
742	.col-lg-6,
743	.col-lg-7,
744	.col-lg-8,
745	.col-lg-9,
746	.col-lg-10,
747	.col-lg-11,
748	.col-lg-12,
749	.col-lg-offset-0,
750	.col-lg-offset-1,
751	.col-lg-offset-2,
752	.col-lg-offset-3,
753	.col-lg-offset-4,
754	.col-lg-offset-5,
755	.col-lg-offset-6,
756	.col-lg-offset-7,
757	.col-lg-offset-8,
758	.col-lg-offset-9,
759	.col-lg-offset-10,
760	.col-lg-offset-11,
761	.col-lg-offset-12 {
762	box-sizing: border-box;
763	-webkit-box-flex: 0;
764	-ms-flex: 0 0 auto;
765	flex: 0 0 auto;
766	padding-right: 0.5rem;
767	padding-left: 0.5rem;
768	}
769
770	.col-lg {
771	-webkit-box-flex: 1;
772	-ms-flex-positive: 1;
773	flex-grow: 1;
774	-ms-flex-preferred-size: 0;
775	flex-basis: 0;
776	max-width: 100%;
777	}
778
779	.col-lg-1 {
780	-ms-flex-preferred-size: 8.33333333%;
781	flex-basis: 8.33333333%;
782	max-width: 8.33333333%;
783	}
784
785	.col-lg-2 {
786	-ms-flex-preferred-size: 16.66666667%;
787	flex-basis: 16.66666667%;
788	max-width: 16.66666667%;
789	}
790
791	.col-lg-3 {
792	-ms-flex-preferred-size: 25%;
793	flex-basis: 25%;
794	max-width: 25%;
795	}
796
797	.col-lg-4 {
798	-ms-flex-preferred-size: 33.33333333%;
799	flex-basis: 33.33333333%;
800	max-width: 33.33333333%;
801	}
802
803	.col-lg-5 {
804	-ms-flex-preferred-size: 41.66666667%;
805	flex-basis: 41.66666667%;
806	max-width: 41.66666667%;
807	}
808
809	.col-lg-6 {
810	-ms-flex-preferred-size: 50%;
811	flex-basis: 50%;
812	max-width: 50%;
813	}
814
815	.col-lg-7 {
816	-ms-flex-preferred-size: 58.33333333%;
817	flex-basis: 58.33333333%;
818	max-width: 58.33333333%;
819	}
820
821	.col-lg-8 {
822	-ms-flex-preferred-size: 66.66666667%;
823	flex-basis: 66.66666667%;
824	max-width: 66.66666667%;
825	}
826
827	.col-lg-9 {
828	-ms-flex-preferred-size: 75%;
829	flex-basis: 75%;
830	max-width: 75%;
831	}
832
833	.col-lg-10 {
834	-ms-flex-preferred-size: 83.33333333%;
835	flex-basis: 83.33333333%;
836	max-width: 83.33333333%;
837	}
838
839	.col-lg-11 {
840	-ms-flex-preferred-size: 91.66666667%;
841	flex-basis: 91.66666667%;
842	max-width: 91.66666667%;
843	}
844
845	.col-lg-12 {
846	-ms-flex-preferred-size: 100%;
847	flex-basis: 100%;
848	max-width: 100%;
849	}
850
851	.col-lg-offset-0 {
852	margin-left: 0;
853	}
854
855	.col-lg-offset-1 {
856	margin-left: 8.33333333%;
857	}
858
859	.col-lg-offset-2 {
860	margin-left: 16.66666667%;
861	}
862
863	.col-lg-offset-3 {
864	margin-left: 25%;
865	}
866
867	.col-lg-offset-4 {
868	margin-left: 33.33333333%;
869	}
870
871	.col-lg-offset-5 {
872	margin-left: 41.66666667%;
873	}
874
875	.col-lg-offset-6 {
876	margin-left: 50%;
877	}
878
879	.col-lg-offset-7 {
880	margin-left: 58.33333333%;
881	}
882
883	.col-lg-offset-8 {
884	margin-left: 66.66666667%;
885	}
886
887	.col-lg-offset-9 {
888	margin-left: 75%;
889	}
890
891	.col-lg-offset-10 {
892	margin-left: 83.33333333%;
893	}
894
895	.col-lg-offset-11 {
896	margin-left: 91.66666667%;
897	}
898
899	.start-lg {
900	-webkit-box-pack: start;
901	-ms-flex-pack: start;
902	justify-content: flex-start;
903	text-align: start;
904	}
905
906	.center-lg {
907	-webkit-box-pack: center;
908	-ms-flex-pack: center;
909	justify-content: center;
910	text-align: center;
911	}
912
913	.end-lg {
914	-webkit-box-pack: end;
915	-ms-flex-pack: end;
916	justify-content: flex-end;
917	text-align: end;
918	}
919
920	.top-lg {
921	-webkit-box-align: start;
922	-ms-flex-align: start;
923	align-items: flex-start;
924	}
925
926	.middle-lg {
927	-webkit-box-align: center;
928	-ms-flex-align: center;
929	align-items: center;
930	}
931
932	.bottom-lg {
933	-webkit-box-align: end;
934	-ms-flex-align: end;
935	align-items: flex-end;
936	}
937
938	.around-lg {
939	-ms-flex-pack: distribute;
940	justify-content: space-around;
941	}
942
943	.between-lg {
944	-webkit-box-pack: justify;
945	-ms-flex-pack: justify;
946	justify-content: space-between;
947	}
948
949	.first-lg {
950	-webkit-box-ordinal-group: 0;
951	-ms-flex-order: -1;
952	order: -1;
953	}
954
955	.last-lg {
956	-webkit-box-ordinal-group: 2;
957	-ms-flex-order: 1;
958	order: 1;
959	}
960	}