tablepress / admin / css / jsuites.css

jsuites.css in TablePress – Tables in WordPress made easy 2.4.2, at admin/css/jsuites.css

5,595 lines 113.2 KB

Raw Download Zip

1	:root {
2	--jbutton-color: #298BA8;
3	--jactive-color: #007aff;
4	--jsafe-area-top: env(safe-area-inset-top);
5	--jsafe-area-bottom: env(safe-area-inset-bottom);
6	}
7
8	[data-visible="false"], .row[data-visible="false"] {
9	display: none;
10	}
11
12
13	div[data-before]:before {
14	content: attr(data-before);
15	}
16
17	.unselectable {
18	-webkit-touch-callout: none;
19	-webkit-user-select: none;
20	user-select: none;
21	}
22
23	.jreadonly {
24	pointer-events: none;
25	}
26
27	.jdragging {
28	opacity:0.2;
29	filter: alpha(opacity=20);
30	}
31
32	.jupload.input {
33	position: relative;
34	box-sizing: border-box;
35	background-size: initial;
36	height: 33px;
37	min-height: initial;
38	padding: 6px;
39	padding-right: 30px;
40	}
41
42	.jupload.input:before {
43	content: "save";
44	font-size: 18px;
45	font-family: "Material Icons";
46	color: #000;
47	position: absolute;
48	right: 5px;
49	}
50
51	.jupload:empty:before {
52	z-index: 0;
53	}
54
55	.jupload img {
56	width: 100%;
57	}
58
59	.jupload.input img {
60	width: initial;
61	max-width: 100%;
62	height: 100%;
63	}
64
65	.jupload[data-multiple] {
66	padding: 10px;
67	}
68
69	.jupload[data-multiple] img {
70	height: 70px;
71	width: 100px;
72	object-fit: cover;
73	margin-right: 5px;
74	margin-bottom: 5px;
75	}
76
77	.jupload {
78	position: relative;
79	border: 1px dotted #eee;
80	cursor: pointer;
81	box-sizing: border-box;
82	width: 100%;
83	max-width: 100%;
84	max-height: 100%;
85	min-height: 180px;
86	}
87
88	.jupload:not(.input):empty:before {
89	content: "\e2c3";
90	font-family: "Material Icons";
91	font-size: 90px;
92	color: #eee;
93	width: 100%;
94	height: 100%;
95	display: flex;
96	align-items: center;
97	justify-content: center;
98	position: absolute;
99	}
100
101	.jupload-item {
102	padding-right: 22px;
103	border-radius: 1px;
104	display: inline-block;
105	position: relative;
106	}
107
108	.jphoto {
109	position: relative;
110	border: 1px dotted #eee;
111	cursor: pointer;
112	box-sizing: border-box;
113	width: 100%;
114	display: flex;
115	align-items: center;
116	justify-content: center;
117	}
118
119	.jphoto:empty:before {
120	content: "\e2c3";
121	font-family: "Material Icons";
122	font-size: 90px;
123	color: #eee;
124	width: 100%;
125	height: 100%;
126	text-align: center;
127	}
128
129	.jremove {
130	opacity: 0.2;
131	filter: alpha(opacity=20);
132	}
133
134	.round img {
135	border-radius: 1000px;
136	}
137
138	.jtooltip {
139	position: fixed;
140	top: 10px;
141	left: 10px;
142	z-index: 5;
143
144	font-family: initial;
145	font-size: 12px;
146	color: #000;
147	background-color: #fff;
148	border: 1px solid black;
149	padding: 8px;
150	margin: 10px;
151
152	display: block;
153	animation: jfadeIn 0.5s;
154	pointer-events: none;
155	}
156
157	.jtooltip:empty {
158	display: none;
159	}
160
161	@keyframes jfadeIn {
162	0% {
163	opacity: 0;
164	}
165	100% {
166	opacity: 1;
167	}
168	}
169
170	.jpanel {
171	position: absolute;
172	box-sizing: border-box;
173	z-index: 10;
174	}
175
176	.jpanel:focus {
177	outline: 2px solid black;
178	outline-offset: -1px;
179	}
180
181	.jpanel-action {
182	position: absolute;
183	width: 8px;
184	height: 8px;
185	background-color: white;
186	border:1px solid black;
187	box-sizing: border-box;
188	pointer-events: auto;
189	z-index: 1000;
190	}
191
192	.jpanel-action[data-position="n-resize"] {
193	top: -4px;
194	left: calc(50% - 4px);
195	}
196
197	.jpanel-action[data-position="ne-resize"] {
198	top: -4px;
199	left: calc(100% - 4px);
200	}
201
202	.jpanel-action[data-position="e-resize"] {
203	top: calc(50% - 4px);
204	left: calc(100% - 4px);
205	}
206
207	.jpanel-action[data-position="se-resize"] {
208	top: calc(100% - 4px);
209	left: calc(100% - 4px);
210	}
211
212	.jpanel-action[data-position="s-resize"] {
213	top: calc(100% - 4px);
214	left: calc(50% - 4px);
215	}
216
217	.jpanel-action[data-position="sw-resize"] {
218	top: calc(100% - 4px);
219	left: -4px;
220	}
221
222	.jpanel-action[data-position="w-resize"] {
223	top: calc(50% - 4px);
224	left: -4px;
225	}
226
227	.jpanel-action[data-position="nw-resize"] {
228	top: -4px;
229	left: -4px;
230	}
231
232	.jpanel-action[data-position="nw-resize"] {
233	top: -4px;
234	left: -4px;
235	}
236
237	.jpanel-action[data-action="rotate"] {
238	top: -50px;
239	left: calc(50% - 12px);
240	width: 24px;
241	height: 24px;
242	border: 0;
243	cursor: move;
244	background-color: transparent;
245	}
246
247	.jpanel-action[data-action="rotate"]:before {
248	content: 'refresh';
249	font-family: 'Material Icons';
250	font-size: 24px;
251	}
252
253	.jpanel-action[data-action="rotate"]:after {
254	position: absolute;
255	content: '';
256	bottom: -22px;
257	left: calc(50%);
258	width: 1px;
259	height: 28px;
260	background-color: black;
261	}
262	/** Loading */
263	.jloading {
264	position:fixed;
265	z-index:10001;
266	width:100%;
267	left:0;
268	right:0;
269	top:0;
270	bottom:0;
271	background-color: rgba(0,0,0,0.7);
272	}
273
274	.jloading::after {
275	content:'';
276	display:block;
277	margin:0 auto;
278	margin-top:50vh;
279	width:40px;
280	height:40px;
281	border-style:solid;
282	border-color:white;
283	border-top-color:transparent;
284	border-width:4px;
285	border-radius:50%;
286	animation: jspin .8s linear infinite;
287	}
288
289	.jloading.jspin {
290	background-color:transparent;
291	}
292
293	.jloading.jspin::after {
294	margin:0 auto;
295	margin-top:80px;
296	border-color:#aaa;
297	border-top-color:transparent;
298	}
299
300	/ Animations /
301	.jfade-in {
302	animation: jfade-in 2s forwards;
303	}
304
305	.jfade-out {
306	animation: jfade-out 1s forwards;
307	}
308
309	.jslide-left-in {
310	position: relative;
311	animation: jslide-left-in 0.4s forwards;
312	}
313
314	.jslide-left-out {
315	position: relative;
316	animation: jslide-left-out 0.4s forwards;
317	}
318
319	.jslide-right-in {
320	position: relative;
321	animation: jslide-right-in 0.4s forwards;
322	}
323
324	.jslide-right-out {
325	position: relative;
326	animation: jslide-right-out 0.4s forwards;
327	}
328
329	.jslide-top-in {
330	position: relative;
331	animation: jslide-top-in 0.4s forwards;
332	}
333
334	.jslide-top-out {
335	position: relative;
336	animation: jslide-top-out 0.2s forwards;
337	}
338
339	.jslide-bottom-in {
340	position: relative;
341	animation: jslide-bottom-in 0.4s forwards;
342	}
343
344	.jslide-bottom-out {
345	position: relative;
346	animation: jslide-bottom-out 0.1s forwards;
347	}
348
349	.jslide-left-in > div {
350	-webkit-transform: translateZ(0px);
351	-webkit-transform: translate3d(0,0,0);
352	}
353
354	.jslide-left-out > div {
355	-webkit-transform: translateZ(0px);
356	-webkit-transform: translate3d(0,0,0);
357	}
358
359	.jslide-right-in > div {
360	-webkit-transform: translateZ(0px);
361	-webkit-transform: translate3d(0,0,0);
362	}
363
364	.jslide-right-out > div {
365	-webkit-transform: translateZ(0px);
366	-webkit-transform: translate3d(0,0,0);
367	}
368
369	.jspin {
370	animation: jspin 2s infinite linear;
371	}
372
373	/ Fadein and Fadeout /
374	@keyframes jfade-in {
375	0% { opacity: 0; }
376	100% { opacity: 100; }
377	}
378
379	@keyframes jfade-out {
380	0% { opacity: 100; }
381	100% { opacity: 0; }
382	}
383
384	/ Keyframes Left to Right /
385	@keyframes jslide-left-in {
386	0% { left: -100%; }
387	100% { left: 0%; }
388	}
389
390	@keyframes jslide-left-out {
391	0% { left: 0%; }
392	100% { left: -100%; }
393	}
394
395	/ Keyframes Right to Left /
396	@keyframes jslide-right-in {
397	0% { left: 100%; }
398	100% { left: 0%; }
399	}
400
401	@keyframes jslide-right-out {
402	0% { left: 0%; }
403	100% { left: 100%; }
404	}
405
406	/ Keyframes Top to Bottom /
407	@keyframes jslide-top-in {
408	0% { transform: translateY(-100%); }
409	100% { transform: translateY(0%); }
410	}
411
412	@keyframes jslide-top-out {
413	0% { transform: translateY(0%); }
414	100% { transform: translateY(-100%); }
415	}
416
417	/ Keyframes Bottom to Top /
418	@keyframes jslide-bottom-in {
419	0% { transform: translateY(100%); }
420	100% { transform: translateY(0%); }
421	}
422
423	@keyframes jslide-bottom-out {
424	0% { transform: translateY(0%); }
425	100% { transform: translateY(100%); }
426	}
427
428	@keyframes jspin {
429	from {
430	transform:rotate(0deg);
431	}
432	to {
433	transform:rotate(359deg);
434	}
435	}
436	.jcalendar {
437	position:absolute;
438	z-index:9000;
439	display:none;
440	box-sizing:border-box;
441	-webkit-touch-callout: none;
442	-webkit-user-select: none;
443	user-select: none;
444	-webkit-tap-highlight-color: rgba(0,0,0,0);
445	-webkit-tap-highlight-color: transparent;
446	min-width:280px;
447	}
448
449	.jcalendar.jcalendar-focus {
450	display:block;
451	}
452
453	.jcalendar .jcalendar-backdrop {
454	position:fixed;
455	top:0px;
456	left:0px;
457	z-index:9000;
458	min-width:100%;
459	min-height:100%;
460	background-color:rgba(0,0,0,0.5);
461	border:0px;
462	padding:0px;
463	display:none;
464	}
465
466	.jcalendar .jcalendar-container {
467	position:relative;
468	box-sizing:border-box;
469	}
470
471	.jcalendar .jcalendar-content {
472	position:absolute;
473	z-index:9001;
474	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
475	background-color:#fff;
476	}
477
478	.jcalendar-header {
479	text-align:center;
480	}
481
482	.jcalendar-header span {
483	margin-right:4px;
484	font-size:1.1em;
485	font-weight:bold;
486	}
487
488	.jcalendar-prev {
489	cursor:pointer;
490	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
491	background-position:center;
492	background-repeat:no-repeat;
493	}
494
495	.jcalendar-next {
496	cursor:pointer;
497	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
498	background-position:center;
499	background-repeat:no-repeat;
500	}
501
502	.jcalendar-weekday {
503	font-weight: 600;
504	background-color: #fcfcfc;
505	padding: 14px;
506	}
507
508	.jcalendar-table {
509	padding: 10px;
510	}
511
512	.jcalendar-table > table {
513	width:100%;
514	background-color:#fff;
515	}
516
517	.jcalendar-table > table > thead {
518	cursor: pointer;
519	}
520
521	.jcalendar-table thead td {
522	padding: 10px;
523	height: 40px;
524	}
525
526	.jcalendar-table > table > tbody > tr {
527	height: 34px;
528	}
529
530	.jcalendar-table > table > tbody td {
531	box-sizing:border-box;
532	cursor:pointer;
533	padding:9px;
534	font-size:0.9em;
535	}
536
537	.jcalendar-table tfoot td {
538	padding:10px;
539	}
540
541	.jcalendar-months td, .jcalendar-years td {
542	height:24px;
543	}
544
545	.jcalendar-input {
546	padding-right:18px;
547	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");
548	background-position:top 50% right 5px;
549	background-repeat:no-repeat;
550	box-sizing: border-box;
551	}
552
553	.jcalendar-done {
554	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
555	background-color:#fff;
556	}
557
558	.jcalendar-update {
559	border:1px solid #ccc;
560	background-color:#fff;
561	border-radius:4px;
562	padding:5px;
563	width:100%;
564	}
565
566	.jcalendar-container select {
567	width:55px;
568	display:inline-block;
569	border:0px;
570	padding:4px;
571	text-align:center;
572	font-size:1.1em;
573	-webkit-user-select:none;
574	user-select:none;
575	margin-right:10px;
576	}
577
578	.jcalendar-container select:first-child {
579	margin-right:2px;
580	}
581
582	.jcalendar-selected {
583	background-color:#eee;
584	}
585
586	.jcalendar-reset, .jcalendar-confirm {
587	text-transform:uppercase;
588	cursor:pointer;
589	color: var(--jactive-color);
590	}
591
592	.jcalendar-controls {
593	padding:15px;
594	box-sizing: border-box;
595	vertical-align:middle;
596	display: flex;
597	justify-content: space-between;
598	align-items:center;
599	}
600
601	.jcalendar-controls div {
602	font-weight:bold;
603	}
604
605	.jcalendar-fullsize {
606	position:fixed;
607	width:100%;
608	top:0px;
609	left:0px;
610	}
611
612	.jcalendar-fullsize .jcalendar-content
613	{
614	position:fixed;
615	width:100%;
616	left:0px;
617	bottom:0px;
618	}
619
620	.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
621	display:block;
622	}
623
624	.jcalendar-sunday {
625	color: red;
626	}
627	.jcalendar-disabled {
628	color: #ccc;
629	}
630
631	.jcalendar-time {
632	display:flex;
633	}
634
635	.jcalendar_warning {
636	color: red;
637	}
638
639	.jcalendar-hide-controls .jcalendar-controls {
640	display: none;
641	}
642
643	.jcolor {
644	display: none;
645	outline: none;
646	position: absolute;
647	}
648
649	.jcolor-input {
650	padding-right: 24px !important;
651	background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box;
652	box-sizing: border-box;
653	}
654
655	.jcolor-content {
656	position: absolute;
657	z-index: 9000;
658	-webkit-user-select: none;
659	user-select: none;
660	-webkit-font-smoothing: antialiased;
661	font-size: .875rem;
662	letter-spacing: .2px;
663	border-radius: 4px;
664	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
665	background-color:#fff;
666	box-sizing: border-box;
667	min-width: 260px;
668	}
669
670	.jmodal .jcolor-content {
671	position: fixed;
672	}
673
674	.jcolor-controls {
675	display: flex;
676	padding: 10px;
677	border-bottom: 1px solid #eee;
678	margin-bottom: 5px;
679	}
680
681	.jcolor-controls div {
682	flex: 1;
683	font-size: 1em;
684	color: var(--jactive-color);
685	text-transform: uppercase;
686	font-weight: bold;
687	box-sizing: border-box;
688	}
689
690	.jcolor-content table {
691	border-collapse: collapse;
692	box-sizing: border-box;
693	}
694
695	.jcolor-focus {
696	display:block;
697	}
698
699	.jcolor table {
700	width:100%;
701	height:100%;
702	min-height: 160px;
703	}
704
705	.jcolor td {
706	padding: 7px;
707	}
708
709	.jcolor-selected {
710	background-repeat:no-repeat;
711	background-size: 16px;
712	background-position: center;
713	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");
714	}
715
716	.jcolor-fullscreen {
717	position: fixed;
718	left: 0px;
719	bottom: 0px;
720	width:100%;
721	max-height: 290px;
722	border-radius: 0px;
723	box-sizing: border-box;
724	}
725
726	.jcolor-fullscreen .jcolor-controls {
727	padding: 15px;
728	box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
729	}
730
731	.jcolor-reset {
732	text-align: left;
733	}
734
735	.jcolor-close {
736	text-align: right;
737	}
738
739	.jcolor-backdrop {
740	position: fixed;
741	top: 0px;
742	left: 0px;
743	min-width: 100%;
744	min-height: 100%;
745	background-color: rgba(0,0,0,0.5);
746	border: 0px;
747	padding: 0px;
748	z-index: 8000;
749	display: none;
750
751	-webkit-touch-callout: none; /* iOS Safari */
752	-webkit-user-select: none; /* Safari / / Konqueror HTML / / Firefox / / Internet Explorer/Edge */
753	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
754	}
755
756	.jcolor-content .jtabs-content {
757	padding: 7px;
758	}
759
760	.jcolor-grid tr:first-child > td:first-child {
761	border-top-left-radius: 3px;
762	}
763
764	.jcolor-grid tr:first-child > td:last-child {
765	border-top-right-radius: 3px;
766	}
767
768	.jcolor-grid tr:last-child > td:first-child {
769	border-bottom-left-radius: 3px;
770	}
771
772	.jcolor-grid tr:last-child > td:last-child {
773	border-bottom-right-radius: 3px;
774	}
775
776	.jcolor-hsl {
777	box-sizing: border-box;
778	}
779
780	.jcolor-hsl > div {
781	height: 100%;
782	position: relative;
783	}
784
785	.jcolor-hsl canvas {
786	display: block;
787	border-radius: 4px;
788	-webkit-user-drag: none;
789	}
790
791	.jcolor-point {
792	height: 5px;
793	width: 5px;
794	background-color: #000;
795	position: absolute;
796	top: 50%;
797	left: 50%;
798	transform: translate(-50%, -50%);
799	border-radius: 50%;
800	}
801
802	.jcolor-sliders {
803	padding: 10px 20px 10px 10px;
804	}
805
806	.jcolor-sliders input {
807	-webkit-appearance: none;
808
809	height: 12px;
810	width: 80%;
811
812	background: #d3d3d3;
813	opacity: 1;
814
815	border-radius: 30px;
816	outline: none;
817	}
818
819	.jcolor-sliders-input-subcontainer {
820	display: flex;
821	justify-content: space-between;
822	align-items: center;
823	}
824
825	.jcolor-sliders-input-container {
826	margin-top: 4px;
827	line-height: 0.8em;
828	text-align: left;
829	}
830
831	.jcolor-sliders-input-container > label {
832	font-size: 10px;
833	text-transform: uppercase;
834	color: #bbbbbd;
835	}
836
837	.jcolor-sliders-input-subcontainer > input {
838	border: 0px;
839	padding: 1px;
840	}
841
842	.jcolor-sliders-input-container input::-webkit-slider-thumb {
843	-webkit-appearance: none;
844	height: 12px;
845	width: 12px;
846	border-radius: 50%;
847	background: #000;
848	border: 2px solid #fff;
849	cursor: pointer;
850	}
851
852	.jcolor-sliders-input-container input::-moz-range-thumb {
853	-webkit-appearance: none;
854	height: 12px;
855	width: 12px;
856	border-radius: 50%;
857	background: #000;
858	border: 2px solid #fff;
859	cursor: pointer;
860	}
861
862	.jcolor-sliders-final-color {
863	padding: 6px;
864	-webkit-user-select: all;
865	user-select: all;
866	margin-top: 10px;
867	text-align: center;
868	}
869
870	.jcolor-sliders-final-color > div:nth-child(2) {
871	width: 71px;
872	text-transform: uppercase;
873	}
874
875	.jcolor .jtabs .jtabs-headers-container .jtabs-controls {
876	display: none !important;
877	}
878
879	.jcolor .jtabs .jtabs-headers-container {
880	display: flex !important;
881	justify-content: center;
882	padding: 4px;
883	}
884
885	.jcolor .jtabs-headers > div:not(.jtabs-border) {
886	padding: 2px !important;
887	padding-left: 15px !important;
888	padding-right: 15px !important;
889	font-size: 0.8em;
890	}
891	.jcontextmenu {
892	position:fixed;
893	z-index:10000;
894	background:#fff;
895	color: #555;
896	font-size: 11px;
897	-webkit-user-select: none;
898	user-select: none;
899	box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
900	border: 1px solid #C6C6C6;
901	padding: 0px;
902	padding-top:4px;
903	padding-bottom:4px;
904	margin:0px;
905	outline:none;
906	display:none;
907	}
908
909	.jcontextmenu.jcontextmenu-focus {
910	display:inline-block;
911	}
912
913	.jcontextmenu > div {
914	box-sizing: border-box;
915	display: flex;
916	padding: 8px 8px 8px 32px;
917	width: 250px;
918	position: relative;
919	cursor: default;
920	font-size: 11px;
921	font-family:sans-serif;
922	text-align: left;
923	align-items: center;
924	}
925
926	.jcontextmenu > div::before {
927	content: attr(data-icon);
928	font-family: 'Material Icons' !important;
929	font-size: 15px;
930	position: absolute;
931	left: 9px;
932	line-height: 24px;
933	}
934
935	.jcontextmenu.symbols > div::before {
936	font-family: 'Material Symbols Outlined' !important;
937	}
938
939	.jcontextmenu > div.header {
940	display: none;
941	}
942
943	.jcontextmenu > div a {
944	color: #555;
945	text-decoration: none;
946	flex: 1;
947	cursor: pointer;
948	}
949
950	.jcontextmenu > div span {
951	margin-right: 10px;
952	font-size: 0.9em;
953	}
954
955	.jcontextmenu .jcontextmenu-disabled a {
956	color: #ccc;
957	}
958
959	.jcontextmenu .jcontextmenu-disabled::before {
960	color: #ccc;
961	}
962
963	.jcontextmenu > div:hover {
964	background: #ebebeb;
965	}
966
967	.jcontextmenu hr {
968	border: 1px solid #e9e9e9;
969	border-bottom: 0;
970	margin-top:5px;
971	margin-bottom:5px;
972	}
973
974	.jcontextmenu > hr:hover {
975	background: transparent;
976	}
977
978	.jcontextmenu .jcontextmenu {
979	top: 4px;
980	left: 99%;
981	opacity: 0;
982	position: absolute;
983	}
984
985	.jcontextmenu > div:hover > .jcontextmenu {
986	display: block;
987	opacity: 1;
988	transform: translate(0, 0) scale(1);
989	pointer-events: auto;
990	}
991
992	@media only screen and (max-width: 420px) {
993	.jcontextmenu {
994	top: initial !important;
995	left: 0px !important;
996	bottom: 0px !important;
997	width: 100vw;
998	height: 260px;
999	overflow: scroll;
1000	animation: jslide-bottom-in 0.4s forwards;
1001	padding-top: 0px;
1002	}
1003	.jcontextmenu div {
1004	width: 100%;
1005	text-align: center;
1006	border-bottom: 1px solid #ccc;
1007	padding: 15px;
1008	}
1009	.jcontextmenu > div.header {
1010	background-color: lightgray;
1011	padding: 5px;
1012	top: 0px;
1013	position: sticky;
1014	z-index: 2;
1015	}
1016	.jcontextmenu > div.header > a.title {
1017	text-align: left;
1018	}
1019
1020	.jcontextmenu > div.header > a.close {
1021	text-align: right;
1022	}
1023	.jcontextmenu a {
1024	font-size: 1.4em;
1025	text-transform: uppercase;
1026	}
1027	.jcontextmenu span {
1028	display: none;
1029	}
1030	.jcontextmenu span {
1031	display: none;
1032	}
1033	.jcontextmenu hr {
1034	display: none;
1035	}
1036	}
1037
1038	.jdropdown {
1039	cursor:pointer;
1040	-webkit-touch-callout: none;
1041	-webkit-user-select: none;
1042	user-select: none;
1043	box-sizing: border-box;
1044	background:#fff;
1045	-webkit-tap-highlight-color: transparent;
1046	display: inline-block;
1047	}
1048
1049	.jdropdown-backdrop {
1050	position:fixed;
1051	top:0px;
1052	left:0px;
1053	min-width:100%;
1054	min-height:100%;
1055	background-color:rgba(0,0,0,0.5);
1056	border:0px;
1057	padding:0px;
1058	z-index:8000;
1059	display:none;
1060	}
1061
1062	.jdropdown[disabled] {
1063	opacity: 0.5;
1064	pointer-events: none;
1065	}
1066
1067	.jdropdown-focus {
1068	position:relative;
1069	}
1070
1071	.jdropdown-focus .jdropdown-container {
1072	transform: translate3d(0,0,0);
1073	}
1074
1075	.jdropdown-default.jdropdown-focus .jdropdown-header {
1076	outline:auto 5px -webkit-focus-ring-color;
1077	}
1078
1079	.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
1080	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E");
1081	}
1082
1083	.jdropdown-container-header {
1084	padding:0px;
1085	margin:0px;
1086	position:relative;
1087	box-sizing: border-box;
1088	}
1089
1090	.jdropdown-header {
1091	width:100%;
1092	appearance: none;
1093	background-repeat: no-repeat;
1094	background-position:top 50% right 5px;
1095	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
1096	text-overflow: ellipsis;
1097	cursor:pointer;
1098	box-sizing: border-box;
1099	-webkit-appearance: none;
1100	-moz-appearance: none;
1101	padding-right:30px !important;
1102	}
1103
1104	.jdropdown-insert-button {
1105	font-size: 1.4em;
1106	text-transform: uppercase;
1107	position:absolute;
1108	right: 30px;
1109	top: 4px;
1110	display:none;
1111	}
1112
1113	.jdropdown-container {
1114	min-width: inherit;
1115	transform: translate3d(-10000px,0,0);
1116	position:absolute;
1117	z-index:9001;
1118	}
1119
1120	.jdropdown-close {
1121	display:none;
1122	font-size:1em;
1123	color: var(--jactive-color);
1124	text-transform:uppercase;
1125	text-align:right;
1126	padding:12px;
1127	font-weight:bold;
1128	}
1129
1130	.jdropdown-content {
1131	min-width:inherit;
1132	margin:0px;
1133	box-sizing:border-box;
1134	}
1135
1136	.jdropdown-content:empty {
1137	}
1138
1139	.jdropdown-item {
1140	white-space: nowrap;
1141	text-align: left;
1142	text-overflow: ellipsis;
1143	overflow-x: hidden;
1144	color: #000;
1145	display: flex;
1146	align-items: center;
1147	}
1148
1149	.jdropdown-description {
1150	text-overflow: ellipsis;
1151	overflow: hidden;
1152	line-height: 1.5em;
1153	}
1154
1155	.jdropdown-image {
1156	margin-right:10px;
1157	width: 32px;
1158	height: 32px;
1159	border-radius:20px;
1160	}
1161
1162	.jdropdown-image-small {
1163	width:24px;
1164	height:24px;
1165	}
1166
1167	.jdropdown-icon {
1168	margin-right:10px;
1169	font-size: 30px;
1170	margin-left: -5px;
1171	}
1172
1173	.jdropdown-icon-small {
1174	font-size: 24px;
1175	margin-left: 0px;
1176	}
1177
1178	.jdropdown-title {
1179	font-size: 0.7em;
1180	text-overflow: ellipsis;
1181	overflow-x: hidden;
1182	display: block;
1183	}
1184
1185	/ Default visual /
1186
1187	.jdropdown-default .jdropdown-header {
1188	border:1px solid #ccc;
1189	padding:5px;
1190	padding-left:10px;
1191	padding-right:16px;
1192	}
1193
1194	.jdropdown-default .jdropdown-container {
1195	background-color:#fff;
1196	}
1197
1198	.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
1199	padding-right:50px;
1200	}
1201
1202	.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
1203	display:block;
1204	}
1205
1206	.jdropdown-default .jdropdown-content
1207	{
1208	min-width:inherit;
1209	border:1px solid #8fb1e3;
1210	margin:0px;
1211	background-color:#fff;
1212	box-sizing:border-box;
1213	min-height:10px;
1214	max-height:215px;
1215	overflow-y:auto;
1216	}
1217
1218	.jdropdown-default .jdropdown-item
1219	{
1220	padding:4px;
1221	padding-left:8px;
1222	padding-right:40px;
1223	}
1224
1225	.jdropdown-default .jdropdown-item:hover
1226	{
1227	background-color:#1f93ff;
1228	color:#fff;
1229	}
1230
1231	.jdropdown-default .jdropdown-cursor
1232	{
1233	background-color:#eee;
1234	}
1235
1236	.jdropdown-default .jdropdown-selected
1237	{
1238	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
1239	background-repeat:no-repeat;
1240	background-position:top 50% right 5px;
1241	background-color:#1f93ff;
1242	color:#fff;
1243	}
1244
1245	.jdropdown-default .jdropdown-group {
1246	margin-top:5px;
1247	}
1248
1249	.jdropdown-default .jdropdown-group .jdropdown-item {
1250	padding-left:16px;
1251	}
1252
1253	.jdropdown-default .jdropdown-group-name {
1254	padding-left: 8px;
1255	font-weight: bold;
1256	text-align: left;
1257	}
1258
1259	.jdropdown-default .jdropdown-reset_ {
1260	content:'x';
1261	position:absolute;
1262	top:0;
1263	right:0;
1264	margin:5px;
1265	margin-right:10px;
1266	font-size:12px;
1267	width:12px;
1268	cursor:pointer;
1269	text-shadow: 0px 0px 5px #fff;
1270	display:none;
1271	line-height: 1.8em;
1272	}
1273
1274	.jdropdown-default.jdropdown-focus .jdropdown-reset_ {
1275	display:block;
1276	}
1277
1278	/ Default render for mobile /
1279
1280	.jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
1281	display:block;
1282	}
1283
1284	.jdropdown-picker .jdropdown-header {
1285	outline: none;
1286	}
1287
1288	.jdropdown-picker .jdropdown-container
1289	{
1290	position:fixed;
1291	bottom:0px;
1292	left:0px;
1293	border-bottom:1px solid #e6e6e8;
1294	width:100%;
1295	background-color:#fff;
1296	box-sizing: border-box;
1297	}
1298
1299	.jdropdown-picker .jdropdown-close
1300	{
1301	box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
1302	background-color:#fff;
1303	display:block;
1304	}
1305
1306	.jdropdown-picker .jdropdown-content
1307	{
1308	overflow-y:scroll;
1309	height:280px;
1310	background-color:#fafafa;
1311	border-top:1px solid #e6e6e8;
1312	}
1313
1314	.jdropdown-picker .jdropdown-group-name
1315	{
1316	font-size: 1em;
1317	text-transform: uppercase;
1318	padding-top:10px;
1319	padding-bottom:10px;
1320	display: block;
1321	border-bottom: 1px solid #e6e6e8;
1322	padding-left:20px;
1323	padding-right:20px;
1324	text-align:center;
1325	font-weight:bold;
1326	}
1327
1328	.jdropdown-picker .jdropdown-item
1329	{
1330	font-size: 1em;
1331	text-transform: uppercase;
1332	padding-top:10px;
1333	padding-bottom:10px;
1334	border-bottom: 1px solid #e6e6e8;
1335	padding-left:20px;
1336	padding-right:20px;
1337	}
1338
1339	.jdropdown-picker .jdropdown-selected
1340	{
1341	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
1342	background-repeat:no-repeat;
1343	background-position:top 50% right 15px;
1344	background-color:#1f93ff;
1345	color:#fff;
1346	}
1347
1348	.jdropdown-picker .jdropdown-cursor
1349	{
1350	background-color:#1f93ff;
1351	color:#fff;
1352	}
1353
1354	/ Default render for mobile searchbar /
1355
1356	.jdropdown-searchbar.jdropdown-focus
1357	{
1358	position:fixed;
1359	top:0px !important;
1360	left:0px !important;
1361	width:100% !important;
1362	height:100% !important;
1363	background-color:#fafafa;
1364	padding:0px;
1365	z-index:9001;
1366	overflow-y:scroll;
1367	will-change: scroll-position;
1368	-webkit-overflow-scrolling: touch;
1369	}
1370
1371	.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header
1372	{
1373	position: fixed;
1374	top: 0px;
1375	left: 0px;
1376	z-index: 9002;
1377	padding: 6px;
1378	background-color:#fff;
1379	box-shadow: 0 1px 2px rgba(0,0,0,.1);
1380	width: 100%;
1381	height: 40px;
1382	}
1383
1384	.jdropdown-searchbar.jdropdown-focus .jdropdown-header
1385	{
1386	border: 0px !important;
1387	background-position-x: 0% !important;
1388	background-position-y: 40% !important;
1389	background-repeat: no-repeat;
1390	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
1391	padding-left: 30px !important;
1392	padding-right: 60px !important;
1393	}
1394
1395	.jdropdown-searchbar.jdropdown-focus .jdropdown-close
1396	{
1397	display:block;
1398	}
1399
1400	.jdropdown-searchbar .jdropdown-header {
1401	outline: none;
1402	}
1403
1404	.jdropdown-searchbar .jdropdown-container
1405	{
1406	margin-top: 40px;
1407	width:100%;
1408	}
1409
1410	.jdropdown-searchbar .jdropdown-close
1411	{
1412	position:fixed;
1413	top:0px;
1414	right:0px;
1415	}
1416
1417	.jdropdown-searchbar .jdropdown-content
1418	{
1419	margin-top:10px;
1420	}
1421
1422	.jdropdown-searchbar .jdropdown-group
1423	{
1424	margin-top:10px;
1425	margin-bottom:15px;
1426	background-color:#fff;
1427	}
1428
1429	.jdropdown-searchbar .jdropdown-group-name
1430	{
1431	border-top: 1px solid #e6e6e8;
1432	border-bottom: 1px solid #e6e6e8;
1433	padding:10px;
1434	padding-left:12px;
1435	font-weight:bold;
1436	}
1437
1438	.jdropdown-searchbar .jdropdown-group-arrow
1439	{
1440	float:right;
1441	width:24px;
1442	height:24px;
1443	background-repeat:no-repeat;
1444	}
1445
1446	.jdropdown-searchbar .jdropdown-group-arrow-down
1447	{
1448	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+);
1449	}
1450
1451	.jdropdown-searchbar .jdropdown-group-arrow-up
1452	{
1453	background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
1454	}
1455
1456	.jdropdown-searchbar .jdropdown-item
1457	{
1458	padding-top:10px;
1459	padding-bottom:10px;
1460	border-bottom: 1px solid #e6e6e8;
1461	padding-left:15px;
1462	padding-right:40px;
1463	background-color:#fff;
1464	font-size:0.9em;
1465	}
1466
1467	.jdropdown-searchbar .jdropdown-description {
1468	text-overflow: ellipsis;
1469	overflow: hidden;
1470	max-width: calc(100% - 20px);
1471	}
1472
1473	.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child
1474	{
1475	border-top: 1px solid #e6e6e8;
1476	}
1477
1478	.jdropdown-searchbar .jdropdown-selected
1479	{
1480	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
1481	background-repeat:no-repeat;
1482	background-position:top 50% right 15px;
1483	}
1484
1485	/ List render /
1486
1487	.jdropdown-list
1488	{
1489	}
1490
1491	.jdropdown-list .jdropdown-container
1492	{
1493	display:block;
1494	}
1495
1496	.jdropdown-list .jdropdown-header
1497	{
1498	display:none;
1499	}
1500
1501	.jdropdown-list .jdropdown-group
1502	{
1503	background-color:#fff;
1504	}
1505
1506	.jdropdown-list .jdropdown-group-name
1507	{
1508	border-bottom: 1px solid #e6e6e8;
1509	padding-top:10px;
1510	padding-bottom:10px;
1511	font-weight:bold;
1512	}
1513
1514	.jdropdown-list .jdropdown-item
1515	{
1516	padding-top:10px;
1517	padding-bottom:10px;
1518	border-bottom: 1px solid #e6e6e8;
1519	padding-left:10px;
1520	padding-right:40px;
1521	background-color:#fff;
1522	}
1523
1524	.jdropdown-list .jdropdown-selected
1525	{
1526	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
1527	background-repeat:no-repeat;
1528	background-position:top 50% right 10px;
1529	}
1530
1531	@media only screen and (max-width : 800px)
1532	{
1533	.jdropdown-list {
1534	width:100% !important;
1535	border:0px;
1536	padding:0px;
1537	}
1538
1539	.jdropdown-list .jdropdown-container {
1540	min-width:100%;
1541	}
1542
1543	.jdropdown-searchbar.jdropdown-focus .jdropdown-description {
1544	text-transform: uppercase;
1545	}
1546	}
1547
1548	.app .jdropdown-item {
1549	text-transform:uppercase;
1550	}
1551
1552	.jdropdown-create-container {
1553	margin: 10px;
1554	border: 1px solid #ccc;
1555	border-radius: 2px;
1556	padding: 6px;
1557	}
1558
1559	.jdropdown-color {
1560	background-color: #fff;
1561	border: 1px solid transparent;
1562	border-radius: 12px;
1563	width: 12px;
1564	height: 12px;
1565	margin-right: 6px;
1566	}
1567
1568	.jdropdown-item[data-disabled] {
1569	opacity: 0.5;
1570	pointer-events: none;
1571	}
1572	.jeditor-container {
1573	border:1px solid #ccc;
1574	box-sizing: border-box;
1575	}
1576
1577	.jeditor-container.with-margin {
1578	background-color: #f2f2f2;
1579	max-width: 1200px;
1580	}
1581
1582	.jeditor-dragging {
1583	border:1px dashed #000;
1584	}
1585
1586	.jeditor {
1587	outline:none;
1588	word-break: break-word;
1589	}
1590
1591	.jeditor-container.with-margin .jeditor {
1592	background-color: #fff;
1593	margin: 80px;
1594	min-height: 800px;
1595	padding: 80px;
1596	max-width: 800px;
1597	}
1598
1599	.jeditor[data-placeholder]:empty:before {
1600	content: attr(data-placeholder);
1601	color: lightgray;
1602	}
1603
1604	/ Snippet /
1605
1606	.jsnippet {
1607	margin-top:15px;
1608	cursor:pointer;
1609	border: 1px solid #ccc;
1610	position:relative;
1611	}
1612
1613	.jsnippet:focus {
1614	outline: none;
1615	}
1616
1617	.jsnippet img {
1618	width:100%;
1619	}
1620
1621	.jsnippet .jsnippet-title {
1622	padding:15px;
1623	font-size:1.4em;
1624	}
1625
1626	.jsnippet .jsnippet-description {
1627	padding-left:15px;
1628	padding-right:15px;
1629	font-size:1em;
1630	}
1631
1632	.jsnippet .jsnippet-host {
1633	padding:15px;
1634	text-transform:uppercase;
1635	font-size:0.8em;
1636	color:#777;
1637	text-align:right;
1638	}
1639
1640	.jsnippet .jsnippet-url {
1641	display:none;
1642	}
1643
1644	.jeditor .jsnippet:after {
1645	content: 'close';
1646	font-family: 'Material icons';
1647	font-size: 24px;
1648	width: 24px;
1649	height: 24px;
1650	line-height: 24px;
1651	cursor: pointer;
1652	text-shadow: 0px 0px 2px #fff;
1653	position: absolute;
1654	top: 12px;
1655	right: 12px;
1656	}
1657
1658	.jsnippet * {
1659	-webkit-user-select: none;
1660	-o-user-select: none;
1661	user-select: none;
1662
1663	-webkit-user-drag: none;
1664	-khtml-user-drag: none;
1665	-moz-user-drag: none;
1666	-o-user-drag: none;
1667	}
1668
1669	.jeditor img {
1670	border:2px solid transparent;
1671	box-sizing: border-box;
1672	}
1673
1674	.jeditor img.resizing {
1675	-webkit-user-select: none;
1676	-o-user-select: none;
1677	user-select: none;
1678
1679	-webkit-user-drag: none;
1680	-khtml-user-drag: none;
1681	-moz-user-drag: none;
1682	-o-user-drag: none;
1683	}
1684
1685	.jeditor img:focus {
1686	border: 2px solid #0096FD;
1687	outline: #0096FD;
1688	}
1689
1690	.jeditor .pdf {
1691	background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");
1692	background-repeat: no-repeat;
1693	background-size: cover;
1694	width:60px;
1695	height:60px;
1696	}
1697
1698	.jeditor-toolbar {
1699	width: -moz-fit-content;
1700	width: fit-content;
1701	max-width: 100%;
1702	box-sizing: border-box;
1703	margin: 10px;
1704	}
1705
1706	.toolbar-on-top .jeditor-toolbar {
1707	width: initial;
1708	margin: 0px;
1709	box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
1710	display: block;
1711	}
1712
1713	.toolbar-on-top .jeditor {
1714	padding: 15px;
1715	}
1716
1717	.toolbar-on-top .jtoolbar .material-icons {
1718	font-size: 24px;
1719	transform: initial;
1720	margin: 4px;
1721	}
1722
1723	.toolbar-on-top .jtoolbar .jpicker-header {
1724	font-size: 1em;
1725	margin-top: 4px;
1726	margin-bottom: 4px;
1727	}
1728
1729	.jeditor table {
1730	border-collapse: collapse;
1731	}
1732
1733	.jeditor table td {
1734	border: 1px solid #bbb;
1735	height: 2em;
1736	}
1737
1738	.jeditor table td:focus {
1739	border: 1px solid blue;
1740	}
1741
1742	.jeditor .line-break {
1743	border-top: 1px dashed #ccc;
1744	display: flex;
1745	justify-content: center;
1746	pointer-events: none;
1747	}
1748
1749	.jeditor .line-break:before {
1750	content: 'New page';
1751	background-color: #fff;
1752	color: #ccc;
1753	margin: -1em;
1754	padding: 6px;
1755	position: absolute;
1756	}
1757	.jfloating {
1758	position:fixed;
1759	bottom:0px;
1760	right:0px;
1761	margin-right:5px;
1762
1763	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
1764	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
1765	border:1px solid #ccc;
1766	background-color:#fff;
1767	box-sizing: border-box;
1768	padding-top:50px !important;
1769	z-index:9002;
1770	border-radius: 8px;
1771	}
1772
1773	.jfloating.jfloating-big {
1774	width: 510px !important;
1775	height: 472px !important;
1776	}
1777
1778	.jfloating.jfloating-small {
1779	width: 300px !important;
1780	height: 320px !important;
1781	}
1782
1783	.jfloating.jfloating-large {
1784	width: 600px !important;
1785	height: 600px !important;
1786	}
1787
1788	.jfloating:before {
1789	position:absolute;
1790	top:0;
1791	left:0;
1792	width:100%;
1793	content:attr(title);
1794	padding:15px;
1795	box-sizing: border-box;
1796	font-size:1.2em;
1797	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
1798	background-color: #fff;
1799	border-radius: 8px 8px 0px 0px;
1800	background-color: #404040;
1801	font-size: .93rem;
1802	font-weight: 600;
1803	color: white;
1804	letter-spacing: .5px;
1805	}
1806
1807	.jfloating:after {
1808	content:'';
1809	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
1810	position:absolute;
1811	top:0;
1812	right:0;
1813	margin:14px;
1814	font-size:24px;
1815	width:24px;
1816	height:24px;
1817	cursor:pointer;
1818	text-shadow: 0px 0px 5px #fff;
1819	}
1820
1821	.jfloating_content {
1822	padding:20px;
1823	overflow-y:auto;
1824	max-height:100%;
1825	box-sizing: border-box;
1826	height: -webkit-fill-available;
1827	}
1828
1829	.jfloating.jfloating-minimized {
1830	height: 50px !important;
1831	}
1832
1833	.jfloating.jfloating-minimized .jfloating_content {
1834	display: none;
1835	}
1836
1837	.jmodal {
1838	position:fixed;
1839	top:50%;
1840	left:50%;
1841	width:60%;
1842	height:60%;
1843	-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
1844	-moz-box-shadow: 0 2px 12px rgba(0,0,0,.2);
1845	border:1px solid #ccc;
1846	background-color:#fff;
1847	transform: translate(-50%, -50%);
1848	box-sizing: border-box;
1849	z-index:9002;
1850	border-radius: 4px;
1851	display: flex;
1852	flex-direction: column;
1853	}
1854
1855	.jmodal_title {
1856	padding: 20px;
1857	height: 70px;
1858	box-sizing: border-box;
1859	font-size: 1.4em;
1860	background-color: #fff;
1861	border-radius: 8px 8px 0px 0px;
1862	pointer-events: none;
1863	display: flex;
1864	align-items: center;
1865	border-bottom: 1px solid #eee;
1866	}
1867
1868	.jmodal_title > div {
1869	font-size: 1.4em;
1870	}
1871
1872	.jmodal_title[data-icon]:before {
1873	content: attr(data-icon);
1874	font-family: 'Material Icons' !important;
1875	width: 24px;
1876	height: 24px;
1877	font-size: 24px;
1878	margin-right: 10px;
1879	line-height: 24px;
1880	}
1881
1882	.jmodal_content {
1883	padding: 20px;
1884	overflow-y: auto;
1885	height: 100%;
1886	box-sizing: border-box;
1887	scrollbar-width: thin;
1888	scrollbar-color: #333 transparent;
1889	}
1890
1891	.jmodal_title:empty {
1892	display: none;
1893	}
1894
1895	.jmodal_title:empty + .jmodal_content {
1896	height: 100%;
1897	}
1898
1899	.jmodal_content::-webkit-scrollbar {
1900	height: 12px;
1901	}
1902
1903	.jmodal_content::-webkit-scrollbar {
1904	width: 12px;
1905	}
1906
1907	.jmodal_content::-webkit-scrollbar-track {
1908	border: 1px solid #fff;
1909	background: #eee;
1910	}
1911
1912	.jmodal_content::-webkit-scrollbar-thumb {
1913	border: 1px solid #fff;
1914	background: #888;
1915	}
1916
1917	.jmodal:after {
1918	content: '';
1919	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
1920	position: absolute;
1921	top: 0;
1922	right: 0;
1923	margin: 25px;
1924	font-size: 24px;
1925	width: 24px;
1926	height: 24px;
1927	cursor: pointer;
1928	text-shadow: 0px 0px 5px #fff;
1929	}
1930
1931	.jmodal_fullscreen {
1932	width: 100% !important;
1933	height: 100% !important;
1934	top: 0px;
1935	left: 0px;
1936	transform: none;
1937	border: 0px;
1938	border-radius: 0px;
1939	}
1940
1941	.jmodal_backdrop {
1942	position: fixed;
1943	top: 0px;
1944	left: 0px;
1945	min-width: 100%;
1946	min-height: 100%;
1947	background-color: rgba(0,0,0,0.2);
1948	border: 0px;
1949	padding: 0px;
1950	z-index: 8000;
1951	display: none;
1952
1953	-webkit-touch-callout: none; /* iOS Safari */
1954	-webkit-user-select: none; /* Safari / / Konqueror HTML / / Firefox / / Internet Explorer/Edge */
1955	user-select: none; /* Non-prefixed version, currently
1956	supported by Chrome and Opera */
1957	}
1958
1959	.jmodal_content .jcalendar .jcalendar-content,
1960	.jmodal_content .jdropdown-container {
1961	position: fixed;
1962	}
1963
1964	.jnotification {
1965	position: fixed;
1966	z-index: 10000;
1967	box-sizing: border-box;
1968	padding: 10px;
1969	bottom: 0px;
1970	}
1971
1972	.jnotification-container {
1973	box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
1974	padding: 12px;
1975	border-radius: 8px;
1976
1977	background-color: #000;
1978	background: rgba(92,92,92,1);
1979	background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%);
1980	color: #fff;
1981	width: 320px;
1982	margin: 30px;
1983	padding: 20px;
1984	}
1985
1986	.jnotification-close {
1987	content: '';
1988	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
1989	font-size: 20px;
1990	width: 20px;
1991	height: 20px;
1992	cursor: pointer;
1993	}
1994
1995	.jnotification-title {
1996	font-weight: bold;
1997	}
1998
1999	.jnotification-header {
2000	display: flex;
2001	padding-bottom: 5px;
2002	}
2003
2004	.jnotification-header:empty {
2005	display: none;
2006	}
2007
2008	.jnotification-image {
2009	margin-right: 5px;
2010	}
2011
2012	.jnotification-image:empty {
2013	display: none;
2014	}
2015
2016	.jnotification-image img {
2017	width: 24px;
2018	}
2019
2020	.jnotification-name {
2021	text-transform: uppercase;
2022	font-size: 0.9em;
2023	flex: 1;
2024	letter-spacing: 0.1em;
2025	}
2026
2027	.jnotification-error .jnotification-container {
2028	background: rgb(182,38,6);
2029	background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%);
2030	}
2031
2032	@media (max-width: 800px) {
2033	.jnotification {
2034	top: calc(0px + var(--jsafe-area-top));
2035	width: 100%;
2036	}
2037	.jnotification-container {
2038	background: rgba(255,255,255,0.95);
2039	border: 1px solid #eee;
2040	color: #444;
2041	margin: 0px;
2042	width: initial;
2043	}
2044	.jnotification-error .jnotification-container {
2045	background: rgba(255,255,255,0.95);
2046	color: #790909;
2047	}
2048	.jnotification-close {
2049	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
2050	}
2051	}
2052
2053	.jnotification-header {
2054	display: flex;
2055	justify-content: flex-start;
2056	align-items: center;
2057	}
2058	.jpicker {
2059	cursor: pointer;
2060	white-space: nowrap;
2061	display: inline-flex;
2062	-webkit-user-select: none;
2063	user-select: none;
2064	outline: none;
2065	position: relative;
2066	min-height: 26px;
2067	}
2068
2069	.jpicker-header {
2070	background-repeat: no-repeat;
2071	background-position: top 50% right 5px;
2072	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
2073	text-overflow: ellipsis;
2074	cursor: pointer;
2075	box-sizing: border-box;
2076	text-align: left;
2077	outline: none;
2078	line-height: 24px;
2079	padding: 2px 35px 2px 12px;
2080	border-radius: 4px;
2081	}
2082
2083	.jpicker-header:hover {
2084	background-color: #f2f2f2;
2085	}
2086
2087	.jpicker-content {
2088	position: absolute;
2089	top: 0;
2090	display: none;
2091	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
2092	border-radius: 4px;
2093	background-color: #fff;
2094	padding: 4px;
2095	z-index: 50;
2096	text-align: left;
2097	max-height: 250px;
2098	scrollbar-width: thin;
2099	scrollbar-color: #333 transparent;
2100	}
2101
2102	.jpicker-content::-webkit-scrollbar {
2103	width: 8px;
2104	}
2105
2106	.jpicker-content::-webkit-scrollbar-track {
2107	background: #eee;
2108	}
2109
2110	.jpicker-content::-webkit-scrollbar-thumb {
2111	background: #888;
2112	}
2113
2114	.jpicker-content > div {
2115	padding: 6px;
2116	padding-left: 15px;
2117	padding-right: 15px;
2118	}
2119
2120	.jpicker-focus > .jpicker-content {
2121	display: block;
2122	}
2123
2124	.jpicker-content > div:hover {
2125	background-color:#efefef;
2126	}
2127
2128	.jpicker-content > div:empty {
2129	opacity: 0;
2130	}
2131
2132	.jpicker-header > i, .jpicker-header > div {
2133	display: block;
2134	}
2135
2136	.jpicker-focus > .jpicker-content.jpicker-columns {
2137	display: flex !important ;
2138	justify-content: center;
2139	flex-wrap: wrap;
2140	}
2141
2142	.jpicker-focus .jpicker-content.jpicker-grid {
2143	display: inline-grid;
2144	}
2145
2146
2147
2148	.jprogressbar
2149	{
2150	cursor:pointer;
2151	-webkit-touch-callout: none;
2152	-webkit-user-select: none;
2153	user-select: none;
2154	box-sizing: border-box;
2155	background:#fff;
2156	-webkit-tap-highlight-color: transparent;
2157	display: inline-block;
2158	box-sizing: border-box;
2159	cursor:pointer;
2160	border:1px solid #ccc;
2161	position:relative;
2162	}
2163
2164	.jprogressbar::before {
2165	content:attr(data-value);
2166	position:absolute;
2167	margin:5px;
2168	margin-left:10px;
2169	}
2170
2171	.jprogressbar-header::placeholder
2172	{
2173	color:#000;
2174	}
2175
2176	.jprogressbar::focus {
2177	outline: auto 5px -webkit-focus-ring-color;
2178	}
2179
2180	.jprogressbar > div {
2181	background-color: #eee;
2182	background-color: red;
2183	box-sizing: border-box;
2184	height:31px;
2185	}
2186	.jrating {
2187	display:flex;
2188	}
2189	.jrating > div {
2190	width:24px;
2191	height:24px;
2192	line-height:24px;
2193	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
2194	}
2195
2196	.jrating .jrating-over {
2197	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
2198	opacity: 0.7;
2199	}
2200
2201	.jrating .jrating-selected {
2202	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
2203	}
2204
2205	.jsearch {
2206	position: relative;
2207	display: none;
2208	-webkit-user-select: none;
2209	user-select: none;
2210	}
2211
2212	.jsearch_container {
2213	position: absolute;
2214	box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
2215	border: none;
2216	border-radius: 4px;
2217	width: 280px;
2218	padding: 8px 0;
2219	z-index: 1;
2220	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
2221	transition: opacity .218s;
2222	background: #fff;
2223	border: 1px solid rgba(0,0,0,.2);
2224	cursor: pointer;
2225	margin: 0;
2226	min-width: 300px;
2227	outline: none;
2228	width: auto;
2229	-webkit-user-select: none;
2230	user-select: none;
2231	}
2232
2233	.jsearch_container:empty:after {
2234	content: attr(data-placeholder);
2235	}
2236
2237	.jsearch_container > div {
2238	color: #333;
2239	cursor: pointer;
2240	display: flex;
2241	padding: 5px 10px;
2242	user-select: none;
2243	align-items: center;
2244
2245	-webkit-user-select: none;
2246	user-select: none;
2247	}
2248
2249	.jsearch_container > div:hover {
2250	background-color: #e8eaed;
2251	}
2252
2253	.jsearch_container > div > img {
2254	width: 32px;
2255	height: 32px;
2256	-webkit-user-select: none;
2257	user-select: none;
2258	border-radius: 16px;
2259	margin-right: 2px;
2260	}
2261
2262	.jsearch_container > div > div {
2263	overflow: hidden;
2264	text-overflow: ellipsis;
2265	margin-left: 2px;
2266	max-width: 300px;
2267	white-space: nowrap;
2268	-webkit-user-select: none;
2269	user-select: none;
2270	}
2271
2272	.jsearch_container .selected {
2273	background-color: #e8eaed;
2274	}
2275	.jslider {
2276	outline: none;
2277	}
2278
2279	.jslider-focus {
2280	width: 100% !important;
2281	height: 100% !important;
2282	}
2283
2284	.jslider-focus img {
2285	display: none;
2286	}
2287
2288	.jslider img {
2289	width: 100px;
2290	}
2291
2292	.jslider-left::before {
2293	position: fixed;
2294	left: 15px;
2295	top: 50%;
2296	content:'arrow_back_ios';
2297	color: #fff;
2298	width: 30px;
2299	height: 30px;
2300	font-family: 'Material Icons';
2301	font-size: 30px;
2302	/* before it was 0px 0px 0px #000 */
2303	text-shadow: 0px 0px 6px rgb(56,56,56);
2304	text-align: center;
2305	cursor: pointer;
2306	}
2307
2308	.jslider-right::after {
2309	position: fixed;
2310	right: 15px;
2311	top: 50%;
2312	content: 'arrow_forward_ios';
2313	color: #fff;
2314	width: 30px;
2315	height: 30px;
2316	font-family: 'Material Icons';
2317	font-size: 30px;
2318	/* before it was 0px 0px 0px #000 */
2319	text-shadow: 0px 0px 6px rgb(56,56,56);
2320	text-align: center;
2321	cursor: pointer;
2322	}
2323
2324	.jslider-close {
2325	width:24px;
2326	height:24px;
2327	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
2328	position:fixed;
2329	top:15px;
2330	right:15px;
2331	cursor:pointer;
2332	z-index:3000;
2333
2334	display: block !important;
2335	}
2336
2337	.jslider-counter {
2338	height:24px;
2339	background-color: transparent;
2340	position:fixed;
2341	left: 50%;
2342	transform: translateX(-50%);
2343	bottom: 15px;
2344	cursor:pointer;
2345	z-index:3000;
2346
2347	display: flex;
2348	display: -webkit-flex;
2349	-webkit-justify-content: center;
2350	-webkit-align-items: center;
2351	justify-content: center;
2352	align-items: center;
2353	flex-direction: row;
2354	}
2355
2356	.jslider-caption {
2357	position: fixed;
2358	max-width: 90vw;
2359	text-overflow: ellipsis;
2360	white-space: nowrap;
2361	overflow: hidden;
2362	top:15px;
2363	left: 15px;
2364	z-index:3000;
2365	color: #FFF;
2366	font-size: 1rem;
2367
2368	display: block !important;
2369	}
2370
2371	.jslider-counter div {
2372	width: 10px;
2373	height: 10px;
2374	background: #fff;
2375	border-radius: 50%;
2376	margin: 0px 5px;
2377
2378	display: block !important;
2379	}
2380
2381	.jslider-counter .jslider-counter-focus {
2382	background-color: cornflowerblue;
2383	pointer-events: none;
2384	}
2385
2386	.jslider-focus {
2387	position:fixed;
2388	left:0;
2389	top:0;
2390	width: 100%;
2391	min-height:100%;
2392	max-height:100%;
2393	z-index:2000;
2394	margin:0px;
2395	box-sizing:border-box;
2396
2397	background-color:rgba(0,0,0,0.8);
2398	transition-duration: .05s;
2399	display: flex;
2400
2401	align-items: center;
2402	}
2403
2404	.jslider-focus img {
2405	width: 50vw;
2406	height: auto;
2407	box-sizing: border-box;
2408	margin:0 auto;
2409	vertical-align:middle;
2410	display:none;
2411	}
2412
2413	.jslider-focus img.jslider-vertical {
2414	width: auto;
2415	/* before it was 50vh */
2416	height: 80vh;
2417	}
2418
2419	@media only screen and (max-width: 576px) {
2420	.jslider-focus img.jslider-vertical {
2421	width: 99vw !important;
2422	height: auto !important;
2423	}
2424
2425	.jslider-focus img {
2426	width: 100vw !important;
2427	height: auto !important;
2428	}
2429	}
2430
2431	.jslider-grid {
2432	display: grid;
2433	grid-gap: 1px;
2434	position: relative;
2435	}
2436
2437	.jslider-grid[data-number='2'] {
2438	grid-template-columns: 1fr 50%;
2439	}
2440
2441	.jslider-grid[data-number='3'] {
2442	grid-template-columns: 1fr 33%;
2443	}
2444
2445	.jslider-grid[data-number='4'] {
2446	grid-template-columns: 1fr 25%;
2447	}
2448
2449	.jslider-grid img {
2450	display: none;
2451	width: 100%;
2452	height: 100%;
2453	object-fit: cover;
2454	}
2455
2456	.jslider-grid[data-total]:after {
2457	content: attr(data-total) "+";
2458	font-size: 1.5em;
2459	position:absolute;
2460	color: #fff;
2461	right: 15px;
2462	bottom: 6px;
2463	}
2464
2465	.jslider-grid img:first-child {
2466	-ms-grid-column: 1;
2467	-ms-grid-row: 1;
2468	grid-column: 1;
2469	grid-row: 1;
2470	display: block;
2471	}
2472
2473	.jslider-grid[data-number='2'] img:nth-child(2) {
2474	-ms-grid-column: 2;
2475	-ms-grid-row: 1;
2476	grid-column: 2;
2477	grid-row: 1;
2478	display: block;
2479	}
2480
2481	.jslider-grid[data-number='3'] img:first-child {
2482	-ms-grid-column: 1 / 2;
2483	-ms-grid-row: 1 / 4;
2484	grid-column: 1 / 2;
2485	grid-row: 1 / 4;
2486	}
2487
2488	.jslider-grid[data-number='3'] img:nth-child(2) {
2489	-ms-grid-column: 2;
2490	-ms-grid-row: 1;
2491	grid-column: 2;
2492	grid-row: 1;
2493	display: block;
2494	}
2495
2496	.jslider-grid[data-number='3'] img:nth-child(3) {
2497	-ms-grid-column: 2;
2498	-ms-grid-row: 2;
2499	grid-column: 2;
2500	grid-row: 2;
2501	display: block;
2502	}
2503
2504	.jslider-grid[data-number='4'] img:first-child {
2505	-ms-grid-column: 1 / 2;
2506	-ms-grid-row: 1 / 4;
2507	grid-column: 1 / 2;
2508	grid-row: 1 / 4;
2509	}
2510
2511	.jslider-grid[data-number='4'] img:nth-child(2) {
2512	-ms-grid-column: 2;
2513	-ms-grid-row: 1;
2514	grid-column: 2;
2515	grid-row: 1;
2516	display: block;
2517	}
2518
2519	.jslider-grid[data-number='4'] img:nth-child(3) {
2520	-ms-grid-column: 2;
2521	-ms-grid-row: 2;
2522	grid-column: 2;
2523	grid-row: 2;
2524	display: block;
2525	}
2526
2527	.jslider-grid[data-number='4'] img:nth-child(4) {
2528	-ms-grid-column: 2;
2529	-ms-grid-row: 3;
2530	grid-column: 2;
2531	grid-row: 3;
2532	display: block;
2533	}
2534
2535	.jtabs {
2536	max-width: 100vw;
2537	position: relative;
2538	}
2539
2540	.jtabs .jtabs-headers-container {
2541	display: flex;
2542	align-items: center;
2543	}
2544
2545	.jtabs .jtabs-headers {
2546	display: flex;
2547	align-items: center;
2548	overflow: hidden;
2549	position: relative;
2550	}
2551
2552	.jtabs .jtabs-headers > div:not(.jtabs-border) {
2553	padding: 8px;
2554	padding-left: 20px;
2555	padding-right: 20px;
2556	margin-left: 1px;
2557	margin-right: 1px;
2558	background-color: #f1f1f1;
2559	cursor: pointer;
2560	white-space: nowrap;
2561	text-align: center;
2562	}
2563
2564	.jtabs .jtabs-headers > div.jtabs-selected {
2565	background-color: #e8e8e8;
2566	color: #000;
2567	}
2568
2569	.jtabs .jtabs-headers > div > div {
2570	color: #555;
2571	width: 100%;
2572	overflow: hidden;
2573	}
2574
2575	.jtabs .jtabs-headers i {
2576	display: block;
2577	margin: auto;
2578	}
2579
2580	.jtabs .jtabs-content {
2581	box-sizing: border-box;
2582	}
2583
2584	.jtabs .jtabs-content > div {
2585	display: none;
2586	box-sizing: border-box;
2587	}
2588
2589	.jtabs .jtabs-content > div.jtabs-selected {
2590	display: block;
2591	}
2592
2593	.jtabs .jtabs-border {
2594	position: absolute;
2595	height: 2px;
2596	background-color: #888;
2597	transform-origin: left;
2598	transition: all .2s cubic-bezier(0.4,0,0.2,1);
2599	transition-property: color,left,transform;
2600	display: none;
2601	pointer-events: none;
2602	}
2603
2604	.jtabs-animation .jtabs-border {
2605	display: initial;
2606	}
2607
2608	.jtabs .jtabs-controls {
2609	margin: 3px;
2610	margin-left: 10px;
2611	display: flex;
2612	min-width: 82px;
2613	}
2614
2615	.jtabs .jtabs-controls > div {
2616	cursor: pointer;
2617	background-position: center;
2618	background-repeat: no-repeat;
2619	width: 24px;
2620	height: 24px;
2621	line-height: 24px;
2622	}
2623
2624	.jtabs .jtabs-prev {
2625	margin-left: 10px;
2626	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
2627	}
2628
2629	.jtabs .jtabs-prev.disabled {
2630	margin-left: 10px;
2631	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
2632	}
2633
2634	.jtabs .jtabs-next {
2635	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
2636	}
2637
2638	.jtabs .jtabs-next.disabled {
2639	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
2640	}
2641
2642	.jtabs .jtabs-add {
2643	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
2644	}
2645
2646	/ Modern skin /
2647
2648	.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) {
2649	padding: 4px;
2650	padding-left: 10px;
2651	padding-right: 10px;
2652	background-color: #fff;
2653	}
2654
2655	.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected {
2656	color: #000;
2657	}
2658
2659	.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons {
2660	color: #000;
2661	}
2662
2663	.jtabs.jtabs-modern .jtabs-headers {
2664	background: #EEEEEF !important;
2665	padding: 2px;
2666	border-radius: 4px;
2667	}
2668
2669	.jtabs.jtabs-modern .jtabs-headers .jtabs-border {
2670	border-color: #EEEEEF !important;
2671	}
2672
2673	.jtabs.jtabs-modern .jtabs-border {
2674	background-color: rgba(194, 197, 188, 0.884);
2675	}
2676	.jtags {
2677	display: flex;
2678	flex-wrap: wrap;
2679	flex-direction: row;
2680	justify-content: flex-start;
2681	padding: 1px;
2682	border: 1px solid #ccc;
2683	position: relative;
2684	}
2685
2686	.jtags.jtags-empty:not(.jtags-focus)::before {
2687	position: absolute;
2688	margin: 3px;
2689	color: #ccc;
2690	content: attr(data-placeholder);
2691	top: 0;
2692	margin-left: 6px;
2693	}
2694
2695	.jtags > div {
2696	padding: 6px 22px 6px 10px;
2697	font-size: 0.9em;
2698	position: relative;
2699	border-radius: 1px;
2700	margin: 2px;
2701	display: block;
2702	outline: none;
2703	}
2704
2705	.jtags > div:empty:before {
2706	content: " ";
2707	white-space: pre;
2708	}
2709
2710	.jtags > div::after {
2711	content: 'x';
2712	position: absolute;
2713	top: 7px;
2714	right: 4px;
2715	width: 12px;
2716	height: 12px;
2717	cursor: pointer;
2718	font-size: 0.9em;
2719	line-height: 1em;
2720	display: none;
2721	}
2722
2723	.jtags_label {
2724	background-color: #e4e4e4 !important;
2725	}
2726
2727	.jtags_label::after {
2728	display: inline-block !important;
2729	}
2730
2731	.jtags_error::after {
2732	color: #fff !important;
2733	}
2734
2735	.jtags_error {
2736	background-color: #d93025 !important;
2737	color: #fff;
2738	}
2739
2740	.jtoolbar-container {
2741	border-radius: 2px;
2742	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
2743	display: inline-flex !important;
2744	}
2745
2746	.jtoolbar {
2747	cursor: pointer;
2748	white-space: nowrap;
2749	display: flex;
2750	padding:4px;
2751	-webkit-user-select: none;
2752	user-select: none;
2753	font-size: 13px;
2754	}
2755
2756	.jtoolbar-disabled {
2757	pointer-events: none;
2758	opacity: 0.4;
2759	}
2760
2761	.jtoolbar-mobile {
2762	display: flex;
2763	position:fixed;
2764	bottom: 0;
2765	margin: 0;
2766	left: 0;
2767	width: 100%;
2768	background: #f7f7f8;
2769	z-index: 1;
2770	box-sizing: border-box;
2771	box-shadow: 0 -1px 2px rgba(0,0,0,.1);
2772	border-radius: 0px;
2773	}
2774
2775	.jtoolbar > div {
2776	display: inline-flex;
2777	align-items: center;
2778	box-sizing: border-box;
2779	vertical-align:middle;
2780	justify-content: space-evenly;
2781	}
2782
2783	.jtoolbar-mobile > div {
2784	display: flex;
2785	width: 100%;
2786	}
2787
2788	.jtoolbar .jtoolbar-item {
2789	text-align: center;
2790	margin: auto;
2791	padding: 2px;
2792	padding-left:4px;
2793	padding-right:4px;
2794	}
2795
2796	.jtoolbar-mobile .jtoolbar-item {
2797	position: relative;
2798	flex:1;
2799	}
2800
2801	.jtoolbar .jtoolbar-divisor {
2802	width: 2px;
2803	height: 18px;
2804	padding: 0px;
2805	margin-left: 4px;
2806	margin-right: 4px;
2807	background-color: #ddd;
2808	}
2809
2810	.jtoolbar .jtoolbar-label {
2811	padding-left: 8px;
2812	padding-right: 8px;
2813	}
2814
2815
2816
2817	.jtoolbar-mobile a
2818	{
2819	text-decoration:none;
2820	display:inline-block;
2821	}
2822
2823	.jtoolbar-mobile i {
2824	display: inline-flex !important;
2825	color:#929292;
2826	}
2827
2828	.jtoolbar-mobile span {
2829	font-size:0.7em;
2830	display:block;
2831	color:#929292;
2832	}
2833
2834	.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
2835	color:var(--jactive-color) !important;
2836	background-color:transparent;
2837	}
2838
2839	.jtoolbar-item {
2840	-webkit-user-select: none;
2841	user-select: none;
2842	}
2843
2844	.jtoolbar-item i {
2845	display: block;
2846	color:#333;
2847	}
2848
2849	.jtoolbar-item:hover {
2850	background-color:#f2f2f2;
2851	}
2852
2853
2854	.jtoolbar .jpicker {
2855	padding-left:0px;
2856	padding-right:0px;
2857	}
2858
2859	.jtoolbar .jpicker-header {
2860	height: 24px;
2861	line-height: 24px;
2862	padding: 0px;
2863	padding-right: 20px;
2864	padding-left: 8px;
2865	background-position: top 50% right 0px;
2866	display: flex;
2867	align-items: center;
2868	font-size: 0.9em;
2869	}
2870
2871	.jtoolbar .jpicker-content > div {
2872	padding: 6px;
2873	}
2874
2875	.jtoolbar-active {
2876	background-color:#eee;
2877	}
2878
2879	.jtoolbar .fa {
2880	width: 18px;
2881	height: 18px;
2882	display: block;
2883	line-height: 18px;
2884	font-size: 14px;
2885	}
2886
2887	.jtoolbar .material-icons {
2888	font-size: 18px;
2889	width: 24px;
2890	height: 24px;
2891	display: block;
2892	line-height: 24px;
2893	transform: rotate(0.03deg);
2894	text-align: center;
2895	}
2896
2897	.jtoolbar .jtoolbar-arrow {
2898	background-repeat: no-repeat;
2899	background-position: center;
2900	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z%27/%3E%3C/svg%3E");
2901	width: 24px;
2902	height: 16px;
2903	margin-left: 4px;
2904	border-left: 1px solid #f2f2f2;
2905	}
2906
2907	.jtoolbar-floating {
2908	position: absolute;
2909	display: none;
2910	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
2911	border-radius: 4px;
2912	background-color: #fff;
2913	padding: 4px;
2914	z-index: 50;
2915	text-align: left;
2916	margin-right: 20px;
2917	}
2918
2919	.jtoolbar-floating .jtoolbar-divisor {
2920	display: none;
2921	}
2922
2923	.jtoolbar-arrow-selected .jtoolbar-floating {
2924	display: flex;
2925	flex-wrap: wrap;
2926	}
2927
2928
2929	/** Loading */
2930	.jloading {
2931	position:fixed;
2932	z-index:10001;
2933	width:100%;
2934	left:0;
2935	right:0;
2936	top:0;
2937	bottom:0;
2938	background-color: rgba(0,0,0,0.7);
2939	}
2940
2941	.jloading::after {
2942	content:'';
2943	display:block;
2944	margin:0 auto;
2945	margin-top:50vh;
2946	width:40px;
2947	height:40px;
2948	border-style:solid;
2949	border-color:white;
2950	border-top-color:transparent;
2951	border-width:4px;
2952	border-radius:50%;
2953	animation: jspin .8s linear infinite;
2954	}
2955
2956	.jloading.jspin {
2957	background-color:transparent;
2958	}
2959
2960	.jloading.jspin::after {
2961	margin:0 auto;
2962	margin-top:80px;
2963	border-color:#aaa;
2964	border-top-color:transparent;
2965	}
2966
2967	/ Animations /
2968	.jfade-in {
2969	animation: jfade-in 2s forwards;
2970	}
2971
2972	.jfade-out {
2973	animation: jfade-out 1s forwards;
2974	}
2975
2976	.jslide-left-in {
2977	position: relative;
2978	animation: jslide-left-in 0.4s forwards;
2979	}
2980
2981	.jslide-left-out {
2982	position: relative;
2983	animation: jslide-left-out 0.4s forwards;
2984	}
2985
2986	.jslide-right-in {
2987	position: relative;
2988	animation: jslide-right-in 0.4s forwards;
2989	}
2990
2991	.jslide-right-out {
2992	position: relative;
2993	animation: jslide-right-out 0.4s forwards;
2994	}
2995
2996	.jslide-top-in {
2997	position: relative;
2998	animation: jslide-top-in 0.4s forwards;
2999	}
3000
3001	.jslide-top-out {
3002	position: relative;
3003	animation: jslide-top-out 0.2s forwards;
3004	}
3005
3006	.jslide-bottom-in {
3007	position: relative;
3008	animation: jslide-bottom-in 0.4s forwards;
3009	}
3010
3011	.jslide-bottom-out {
3012	position: relative;
3013	animation: jslide-bottom-out 0.1s forwards;
3014	}
3015
3016	.jslide-left-in > div {
3017	-webkit-transform: translateZ(0px);
3018	-webkit-transform: translate3d(0,0,0);
3019	}
3020
3021	.jslide-left-out > div {
3022	-webkit-transform: translateZ(0px);
3023	-webkit-transform: translate3d(0,0,0);
3024	}
3025
3026	.jslide-right-in > div {
3027	-webkit-transform: translateZ(0px);
3028	-webkit-transform: translate3d(0,0,0);
3029	}
3030
3031	.jslide-right-out > div {
3032	-webkit-transform: translateZ(0px);
3033	-webkit-transform: translate3d(0,0,0);
3034	}
3035
3036	.jspin {
3037	animation: jspin 2s infinite linear;
3038	}
3039
3040	/ Fadein and Fadeout /
3041	@keyframes jfade-in {
3042	0% { opacity: 0; }
3043	100% { opacity: 100; }
3044	}
3045
3046	@keyframes jfade-out {
3047	0% { opacity: 100; }
3048	100% { opacity: 0; }
3049	}
3050
3051	/ Keyframes Left to Right /
3052	@keyframes jslide-left-in {
3053	0% { left: -100%; }
3054	100% { left: 0%; }
3055	}
3056
3057	@keyframes jslide-left-out {
3058	0% { left: 0%; }
3059	100% { left: -100%; }
3060	}
3061
3062	/ Keyframes Right to Left /
3063	@keyframes jslide-right-in {
3064	0% { left: 100%; }
3065	100% { left: 0%; }
3066	}
3067
3068	@keyframes jslide-right-out {
3069	0% { left: 0%; }
3070	100% { left: 100%; }
3071	}
3072
3073	/ Keyframes Top to Bottom /
3074	@keyframes jslide-top-in {
3075	0% { transform: translateY(-100%); }
3076	100% { transform: translateY(0%); }
3077	}
3078
3079	@keyframes jslide-top-out {
3080	0% { transform: translateY(0%); }
3081	100% { transform: translateY(-100%); }
3082	}
3083
3084	/ Keyframes Bottom to Top /
3085	@keyframes jslide-bottom-in {
3086	0% { transform: translateY(100%); }
3087	100% { transform: translateY(0%); }
3088	}
3089
3090	@keyframes jslide-bottom-out {
3091	0% { transform: translateY(0%); }
3092	100% { transform: translateY(100%); }
3093	}
3094
3095	@keyframes jspin {
3096	from {
3097	transform:rotate(0deg);
3098	}
3099	to {
3100	transform:rotate(359deg);
3101	}
3102	}
3103	.jcalendar {
3104	position:absolute;
3105	z-index:9000;
3106	display:none;
3107	box-sizing:border-box;
3108	-webkit-touch-callout: none;
3109	-webkit-user-select: none;
3110	user-select: none;
3111	-webkit-tap-highlight-color: rgba(0,0,0,0);
3112	-webkit-tap-highlight-color: transparent;
3113	min-width:280px;
3114	}
3115
3116	.jcalendar.jcalendar-focus {
3117	display:block;
3118	}
3119
3120	.jcalendar .jcalendar-backdrop {
3121	position:fixed;
3122	top:0px;
3123	left:0px;
3124	z-index:9000;
3125	min-width:100%;
3126	min-height:100%;
3127	background-color:rgba(0,0,0,0.5);
3128	border:0px;
3129	padding:0px;
3130	display:none;
3131	}
3132
3133	.jcalendar .jcalendar-container {
3134	position:relative;
3135	box-sizing:border-box;
3136	}
3137
3138	.jcalendar .jcalendar-content {
3139	position:absolute;
3140	z-index:9001;
3141	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
3142	background-color:#fff;
3143	}
3144
3145	.jcalendar-header {
3146	text-align:center;
3147	}
3148
3149	.jcalendar-header span {
3150	margin-right:4px;
3151	font-size:1.1em;
3152	font-weight:bold;
3153	}
3154
3155	.jcalendar-prev {
3156	cursor:pointer;
3157	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
3158	background-position:center;
3159	background-repeat:no-repeat;
3160	}
3161
3162	.jcalendar-next {
3163	cursor:pointer;
3164	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
3165	background-position:center;
3166	background-repeat:no-repeat;
3167	}
3168
3169	.jcalendar-weekday {
3170	font-weight: 600;
3171	background-color: #fcfcfc;
3172	padding: 14px;
3173	}
3174
3175	.jcalendar-table {
3176	padding: 10px;
3177	}
3178
3179	.jcalendar-table > table {
3180	width:100%;
3181	background-color:#fff;
3182	}
3183
3184	.jcalendar-table > table > thead {
3185	cursor: pointer;
3186	}
3187
3188	.jcalendar-table thead td {
3189	padding: 10px;
3190	height: 40px;
3191	}
3192
3193	.jcalendar-table > table > tbody > tr {
3194	height: 34px;
3195	}
3196
3197	.jcalendar-table > table > tbody td {
3198	box-sizing:border-box;
3199	cursor:pointer;
3200	padding:9px;
3201	font-size:0.9em;
3202	}
3203
3204	.jcalendar-table tfoot td {
3205	padding:10px;
3206	}
3207
3208	.jcalendar-months td, .jcalendar-years td {
3209	height:24px;
3210	}
3211
3212	.jcalendar-input {
3213	padding-right:18px;
3214	background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E");
3215	background-position:top 50% right 5px;
3216	background-repeat:no-repeat;
3217	box-sizing: border-box;
3218	}
3219
3220	.jcalendar-done {
3221	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
3222	background-color:#fff;
3223	}
3224
3225	.jcalendar-update {
3226	border:1px solid #ccc;
3227	background-color:#fff;
3228	border-radius:4px;
3229	padding:5px;
3230	width:100%;
3231	}
3232
3233	.jcalendar-container select {
3234	width:55px;
3235	display:inline-block;
3236	border:0px;
3237	padding:4px;
3238	text-align:center;
3239	font-size:1.1em;
3240	-webkit-user-select:none;
3241	user-select:none;
3242	margin-right:10px;
3243	}
3244
3245	.jcalendar-container select:first-child {
3246	margin-right:2px;
3247	}
3248
3249	.jcalendar-selected {
3250	background-color:#eee;
3251	}
3252
3253	.jcalendar-reset, .jcalendar-confirm {
3254	text-transform:uppercase;
3255	cursor:pointer;
3256	color: var(--jactive-color);
3257	}
3258
3259	.jcalendar-controls {
3260	padding:15px;
3261	box-sizing: border-box;
3262	vertical-align:middle;
3263	display: flex;
3264	justify-content: space-between;
3265	align-items:center;
3266	}
3267
3268	.jcalendar-controls div {
3269	font-weight:bold;
3270	}
3271
3272	.jcalendar-fullsize {
3273	position:fixed;
3274	width:100%;
3275	top:0px;
3276	left:0px;
3277	}
3278
3279	.jcalendar-fullsize .jcalendar-content
3280	{
3281	position:fixed;
3282	width:100%;
3283	left:0px;
3284	bottom:0px;
3285	}
3286
3287	.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
3288	display:block;
3289	}
3290
3291	.jcalendar-sunday {
3292	color: red;
3293	}
3294	.jcalendar-disabled {
3295	color: #ccc;
3296	}
3297
3298	.jcalendar-time {
3299	display:flex;
3300	}
3301
3302	.jcalendar_warning {
3303	color: red;
3304	}
3305
3306	.jcalendar-hide-controls .jcalendar-controls {
3307	display: none;
3308	}
3309
3310	.jcolor {
3311	display: none;
3312	outline: none;
3313	position: absolute;
3314	}
3315
3316	.jcolor-input {
3317	padding-right: 24px !important;
3318	background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box;
3319	box-sizing: border-box;
3320	}
3321
3322	.jcolor-content {
3323	position: absolute;
3324	z-index: 9000;
3325	-webkit-user-select: none;
3326	user-select: none;
3327	-webkit-font-smoothing: antialiased;
3328	font-size: .875rem;
3329	letter-spacing: .2px;
3330	border-radius: 4px;
3331	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
3332	background-color:#fff;
3333	box-sizing: border-box;
3334	min-width: 260px;
3335	}
3336
3337	.jmodal .jcolor-content {
3338	position: fixed;
3339	}
3340
3341	.jcolor-controls {
3342	display: flex;
3343	padding: 10px;
3344	border-bottom: 1px solid #eee;
3345	margin-bottom: 5px;
3346	}
3347
3348	.jcolor-controls div {
3349	flex: 1;
3350	font-size: 1em;
3351	color: var(--jactive-color);
3352	text-transform: uppercase;
3353	font-weight: bold;
3354	box-sizing: border-box;
3355	}
3356
3357	.jcolor-content table {
3358	border-collapse: collapse;
3359	box-sizing: border-box;
3360	}
3361
3362	.jcolor-focus {
3363	display:block;
3364	}
3365
3366	.jcolor table {
3367	width:100%;
3368	height:100%;
3369	min-height: 160px;
3370	}
3371
3372	.jcolor td {
3373	padding: 7px;
3374	}
3375
3376	.jcolor-selected {
3377	background-repeat:no-repeat;
3378	background-size: 16px;
3379	background-position: center;
3380	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E");
3381	}
3382
3383	.jcolor-fullscreen {
3384	position: fixed;
3385	left: 0px;
3386	bottom: 0px;
3387	width:100%;
3388	max-height: 290px;
3389	border-radius: 0px;
3390	box-sizing: border-box;
3391	}
3392
3393	.jcolor-fullscreen .jcolor-controls {
3394	padding: 15px;
3395	box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
3396	}
3397
3398	.jcolor-reset {
3399	text-align: left;
3400	}
3401
3402	.jcolor-close {
3403	text-align: right;
3404	}
3405
3406	.jcolor-backdrop {
3407	position: fixed;
3408	top: 0px;
3409	left: 0px;
3410	min-width: 100%;
3411	min-height: 100%;
3412	background-color: rgba(0,0,0,0.5);
3413	border: 0px;
3414	padding: 0px;
3415	z-index: 8000;
3416	display: none;
3417
3418	-webkit-touch-callout: none; /* iOS Safari */
3419	-webkit-user-select: none; /* Safari / / Konqueror HTML / / Firefox / / Internet Explorer/Edge */
3420	user-select: none; /* Non-prefixed version, currently
3421	supported by Chrome and Opera */
3422	}
3423
3424	.jcolor-content .jtabs-content {
3425	padding: 7px;
3426	}
3427
3428	.jcolor-grid tr:first-child > td:first-child {
3429	border-top-left-radius: 3px;
3430	}
3431
3432	.jcolor-grid tr:first-child > td:last-child {
3433	border-top-right-radius: 3px;
3434	}
3435
3436	.jcolor-grid tr:last-child > td:first-child {
3437	border-bottom-left-radius: 3px;
3438	}
3439
3440	.jcolor-grid tr:last-child > td:last-child {
3441	border-bottom-right-radius: 3px;
3442	}
3443
3444	.jcolor-hsl {
3445	box-sizing: border-box;
3446	}
3447
3448	.jcolor-hsl > div {
3449	height: 100%;
3450	position: relative;
3451	}
3452
3453	.jcolor-hsl canvas {
3454	display: block;
3455	border-radius: 4px;
3456	-webkit-user-drag: none;
3457	}
3458
3459	.jcolor-point {
3460	height: 5px;
3461	width: 5px;
3462	background-color: #000;
3463	position: absolute;
3464	top: 50%;
3465	left: 50%;
3466	transform: translate(-50%, -50%);
3467	border-radius: 50%;
3468	}
3469
3470	.jcolor-sliders {
3471	padding: 10px 20px 10px 10px;
3472	}
3473
3474	.jcolor-sliders input {
3475	-webkit-appearance: none;
3476
3477	height: 12px;
3478	width: 80%;
3479
3480	background: #d3d3d3;
3481	opacity: 1;
3482
3483	border-radius: 30px;
3484	outline: none;
3485	}
3486
3487	.jcolor-sliders-input-subcontainer {
3488	display: flex;
3489	justify-content: space-between;
3490	align-items: center;
3491	}
3492
3493	.jcolor-sliders-input-container {
3494	margin-top: 4px;
3495	line-height: 0.8em;
3496	text-align: left;
3497	}
3498
3499	.jcolor-sliders-input-container > label {
3500	font-size: 10px;
3501	text-transform: uppercase;
3502	color: #bbbbbd;
3503	}
3504
3505	.jcolor-sliders-input-subcontainer > input {
3506	border: 0px;
3507	padding: 1px;
3508	}
3509
3510	.jcolor-sliders-input-container input::-webkit-slider-thumb {
3511	-webkit-appearance: none;
3512	height: 12px;
3513	width: 12px;
3514	border-radius: 50%;
3515	background: #000;
3516	border: 2px solid #fff;
3517	cursor: pointer;
3518	}
3519
3520	.jcolor-sliders-input-container input::-moz-range-thumb {
3521	-webkit-appearance: none;
3522	height: 12px;
3523	width: 12px;
3524	border-radius: 50%;
3525	background: #000;
3526	border: 2px solid #fff;
3527	cursor: pointer;
3528	}
3529
3530	.jcolor-sliders-final-color {
3531	padding: 6px;
3532	-webkit-user-select: all;
3533	user-select: all;
3534	margin-top: 10px;
3535	text-align: center;
3536	}
3537
3538	.jcolor-sliders-final-color > div:nth-child(2) {
3539	width: 71px;
3540	text-transform: uppercase;
3541	}
3542
3543	.jcolor .jtabs .jtabs-headers-container .jtabs-controls {
3544	display: none !important;
3545	}
3546
3547	.jcolor .jtabs .jtabs-headers-container {
3548	display: flex !important;
3549	justify-content: center;
3550	padding: 4px;
3551	}
3552
3553	.jcolor .jtabs-headers > div:not(.jtabs-border) {
3554	padding: 2px !important;
3555	padding-left: 15px !important;
3556	padding-right: 15px !important;
3557	font-size: 0.8em;
3558	}
3559	.jcontextmenu {
3560	position:fixed;
3561	z-index:10000;
3562	background:#fff;
3563	color: #555;
3564	font-size: 11px;
3565	-webkit-user-select: none;
3566	user-select: none;
3567	box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
3568	border: 1px solid #C6C6C6;
3569	padding: 0px;
3570	padding-top:4px;
3571	padding-bottom:4px;
3572	margin:0px;
3573	outline:none;
3574	display:none;
3575	}
3576
3577	.jcontextmenu.jcontextmenu-focus {
3578	display:inline-block;
3579	}
3580
3581	.jcontextmenu > div {
3582	box-sizing: border-box;
3583	display: flex;
3584	padding: 8px 8px 8px 32px;
3585	width: 250px;
3586	position: relative;
3587	cursor: default;
3588	font-size: 11px;
3589	font-family:sans-serif;
3590	text-align: left;
3591	align-items: center;
3592	}
3593
3594	.jcontextmenu > div::before {
3595	content: attr(data-icon);
3596	font-family: 'Material Icons' !important;
3597	font-size: 15px;
3598	position: absolute;
3599	left: 9px;
3600	line-height: 24px;
3601	}
3602
3603	.jcontextmenu.symbols > div::before {
3604	font-family: 'Material Symbols Outlined' !important;
3605	}
3606
3607	.jcontextmenu > div.header {
3608	display: none;
3609	}
3610
3611	.jcontextmenu > div a {
3612	color: #555;
3613	text-decoration: none;
3614	flex: 1;
3615	cursor: pointer;
3616	}
3617
3618	.jcontextmenu > div span {
3619	margin-right: 10px;
3620	font-size: 0.9em;
3621	}
3622
3623	.jcontextmenu .jcontextmenu-disabled a {
3624	color: #ccc;
3625	}
3626
3627	.jcontextmenu .jcontextmenu-disabled::before {
3628	color: #ccc;
3629	}
3630
3631	.jcontextmenu > div:hover {
3632	background: #ebebeb;
3633	}
3634
3635	.jcontextmenu hr {
3636	border: 1px solid #e9e9e9;
3637	border-bottom: 0;
3638	margin-top:5px;
3639	margin-bottom:5px;
3640	}
3641
3642	.jcontextmenu > hr:hover {
3643	background: transparent;
3644	}
3645
3646	.jcontextmenu .jcontextmenu {
3647	top: 4px;
3648	left: 99%;
3649	opacity: 0;
3650	position: absolute;
3651	}
3652
3653	.jcontextmenu > div:hover > .jcontextmenu {
3654	display: block;
3655	opacity: 1;
3656	transform: translate(0, 0) scale(1);
3657	pointer-events: auto;
3658	}
3659
3660	@media only screen and (max-width: 420px) {
3661	.jcontextmenu {
3662	top: initial !important;
3663	left: 0px !important;
3664	bottom: 0px !important;
3665	width: 100vw;
3666	height: 260px;
3667	overflow: scroll;
3668	animation: jslide-bottom-in 0.4s forwards;
3669	padding-top: 0px;
3670	}
3671	.jcontextmenu div {
3672	width: 100%;
3673	text-align: center;
3674	border-bottom: 1px solid #ccc;
3675	padding: 15px;
3676	}
3677	.jcontextmenu > div.header {
3678	background-color: lightgray;
3679	padding: 5px;
3680	top: 0px;
3681	position: sticky;
3682	z-index: 2;
3683	}
3684	.jcontextmenu > div.header > a.title {
3685	text-align: left;
3686	}
3687
3688	.jcontextmenu > div.header > a.close {
3689	text-align: right;
3690	}
3691	.jcontextmenu a {
3692	font-size: 1.4em;
3693	text-transform: uppercase;
3694	}
3695	.jcontextmenu span {
3696	display: none;
3697	}
3698	.jcontextmenu span {
3699	display: none;
3700	}
3701	.jcontextmenu hr {
3702	display: none;
3703	}
3704	}
3705
3706	.jdropdown {
3707	cursor:pointer;
3708	-webkit-touch-callout: none;
3709	-webkit-user-select: none;
3710	user-select: none;
3711	box-sizing: border-box;
3712	background:#fff;
3713	-webkit-tap-highlight-color: transparent;
3714	display: inline-block;
3715	}
3716
3717	.jdropdown-backdrop {
3718	position:fixed;
3719	top:0px;
3720	left:0px;
3721	min-width:100%;
3722	min-height:100%;
3723	background-color:rgba(0,0,0,0.5);
3724	border:0px;
3725	padding:0px;
3726	z-index:8000;
3727	display:none;
3728	}
3729
3730	.jdropdown[disabled] {
3731	opacity: 0.5;
3732	pointer-events: none;
3733	}
3734
3735	.jdropdown-focus {
3736	position:relative;
3737	}
3738
3739	.jdropdown-focus .jdropdown-container {
3740	transform: translate3d(0,0,0);
3741	}
3742
3743	.jdropdown-default.jdropdown-focus .jdropdown-header {
3744	outline:auto 5px -webkit-focus-ring-color;
3745	}
3746
3747	.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
3748	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E");
3749	}
3750
3751	.jdropdown-container-header {
3752	padding:0px;
3753	margin:0px;
3754	position:relative;
3755	box-sizing: border-box;
3756	}
3757
3758	.jdropdown-header {
3759	width:100%;
3760	appearance: none;
3761	background-repeat: no-repeat;
3762	background-position:top 50% right 5px;
3763	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
3764	text-overflow: ellipsis;
3765	cursor:pointer;
3766	box-sizing: border-box;
3767	-webkit-appearance: none;
3768	-moz-appearance: none;
3769	padding-right:30px !important;
3770	}
3771
3772	.jdropdown-insert-button {
3773	font-size: 1.4em;
3774	text-transform: uppercase;
3775	position:absolute;
3776	right: 30px;
3777	top: 4px;
3778	display:none;
3779	}
3780
3781	.jdropdown-container {
3782	min-width: inherit;
3783	transform: translate3d(-10000px,0,0);
3784	position:absolute;
3785	z-index:9001;
3786	}
3787
3788	.jdropdown-close {
3789	display:none;
3790	font-size:1em;
3791	color: var(--jactive-color);
3792	text-transform:uppercase;
3793	text-align:right;
3794	padding:12px;
3795	font-weight:bold;
3796	}
3797
3798	.jdropdown-content {
3799	min-width:inherit;
3800	margin:0px;
3801	box-sizing:border-box;
3802	}
3803
3804	.jdropdown-content:empty {
3805	}
3806
3807	.jdropdown-item {
3808	white-space: nowrap;
3809	text-align: left;
3810	text-overflow: ellipsis;
3811	overflow-x: hidden;
3812	color: #000;
3813	display: flex;
3814	align-items: center;
3815	}
3816
3817	.jdropdown-description {
3818	text-overflow: ellipsis;
3819	overflow: hidden;
3820	line-height: 1.5em;
3821	}
3822
3823	.jdropdown-image {
3824	margin-right:10px;
3825	width: 32px;
3826	height: 32px;
3827	border-radius:20px;
3828	}
3829
3830	.jdropdown-image-small {
3831	width:24px;
3832	height:24px;
3833	}
3834
3835	.jdropdown-icon {
3836	margin-right:10px;
3837	font-size: 30px;
3838	margin-left: -5px;
3839	}
3840
3841	.jdropdown-icon-small {
3842	font-size: 24px;
3843	margin-left: 0px;
3844	}
3845
3846	.jdropdown-title {
3847	font-size: 0.7em;
3848	text-overflow: ellipsis;
3849	overflow-x: hidden;
3850	display: block;
3851	}
3852
3853	/ Default visual /
3854
3855	.jdropdown-default .jdropdown-header {
3856	border:1px solid #ccc;
3857	padding:5px;
3858	padding-left:10px;
3859	padding-right:16px;
3860	}
3861
3862	.jdropdown-default .jdropdown-container {
3863	background-color:#fff;
3864	}
3865
3866	.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
3867	padding-right:50px;
3868	}
3869
3870	.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
3871	display:block;
3872	}
3873
3874	.jdropdown-default .jdropdown-content
3875	{
3876	min-width:inherit;
3877	border:1px solid #8fb1e3;
3878	margin:0px;
3879	background-color:#fff;
3880	box-sizing:border-box;
3881	min-height:10px;
3882	max-height:215px;
3883	overflow-y:auto;
3884	}
3885
3886	.jdropdown-default .jdropdown-item
3887	{
3888	padding:4px;
3889	padding-left:8px;
3890	padding-right:40px;
3891	}
3892
3893	.jdropdown-default .jdropdown-item:hover
3894	{
3895	background-color:#1f93ff;
3896	color:#fff;
3897	}
3898
3899	.jdropdown-default .jdropdown-cursor
3900	{
3901	background-color:#eee;
3902	}
3903
3904	.jdropdown-default .jdropdown-selected
3905	{
3906	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
3907	background-repeat:no-repeat;
3908	background-position:top 50% right 5px;
3909	background-color:#1f93ff;
3910	color:#fff;
3911	}
3912
3913	.jdropdown-default .jdropdown-group {
3914	margin-top:5px;
3915	}
3916
3917	.jdropdown-default .jdropdown-group .jdropdown-item {
3918	padding-left:16px;
3919	}
3920
3921	.jdropdown-default .jdropdown-group-name {
3922	padding-left: 8px;
3923	font-weight: bold;
3924	text-align: left;
3925	}
3926
3927	.jdropdown-default .jdropdown-reset_ {
3928	content:'x';
3929	position:absolute;
3930	top:0;
3931	right:0;
3932	margin:5px;
3933	margin-right:10px;
3934	font-size:12px;
3935	width:12px;
3936	cursor:pointer;
3937	text-shadow: 0px 0px 5px #fff;
3938	display:none;
3939	line-height: 1.8em;
3940	}
3941
3942	.jdropdown-default.jdropdown-focus .jdropdown-reset_ {
3943	display:block;
3944	}
3945
3946	/ Default render for mobile /
3947
3948	.jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
3949	display:block;
3950	}
3951
3952	.jdropdown-picker .jdropdown-header {
3953	outline: none;
3954	}
3955
3956	.jdropdown-picker .jdropdown-container
3957	{
3958	position:fixed;
3959	bottom:0px;
3960	left:0px;
3961	border-bottom:1px solid #e6e6e8;
3962	width:100%;
3963	background-color:#fff;
3964	box-sizing: border-box;
3965	}
3966
3967	.jdropdown-picker .jdropdown-close
3968	{
3969	box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
3970	background-color:#fff;
3971	display:block;
3972	}
3973
3974	.jdropdown-picker .jdropdown-content
3975	{
3976	overflow-y:scroll;
3977	height:280px;
3978	background-color:#fafafa;
3979	border-top:1px solid #e6e6e8;
3980	}
3981
3982	.jdropdown-picker .jdropdown-group-name
3983	{
3984	font-size: 1em;
3985	text-transform: uppercase;
3986	padding-top:10px;
3987	padding-bottom:10px;
3988	display: block;
3989	border-bottom: 1px solid #e6e6e8;
3990	padding-left:20px;
3991	padding-right:20px;
3992	text-align:center;
3993	font-weight:bold;
3994	}
3995
3996	.jdropdown-picker .jdropdown-item
3997	{
3998	font-size: 1em;
3999	text-transform: uppercase;
4000	padding-top:10px;
4001	padding-bottom:10px;
4002	border-bottom: 1px solid #e6e6e8;
4003	padding-left:20px;
4004	padding-right:20px;
4005	}
4006
4007	.jdropdown-picker .jdropdown-selected
4008	{
4009	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=);
4010	background-repeat:no-repeat;
4011	background-position:top 50% right 15px;
4012	background-color:#1f93ff;
4013	color:#fff;
4014	}
4015
4016	.jdropdown-picker .jdropdown-cursor
4017	{
4018	background-color:#1f93ff;
4019	color:#fff;
4020	}
4021
4022	/ Default render for mobile searchbar /
4023
4024	.jdropdown-searchbar.jdropdown-focus
4025	{
4026	position:fixed;
4027	top:0px !important;
4028	left:0px !important;
4029	width:100% !important;
4030	height:100% !important;
4031	background-color:#fafafa;
4032	padding:0px;
4033	z-index:9001;
4034	overflow-y:scroll;
4035	will-change: scroll-position;
4036	-webkit-overflow-scrolling: touch;
4037	}
4038
4039	.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header
4040	{
4041	position: fixed;
4042	top: 0px;
4043	left: 0px;
4044	z-index: 9002;
4045	padding: 6px;
4046	background-color:#fff;
4047	box-shadow: 0 1px 2px rgba(0,0,0,.1);
4048	width: 100%;
4049	height: 40px;
4050	}
4051
4052	.jdropdown-searchbar.jdropdown-focus .jdropdown-header
4053	{
4054	border: 0px !important;
4055	background-position-x: 0% !important;
4056	background-position-y: 40% !important;
4057	background-repeat: no-repeat;
4058	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
4059	padding-left: 30px !important;
4060	padding-right: 60px !important;
4061	}
4062
4063	.jdropdown-searchbar.jdropdown-focus .jdropdown-close
4064	{
4065	display:block;
4066	}
4067
4068	.jdropdown-searchbar .jdropdown-header {
4069	outline: none;
4070	}
4071
4072	.jdropdown-searchbar .jdropdown-container
4073	{
4074	margin-top: 40px;
4075	width:100%;
4076	}
4077
4078	.jdropdown-searchbar .jdropdown-close
4079	{
4080	position:fixed;
4081	top:0px;
4082	right:0px;
4083	}
4084
4085	.jdropdown-searchbar .jdropdown-content
4086	{
4087	margin-top:10px;
4088	}
4089
4090	.jdropdown-searchbar .jdropdown-group
4091	{
4092	margin-top:10px;
4093	margin-bottom:15px;
4094	background-color:#fff;
4095	}
4096
4097	.jdropdown-searchbar .jdropdown-group-name
4098	{
4099	border-top: 1px solid #e6e6e8;
4100	border-bottom: 1px solid #e6e6e8;
4101	padding:10px;
4102	padding-left:12px;
4103	font-weight:bold;
4104	}
4105
4106	.jdropdown-searchbar .jdropdown-group-arrow
4107	{
4108	float:right;
4109	width:24px;
4110	height:24px;
4111	background-repeat:no-repeat;
4112	}
4113
4114	.jdropdown-searchbar .jdropdown-group-arrow-down
4115	{
4116	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+);
4117	}
4118
4119	.jdropdown-searchbar .jdropdown-group-arrow-up
4120	{
4121	background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
4122	}
4123
4124	.jdropdown-searchbar .jdropdown-item
4125	{
4126	padding-top:10px;
4127	padding-bottom:10px;
4128	border-bottom: 1px solid #e6e6e8;
4129	padding-left:15px;
4130	padding-right:40px;
4131	background-color:#fff;
4132	font-size:0.9em;
4133	}
4134
4135	.jdropdown-searchbar .jdropdown-description {
4136	text-overflow: ellipsis;
4137	overflow: hidden;
4138	max-width: calc(100% - 20px);
4139	}
4140
4141	.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child
4142	{
4143	border-top: 1px solid #e6e6e8;
4144	}
4145
4146	.jdropdown-searchbar .jdropdown-selected
4147	{
4148	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
4149	background-repeat:no-repeat;
4150	background-position:top 50% right 15px;
4151	}
4152
4153	/ List render /
4154
4155	.jdropdown-list
4156	{
4157	}
4158
4159	.jdropdown-list .jdropdown-container
4160	{
4161	display:block;
4162	}
4163
4164	.jdropdown-list .jdropdown-header
4165	{
4166	display:none;
4167	}
4168
4169	.jdropdown-list .jdropdown-group
4170	{
4171	background-color:#fff;
4172	}
4173
4174	.jdropdown-list .jdropdown-group-name
4175	{
4176	border-bottom: 1px solid #e6e6e8;
4177	padding-top:10px;
4178	padding-bottom:10px;
4179	font-weight:bold;
4180	}
4181
4182	.jdropdown-list .jdropdown-item
4183	{
4184	padding-top:10px;
4185	padding-bottom:10px;
4186	border-bottom: 1px solid #e6e6e8;
4187	padding-left:10px;
4188	padding-right:40px;
4189	background-color:#fff;
4190	}
4191
4192	.jdropdown-list .jdropdown-selected
4193	{
4194	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==);
4195	background-repeat:no-repeat;
4196	background-position:top 50% right 10px;
4197	}
4198
4199	@media only screen and (max-width : 800px)
4200	{
4201	.jdropdown-list {
4202	width:100% !important;
4203	border:0px;
4204	padding:0px;
4205	}
4206
4207	.jdropdown-list .jdropdown-container {
4208	min-width:100%;
4209	}
4210
4211	.jdropdown-searchbar.jdropdown-focus .jdropdown-description {
4212	text-transform: uppercase;
4213	}
4214	}
4215
4216	.app .jdropdown-item {
4217	text-transform:uppercase;
4218	}
4219
4220	.jdropdown-create-container {
4221	margin: 10px;
4222	border: 1px solid #ccc;
4223	border-radius: 2px;
4224	padding: 6px;
4225	}
4226
4227	.jdropdown-color {
4228	background-color: #fff;
4229	border: 1px solid transparent;
4230	border-radius: 12px;
4231	width: 12px;
4232	height: 12px;
4233	margin-right: 6px;
4234	}
4235
4236	.jdropdown-item[data-disabled] {
4237	opacity: 0.5;
4238	pointer-events: none;
4239	}
4240	.jeditor-container {
4241	border:1px solid #ccc;
4242	box-sizing: border-box;
4243	}
4244
4245	.jeditor-container.with-margin {
4246	background-color: #f2f2f2;
4247	max-width: 1200px;
4248	}
4249
4250	.jeditor-dragging {
4251	border:1px dashed #000;
4252	}
4253
4254	.jeditor {
4255	outline:none;
4256	word-break: break-word;
4257	}
4258
4259	.jeditor-container.with-margin .jeditor {
4260	background-color: #fff;
4261	margin: 80px;
4262	min-height: 800px;
4263	padding: 80px;
4264	max-width: 800px;
4265	}
4266
4267	.jeditor[data-placeholder]:empty:before {
4268	content: attr(data-placeholder);
4269	color: lightgray;
4270	}
4271
4272	/ Snippet /
4273
4274	.jsnippet {
4275	margin-top:15px;
4276	cursor:pointer;
4277	border: 1px solid #ccc;
4278	position:relative;
4279	}
4280
4281	.jsnippet:focus {
4282	outline: none;
4283	}
4284
4285	.jsnippet img {
4286	width:100%;
4287	}
4288
4289	.jsnippet .jsnippet-title {
4290	padding:15px;
4291	font-size:1.4em;
4292	}
4293
4294	.jsnippet .jsnippet-description {
4295	padding-left:15px;
4296	padding-right:15px;
4297	font-size:1em;
4298	}
4299
4300	.jsnippet .jsnippet-host {
4301	padding:15px;
4302	text-transform:uppercase;
4303	font-size:0.8em;
4304	color:#777;
4305	text-align:right;
4306	}
4307
4308	.jsnippet .jsnippet-url {
4309	display:none;
4310	}
4311
4312	.jeditor .jsnippet:after {
4313	content: 'close';
4314	font-family: 'Material icons';
4315	font-size: 24px;
4316	width: 24px;
4317	height: 24px;
4318	line-height: 24px;
4319	cursor: pointer;
4320	text-shadow: 0px 0px 2px #fff;
4321	position: absolute;
4322	top: 12px;
4323	right: 12px;
4324	}
4325
4326	.jsnippet * {
4327	-webkit-user-select: none;
4328	-o-user-select: none;
4329	user-select: none;
4330
4331	-webkit-user-drag: none;
4332	-khtml-user-drag: none;
4333	-moz-user-drag: none;
4334	-o-user-drag: none;
4335	}
4336
4337	.jeditor img {
4338	border:2px solid transparent;
4339	box-sizing: border-box;
4340	}
4341
4342	.jeditor img.resizing {
4343	-webkit-user-select: none;
4344	-o-user-select: none;
4345	user-select: none;
4346
4347	-webkit-user-drag: none;
4348	-khtml-user-drag: none;
4349	-moz-user-drag: none;
4350	-o-user-drag: none;
4351	}
4352
4353	.jeditor img:focus {
4354	border: 2px solid #0096FD;
4355	outline: #0096FD;
4356	}
4357
4358	.jeditor .pdf {
4359	background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A");
4360	background-repeat: no-repeat;
4361	background-size: cover;
4362	width:60px;
4363	height:60px;
4364	}
4365
4366	.jeditor-toolbar {
4367	width: -moz-fit-content;
4368	width: fit-content;
4369	max-width: 100%;
4370	box-sizing: border-box;
4371	margin: 10px;
4372	}
4373
4374	.toolbar-on-top .jeditor-toolbar {
4375	width: initial;
4376	margin: 0px;
4377	box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
4378	display: block;
4379	}
4380
4381	.toolbar-on-top .jeditor {
4382	padding: 15px;
4383	}
4384
4385	.toolbar-on-top .jtoolbar .material-icons {
4386	font-size: 24px;
4387	transform: initial;
4388	margin: 4px;
4389	}
4390
4391	.toolbar-on-top .jtoolbar .jpicker-header {
4392	font-size: 1em;
4393	margin-top: 4px;
4394	margin-bottom: 4px;
4395	}
4396
4397	.jeditor table {
4398	border-collapse: collapse;
4399	}
4400
4401	.jeditor table td {
4402	border: 1px solid #bbb;
4403	height: 2em;
4404	}
4405
4406	.jeditor table td:focus {
4407	border: 1px solid blue;
4408	}
4409
4410	.jeditor .line-break {
4411	border-top: 1px dashed #ccc;
4412	display: flex;
4413	justify-content: center;
4414	pointer-events: none;
4415	}
4416
4417	.jeditor .line-break:before {
4418	content: 'New page';
4419	background-color: #fff;
4420	color: #ccc;
4421	margin: -1em;
4422	padding: 6px;
4423	position: absolute;
4424	}
4425	.jfloating {
4426	position:fixed;
4427	bottom:0px;
4428	right:0px;
4429	margin-right:5px;
4430
4431	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
4432	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
4433	border:1px solid #ccc;
4434	background-color:#fff;
4435	box-sizing: border-box;
4436	padding-top:50px !important;
4437	z-index:9002;
4438	border-radius: 8px;
4439	}
4440
4441	.jfloating.jfloating-big {
4442	width: 510px !important;
4443	height: 472px !important;
4444	}
4445
4446	.jfloating.jfloating-small {
4447	width: 300px !important;
4448	height: 320px !important;
4449	}
4450
4451	.jfloating.jfloating-large {
4452	width: 600px !important;
4453	height: 600px !important;
4454	}
4455
4456	.jfloating:before {
4457	position:absolute;
4458	top:0;
4459	left:0;
4460	width:100%;
4461	content:attr(title);
4462	padding:15px;
4463	box-sizing: border-box;
4464	font-size:1.2em;
4465	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
4466	background-color: #fff;
4467	border-radius: 8px 8px 0px 0px;
4468	background-color: #404040;
4469	font-size: .93rem;
4470	font-weight: 600;
4471	color: white;
4472	letter-spacing: .5px;
4473	}
4474
4475	.jfloating:after {
4476	content:'';
4477	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4478	position:absolute;
4479	top:0;
4480	right:0;
4481	margin:14px;
4482	font-size:24px;
4483	width:24px;
4484	height:24px;
4485	cursor:pointer;
4486	text-shadow: 0px 0px 5px #fff;
4487	}
4488
4489	.jfloating_content {
4490	padding:20px;
4491	overflow-y:auto;
4492	max-height:100%;
4493	box-sizing: border-box;
4494	height: -webkit-fill-available;
4495	}
4496
4497	.jfloating.jfloating-minimized {
4498	height: 50px !important;
4499	}
4500
4501	.jfloating.jfloating-minimized .jfloating_content {
4502	display: none;
4503	}
4504
4505	.jmodal {
4506	position:fixed;
4507	top:50%;
4508	left:50%;
4509	width:60%;
4510	height:60%;
4511	-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
4512	-moz-box-shadow: 0 2px 12px rgba(0,0,0,.2);
4513	border:1px solid #ccc;
4514	background-color:#fff;
4515	transform: translate(-50%, -50%);
4516	box-sizing: border-box;
4517	z-index:9002;
4518	border-radius: 4px;
4519	display: flex;
4520	flex-direction: column;
4521	}
4522
4523	.jmodal_title {
4524	padding: 20px;
4525	height: 70px;
4526	box-sizing: border-box;
4527	font-size: 1.4em;
4528	background-color: #fff;
4529	border-radius: 8px 8px 0px 0px;
4530	pointer-events: none;
4531	display: flex;
4532	align-items: center;
4533	border-bottom: 1px solid #eee;
4534	}
4535
4536	.jmodal_title > div {
4537	font-size: 1.4em;
4538	}
4539
4540	.jmodal_title[data-icon]:before {
4541	content: attr(data-icon);
4542	font-family: 'Material Icons' !important;
4543	width: 24px;
4544	height: 24px;
4545	font-size: 24px;
4546	margin-right: 10px;
4547	line-height: 24px;
4548	}
4549
4550	.jmodal_content {
4551	padding: 20px;
4552	overflow-y: auto;
4553	height: 100%;
4554	box-sizing: border-box;
4555	scrollbar-width: thin;
4556	scrollbar-color: #333 transparent;
4557	}
4558
4559	.jmodal_title:empty {
4560	display: none;
4561	}
4562
4563	.jmodal_title:empty + .jmodal_content {
4564	height: 100%;
4565	}
4566
4567	.jmodal_content::-webkit-scrollbar {
4568	height: 12px;
4569	}
4570
4571	.jmodal_content::-webkit-scrollbar {
4572	width: 12px;
4573	}
4574
4575	.jmodal_content::-webkit-scrollbar-track {
4576	border: 1px solid #fff;
4577	background: #eee;
4578	}
4579
4580	.jmodal_content::-webkit-scrollbar-thumb {
4581	border: 1px solid #fff;
4582	background: #888;
4583	}
4584
4585	.jmodal:after {
4586	content: '';
4587	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4588	position: absolute;
4589	top: 0;
4590	right: 0;
4591	margin: 25px;
4592	font-size: 24px;
4593	width: 24px;
4594	height: 24px;
4595	cursor: pointer;
4596	text-shadow: 0px 0px 5px #fff;
4597	}
4598
4599	.jmodal_fullscreen {
4600	width: 100% !important;
4601	height: 100% !important;
4602	top: 0px;
4603	left: 0px;
4604	transform: none;
4605	border: 0px;
4606	border-radius: 0px;
4607	}
4608
4609	.jmodal_backdrop {
4610	position: fixed;
4611	top: 0px;
4612	left: 0px;
4613	min-width: 100%;
4614	min-height: 100%;
4615	background-color: rgba(0,0,0,0.2);
4616	border: 0px;
4617	padding: 0px;
4618	z-index: 8000;
4619	display: none;
4620
4621	-webkit-touch-callout: none; /* iOS Safari */
4622	-webkit-user-select: none; /* Safari / / Konqueror HTML / / Firefox / / Internet Explorer/Edge */
4623	user-select: none; /* Non-prefixed version, currently
4624	supported by Chrome and Opera */
4625	}
4626
4627	.jmodal_content .jcalendar .jcalendar-content,
4628	.jmodal_content .jdropdown-container {
4629	position: fixed;
4630	}
4631
4632	.jnotification {
4633	position: fixed;
4634	z-index: 10000;
4635	box-sizing: border-box;
4636	padding: 10px;
4637	bottom: 0px;
4638	}
4639
4640	.jnotification-container {
4641	box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
4642	padding: 12px;
4643	border-radius: 8px;
4644
4645	background-color: #000;
4646	background: rgba(92,92,92,1);
4647	background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%);
4648	color: #fff;
4649	width: 320px;
4650	margin: 30px;
4651	padding: 20px;
4652	}
4653
4654	.jnotification-close {
4655	content: '';
4656	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4657	font-size: 20px;
4658	width: 20px;
4659	height: 20px;
4660	cursor: pointer;
4661	}
4662
4663	.jnotification-title {
4664	font-weight: bold;
4665	}
4666
4667	.jnotification-header {
4668	display: flex;
4669	padding-bottom: 5px;
4670	}
4671
4672	.jnotification-header:empty {
4673	display: none;
4674	}
4675
4676	.jnotification-image {
4677	margin-right: 5px;
4678	}
4679
4680	.jnotification-image:empty {
4681	display: none;
4682	}
4683
4684	.jnotification-image img {
4685	width: 24px;
4686	}
4687
4688	.jnotification-name {
4689	text-transform: uppercase;
4690	font-size: 0.9em;
4691	flex: 1;
4692	letter-spacing: 0.1em;
4693	}
4694
4695	.jnotification-error .jnotification-container {
4696	background: rgb(182,38,6);
4697	background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%);
4698	}
4699
4700	@media (max-width: 800px) {
4701	.jnotification {
4702	top: calc(0px + var(--jsafe-area-top));
4703	width: 100%;
4704	}
4705	.jnotification-container {
4706	background: rgba(255,255,255,0.95);
4707	border: 1px solid #eee;
4708	color: #444;
4709	margin: 0px;
4710	width: initial;
4711	}
4712	.jnotification-error .jnotification-container {
4713	background: rgba(255,255,255,0.95);
4714	color: #790909;
4715	}
4716	.jnotification-close {
4717	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4718	}
4719	}
4720
4721	.jnotification-header {
4722	display: flex;
4723	justify-content: flex-start;
4724	align-items: center;
4725	}
4726	.jpicker {
4727	cursor: pointer;
4728	white-space: nowrap;
4729	display: inline-flex;
4730	-webkit-user-select: none;
4731	user-select: none;
4732	outline: none;
4733	position: relative;
4734	min-height: 26px;
4735	}
4736
4737	.jpicker-header {
4738	background-repeat: no-repeat;
4739	background-position: top 50% right 5px;
4740	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
4741	text-overflow: ellipsis;
4742	cursor: pointer;
4743	box-sizing: border-box;
4744	text-align: left;
4745	outline: none;
4746	line-height: 24px;
4747	padding: 2px 35px 2px 12px;
4748	border-radius: 4px;
4749	}
4750
4751	.jpicker-header:hover {
4752	background-color: #f2f2f2;
4753	}
4754
4755	.jpicker-content {
4756	position: absolute;
4757	top: 0;
4758	display: none;
4759	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
4760	border-radius: 4px;
4761	background-color: #fff;
4762	padding: 4px;
4763	z-index: 50;
4764	text-align: left;
4765	max-height: 250px;
4766	scrollbar-width: thin;
4767	scrollbar-color: #333 transparent;
4768	}
4769
4770	.jpicker-content::-webkit-scrollbar {
4771	width: 8px;
4772	}
4773
4774	.jpicker-content::-webkit-scrollbar-track {
4775	background: #eee;
4776	}
4777
4778	.jpicker-content::-webkit-scrollbar-thumb {
4779	background: #888;
4780	}
4781
4782	.jpicker-content > div {
4783	padding: 6px;
4784	padding-left: 15px;
4785	padding-right: 15px;
4786	}
4787
4788	.jpicker-focus > .jpicker-content {
4789	display: block;
4790	}
4791
4792	.jpicker-content > div:hover {
4793	background-color:#efefef;
4794	}
4795
4796	.jpicker-content > div:empty {
4797	opacity: 0;
4798	}
4799
4800	.jpicker-header > i, .jpicker-header > div {
4801	display: block;
4802	}
4803
4804	.jpicker-focus > .jpicker-content.jpicker-columns {
4805	display: flex !important ;
4806	justify-content: center;
4807	flex-wrap: wrap;
4808	}
4809
4810	.jpicker-focus .jpicker-content.jpicker-grid {
4811	display: inline-grid;
4812	}
4813
4814
4815
4816	.jprogressbar
4817	{
4818	cursor:pointer;
4819	-webkit-touch-callout: none;
4820	-webkit-user-select: none;
4821	user-select: none;
4822	box-sizing: border-box;
4823	background:#fff;
4824	-webkit-tap-highlight-color: transparent;
4825	display: inline-block;
4826	box-sizing: border-box;
4827	cursor:pointer;
4828	border:1px solid #ccc;
4829	position:relative;
4830	}
4831
4832	.jprogressbar::before {
4833	content:attr(data-value);
4834	position:absolute;
4835	margin:5px;
4836	margin-left:10px;
4837	}
4838
4839	.jprogressbar-header::placeholder
4840	{
4841	color:#000;
4842	}
4843
4844	.jprogressbar::focus {
4845	outline: auto 5px -webkit-focus-ring-color;
4846	}
4847
4848	.jprogressbar > div {
4849	background-color: #eee;
4850	background-color: red;
4851	box-sizing: border-box;
4852	height:31px;
4853	}
4854	.jrating {
4855	display:flex;
4856	}
4857	.jrating > div {
4858	width:24px;
4859	height:24px;
4860	line-height:24px;
4861	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4862	}
4863
4864	.jrating .jrating-over {
4865	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4866	opacity: 0.7;
4867	}
4868
4869	.jrating .jrating-selected {
4870	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4871	}
4872
4873	.jsearch {
4874	position: relative;
4875	display: none;
4876	-webkit-user-select: none;
4877	user-select: none;
4878	}
4879
4880	.jsearch_container {
4881	position: absolute;
4882	box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
4883	border: none;
4884	border-radius: 4px;
4885	width: 280px;
4886	padding: 8px 0;
4887	z-index: 1;
4888	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
4889	transition: opacity .218s;
4890	background: #fff;
4891	border: 1px solid rgba(0,0,0,.2);
4892	cursor: pointer;
4893	margin: 0;
4894	min-width: 300px;
4895	outline: none;
4896	width: auto;
4897	-webkit-user-select: none;
4898	user-select: none;
4899	}
4900
4901	.jsearch_container:empty:after {
4902	content: attr(data-placeholder);
4903	}
4904
4905	.jsearch_container > div {
4906	color: #333;
4907	cursor: pointer;
4908	display: flex;
4909	padding: 5px 10px;
4910	user-select: none;
4911	align-items: center;
4912
4913	-webkit-user-select: none;
4914	user-select: none;
4915	}
4916
4917	.jsearch_container > div:hover {
4918	background-color: #e8eaed;
4919	}
4920
4921	.jsearch_container > div > img {
4922	width: 32px;
4923	height: 32px;
4924	-webkit-user-select: none;
4925	user-select: none;
4926	border-radius: 16px;
4927	margin-right: 2px;
4928	}
4929
4930	.jsearch_container > div > div {
4931	overflow: hidden;
4932	text-overflow: ellipsis;
4933	margin-left: 2px;
4934	max-width: 300px;
4935	white-space: nowrap;
4936	-webkit-user-select: none;
4937	user-select: none;
4938	}
4939
4940	.jsearch_container .selected {
4941	background-color: #e8eaed;
4942	}
4943	.jslider {
4944	outline: none;
4945	}
4946
4947	.jslider-focus {
4948	width: 100% !important;
4949	height: 100% !important;
4950	}
4951
4952	.jslider-focus img {
4953	display: none;
4954	}
4955
4956	.jslider img {
4957	width: 100px;
4958	}
4959
4960	.jslider-left::before {
4961	position: fixed;
4962	left: 15px;
4963	top: 50%;
4964	content:'arrow_back_ios';
4965	color: #fff;
4966	width: 30px;
4967	height: 30px;
4968	font-family: 'Material Icons';
4969	font-size: 30px;
4970	/* before it was 0px 0px 0px #000 */
4971	text-shadow: 0px 0px 6px rgb(56,56,56);
4972	text-align: center;
4973	cursor: pointer;
4974	}
4975
4976	.jslider-right::after {
4977	position: fixed;
4978	right: 15px;
4979	top: 50%;
4980	content: 'arrow_forward_ios';
4981	color: #fff;
4982	width: 30px;
4983	height: 30px;
4984	font-family: 'Material Icons';
4985	font-size: 30px;
4986	/* before it was 0px 0px 0px #000 */
4987	text-shadow: 0px 0px 6px rgb(56,56,56);
4988	text-align: center;
4989	cursor: pointer;
4990	}
4991
4992	.jslider-close {
4993	width:24px;
4994	height:24px;
4995	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
4996	position:fixed;
4997	top:15px;
4998	right:15px;
4999	cursor:pointer;
5000	z-index:3000;
5001
5002	display: block !important;
5003	}
5004
5005	.jslider-counter {
5006	height:24px;
5007	background-color: transparent;
5008	position:fixed;
5009	left: 50%;
5010	transform: translateX(-50%);
5011	bottom: 15px;
5012	cursor:pointer;
5013	z-index:3000;
5014
5015	display: flex;
5016	display: -webkit-flex;
5017	-webkit-justify-content: center;
5018	-webkit-align-items: center;
5019	justify-content: center;
5020	align-items: center;
5021	flex-direction: row;
5022	}
5023
5024	.jslider-caption {
5025	position: fixed;
5026	max-width: 90vw;
5027	text-overflow: ellipsis;
5028	white-space: nowrap;
5029	overflow: hidden;
5030	top:15px;
5031	left: 15px;
5032	z-index:3000;
5033	color: #FFF;
5034	font-size: 1rem;
5035
5036	display: block !important;
5037	}
5038
5039	.jslider-counter div {
5040	width: 10px;
5041	height: 10px;
5042	background: #fff;
5043	border-radius: 50%;
5044	margin: 0px 5px;
5045
5046	display: block !important;
5047	}
5048
5049	.jslider-counter .jslider-counter-focus {
5050	background-color: cornflowerblue;
5051	pointer-events: none;
5052	}
5053
5054	.jslider-focus {
5055	position:fixed;
5056	left:0;
5057	top:0;
5058	width: 100%;
5059	min-height:100%;
5060	max-height:100%;
5061	z-index:2000;
5062	margin:0px;
5063	box-sizing:border-box;
5064
5065	background-color:rgba(0,0,0,0.8);
5066	transition-duration: .05s;
5067	display: flex;
5068
5069	align-items: center;
5070	}
5071
5072	.jslider-focus img {
5073	width: 50vw;
5074	height: auto;
5075	box-sizing: border-box;
5076	margin:0 auto;
5077	vertical-align:middle;
5078	display:none;
5079	}
5080
5081	.jslider-focus img.jslider-vertical {
5082	width: auto;
5083	/* before it was 50vh */
5084	height: 80vh;
5085	}
5086
5087	@media only screen and (max-width: 576px) {
5088	.jslider-focus img.jslider-vertical {
5089	width: 99vw !important;
5090	height: auto !important;
5091	}
5092
5093	.jslider-focus img {
5094	width: 100vw !important;
5095	height: auto !important;
5096	}
5097	}
5098
5099	.jslider-grid {
5100	display: grid;
5101	grid-gap: 1px;
5102	position: relative;
5103	}
5104
5105	.jslider-grid[data-number='2'] {
5106	grid-template-columns: 1fr 50%;
5107	}
5108
5109	.jslider-grid[data-number='3'] {
5110	grid-template-columns: 1fr 33%;
5111	}
5112
5113	.jslider-grid[data-number='4'] {
5114	grid-template-columns: 1fr 25%;
5115	}
5116
5117	.jslider-grid img {
5118	display: none;
5119	width: 100%;
5120	height: 100%;
5121	object-fit: cover;
5122	}
5123
5124	.jslider-grid[data-total]:after {
5125	content: attr(data-total) "+";
5126	font-size: 1.5em;
5127	position:absolute;
5128	color: #fff;
5129	right: 15px;
5130	bottom: 6px;
5131	}
5132
5133	.jslider-grid img:first-child {
5134	-ms-grid-column: 1;
5135	-ms-grid-row: 1;
5136	grid-column: 1;
5137	grid-row: 1;
5138	display: block;
5139	}
5140
5141	.jslider-grid[data-number='2'] img:nth-child(2) {
5142	-ms-grid-column: 2;
5143	-ms-grid-row: 1;
5144	grid-column: 2;
5145	grid-row: 1;
5146	display: block;
5147	}
5148
5149	.jslider-grid[data-number='3'] img:first-child {
5150	-ms-grid-column: 1 / 2;
5151	-ms-grid-row: 1 / 4;
5152	grid-column: 1 / 2;
5153	grid-row: 1 / 4;
5154	}
5155
5156	.jslider-grid[data-number='3'] img:nth-child(2) {
5157	-ms-grid-column: 2;
5158	-ms-grid-row: 1;
5159	grid-column: 2;
5160	grid-row: 1;
5161	display: block;
5162	}
5163
5164	.jslider-grid[data-number='3'] img:nth-child(3) {
5165	-ms-grid-column: 2;
5166	-ms-grid-row: 2;
5167	grid-column: 2;
5168	grid-row: 2;
5169	display: block;
5170	}
5171
5172	.jslider-grid[data-number='4'] img:first-child {
5173	-ms-grid-column: 1 / 2;
5174	-ms-grid-row: 1 / 4;
5175	grid-column: 1 / 2;
5176	grid-row: 1 / 4;
5177	}
5178
5179	.jslider-grid[data-number='4'] img:nth-child(2) {
5180	-ms-grid-column: 2;
5181	-ms-grid-row: 1;
5182	grid-column: 2;
5183	grid-row: 1;
5184	display: block;
5185	}
5186
5187	.jslider-grid[data-number='4'] img:nth-child(3) {
5188	-ms-grid-column: 2;
5189	-ms-grid-row: 2;
5190	grid-column: 2;
5191	grid-row: 2;
5192	display: block;
5193	}
5194
5195	.jslider-grid[data-number='4'] img:nth-child(4) {
5196	-ms-grid-column: 2;
5197	-ms-grid-row: 3;
5198	grid-column: 2;
5199	grid-row: 3;
5200	display: block;
5201	}
5202
5203	.jtabs {
5204	max-width: 100vw;
5205	position: relative;
5206	}
5207
5208	.jtabs .jtabs-headers-container {
5209	display: flex;
5210	align-items: center;
5211	}
5212
5213	.jtabs .jtabs-headers {
5214	display: flex;
5215	align-items: center;
5216	overflow: hidden;
5217	position: relative;
5218	}
5219
5220	.jtabs .jtabs-headers > div:not(.jtabs-border) {
5221	padding: 8px;
5222	padding-left: 20px;
5223	padding-right: 20px;
5224	margin-left: 1px;
5225	margin-right: 1px;
5226	background-color: #f1f1f1;
5227	cursor: pointer;
5228	white-space: nowrap;
5229	text-align: center;
5230	}
5231
5232	.jtabs .jtabs-headers > div.jtabs-selected {
5233	background-color: #e8e8e8;
5234	color: #000;
5235	}
5236
5237	.jtabs .jtabs-headers > div > div {
5238	color: #555;
5239	width: 100%;
5240	overflow: hidden;
5241	}
5242
5243	.jtabs .jtabs-headers i {
5244	display: block;
5245	margin: auto;
5246	}
5247
5248	.jtabs .jtabs-content {
5249	box-sizing: border-box;
5250	}
5251
5252	.jtabs .jtabs-content > div {
5253	display: none;
5254	box-sizing: border-box;
5255	}
5256
5257	.jtabs .jtabs-content > div.jtabs-selected {
5258	display: block;
5259	}
5260
5261	.jtabs .jtabs-border {
5262	position: absolute;
5263	height: 2px;
5264	background-color: #888;
5265	transform-origin: left;
5266	transition: all .2s cubic-bezier(0.4,0,0.2,1);
5267	transition-property: color,left,transform;
5268	display: none;
5269	pointer-events: none;
5270	}
5271
5272	.jtabs-animation .jtabs-border {
5273	display: initial;
5274	}
5275
5276	.jtabs .jtabs-controls {
5277	margin: 3px;
5278	margin-left: 10px;
5279	display: flex;
5280	min-width: 82px;
5281	}
5282
5283	.jtabs .jtabs-controls > div {
5284	cursor: pointer;
5285	background-position: center;
5286	background-repeat: no-repeat;
5287	width: 24px;
5288	height: 24px;
5289	line-height: 24px;
5290	}
5291
5292	.jtabs .jtabs-prev {
5293	margin-left: 10px;
5294	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
5295	}
5296
5297	.jtabs .jtabs-prev.disabled {
5298	margin-left: 10px;
5299	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E");
5300	}
5301
5302	.jtabs .jtabs-next {
5303	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
5304	}
5305
5306	.jtabs .jtabs-next.disabled {
5307	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E");
5308	}
5309
5310	.jtabs .jtabs-add {
5311	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
5312	}
5313
5314	/ Modern skin /
5315
5316	.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) {
5317	padding: 4px;
5318	padding-left: 10px;
5319	padding-right: 10px;
5320	background-color: #fff;
5321	}
5322
5323	.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected {
5324	color: #000;
5325	}
5326
5327	.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons {
5328	color: #000;
5329	}
5330
5331	.jtabs.jtabs-modern .jtabs-headers {
5332	background: #EEEEEF !important;
5333	padding: 2px;
5334	border-radius: 4px;
5335	}
5336
5337	.jtabs.jtabs-modern .jtabs-headers .jtabs-border {
5338	border-color: #EEEEEF !important;
5339	}
5340
5341	.jtabs.jtabs-modern .jtabs-border {
5342	background-color: rgba(194, 197, 188, 0.884);
5343	}
5344	.jtags {
5345	display: flex;
5346	flex-wrap: wrap;
5347	flex-direction: row;
5348	justify-content: flex-start;
5349	padding: 1px;
5350	border: 1px solid #ccc;
5351	position: relative;
5352	}
5353
5354	.jtags.jtags-empty:not(.jtags-focus)::before {
5355	position: absolute;
5356	margin: 3px;
5357	color: #ccc;
5358	content: attr(data-placeholder);
5359	top: 0;
5360	margin-left: 6px;
5361	}
5362
5363	.jtags > div {
5364	padding: 6px 22px 6px 10px;
5365	font-size: 0.9em;
5366	position: relative;
5367	border-radius: 1px;
5368	margin: 2px;
5369	display: block;
5370	outline: none;
5371	}
5372
5373	.jtags > div:empty:before {
5374	content: " ";
5375	white-space: pre;
5376	}
5377
5378	.jtags > div::after {
5379	content: 'x';
5380	position: absolute;
5381	top: 7px;
5382	right: 4px;
5383	width: 12px;
5384	height: 12px;
5385	cursor: pointer;
5386	font-size: 0.9em;
5387	line-height: 1em;
5388	display: none;
5389	}
5390
5391	.jtags_label {
5392	background-color: #e4e4e4 !important;
5393	}
5394
5395	.jtags_label::after {
5396	display: inline-block !important;
5397	}
5398
5399	.jtags_error::after {
5400	color: #fff !important;
5401	}
5402
5403	.jtags_error {
5404	background-color: #d93025 !important;
5405	color: #fff;
5406	}
5407
5408	.jtoolbar-container {
5409	border-radius: 2px;
5410	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
5411	display: inline-flex !important;
5412	}
5413
5414	.jtoolbar {
5415	cursor: pointer;
5416	white-space: nowrap;
5417	display: flex;
5418	padding:4px;
5419	-webkit-user-select: none;
5420	user-select: none;
5421	font-size: 13px;
5422	}
5423
5424	.jtoolbar-disabled {
5425	pointer-events: none;
5426	opacity: 0.4;
5427	}
5428
5429	.jtoolbar-mobile {
5430	display: flex;
5431	position:fixed;
5432	bottom: 0;
5433	margin: 0;
5434	left: 0;
5435	width: 100%;
5436	background: #f7f7f8;
5437	z-index: 1;
5438	box-sizing: border-box;
5439	box-shadow: 0 -1px 2px rgba(0,0,0,.1);
5440	border-radius: 0px;
5441	}
5442
5443	.jtoolbar > div {
5444	display: inline-flex;
5445	align-items: center;
5446	box-sizing: border-box;
5447	vertical-align:middle;
5448	justify-content: space-evenly;
5449	}
5450
5451	.jtoolbar-mobile > div {
5452	display: flex;
5453	width: 100%;
5454	}
5455
5456	.jtoolbar .jtoolbar-item {
5457	text-align: center;
5458	margin: auto;
5459	padding: 2px;
5460	padding-left:4px;
5461	padding-right:4px;
5462	}
5463
5464	.jtoolbar-mobile .jtoolbar-item {
5465	position: relative;
5466	flex:1;
5467	}
5468
5469	.jtoolbar .jtoolbar-divisor {
5470	width: 2px;
5471	height: 18px;
5472	padding: 0px;
5473	margin-left: 4px;
5474	margin-right: 4px;
5475	background-color: #ddd;
5476	}
5477
5478	.jtoolbar .jtoolbar-label {
5479	padding-left: 8px;
5480	padding-right: 8px;
5481	}
5482
5483
5484
5485	.jtoolbar-mobile a
5486	{
5487	text-decoration:none;
5488	display:inline-block;
5489	}
5490
5491	.jtoolbar-mobile i {
5492	display: inline-flex !important;
5493	color:#929292;
5494	}
5495
5496	.jtoolbar-mobile span {
5497	font-size:0.7em;
5498	display:block;
5499	color:#929292;
5500	}
5501
5502	.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
5503	color:var(--jactive-color) !important;
5504	background-color:transparent;
5505	}
5506
5507	.jtoolbar-item {
5508	-webkit-user-select: none;
5509	user-select: none;
5510	}
5511
5512	.jtoolbar-item i {
5513	display: block;
5514	color:#333;
5515	}
5516
5517	.jtoolbar-item:hover {
5518	background-color:#f2f2f2;
5519	}
5520
5521
5522	.jtoolbar .jpicker {
5523	padding-left:0px;
5524	padding-right:0px;
5525	}
5526
5527	.jtoolbar .jpicker-header {
5528	height: 24px;
5529	line-height: 24px;
5530	padding: 0px;
5531	padding-right: 20px;
5532	padding-left: 8px;
5533	background-position: top 50% right 0px;
5534	display: flex;
5535	align-items: center;
5536	font-size: 0.9em;
5537	}
5538
5539	.jtoolbar .jpicker-content > div {
5540	padding: 6px;
5541	}
5542
5543	.jtoolbar-active {
5544	background-color:#eee;
5545	}
5546
5547	.jtoolbar .fa {
5548	width: 18px;
5549	height: 18px;
5550	display: block;
5551	line-height: 18px;
5552	font-size: 14px;
5553	}
5554
5555	.jtoolbar .material-icons {
5556	font-size: 18px;
5557	width: 24px;
5558	height: 24px;
5559	display: block;
5560	line-height: 24px;
5561	transform: rotate(0.03deg);
5562	text-align: center;
5563	}
5564
5565	.jtoolbar .jtoolbar-arrow {
5566	background-repeat: no-repeat;
5567	background-position: center;
5568	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z%27/%3E%3C/svg%3E");
5569	width: 24px;
5570	height: 16px;
5571	margin-left: 4px;
5572	border-left: 1px solid #f2f2f2;
5573	}
5574
5575	.jtoolbar-floating {
5576	position: absolute;
5577	display: none;
5578	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
5579	border-radius: 4px;
5580	background-color: #fff;
5581	padding: 4px;
5582	z-index: 50;
5583	text-align: left;
5584	margin-right: 20px;
5585	}
5586
5587	.jtoolbar-floating .jtoolbar-divisor {
5588	display: none;
5589	}
5590
5591	.jtoolbar-arrow-selected .jtoolbar-floating {
5592	display: flex;
5593	flex-wrap: wrap;
5594	}
5595