style.css · cryptotaxi247/MeshCentral

Code Commits Issues Pulls Sessions CI/CD

master

css 3,506 lines 68.1 KB

Raw

1
2	:focus {
3	outline: 0;
4	}
5
6
7	html, body {
8	width: 100%;
9	height: 100%;
10	}
11
12	body {
13	margin: 0;
14	padding: 0;
15	border: 0;
16	color: black;
17	font-size: 13px;
18	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
19	background-color: #d3d9d6;
20	/* overflow-y: hidden; */
21	}
22
23	.night .collapseImage {
24	filter: invert(100%);
25	}
26
27	#container {
28	background-color: #fff;
29	width: 960px;
30	min-width: 960px;
31	max-height: 100vh;
32	margin: 0 auto;
33	border-top: 0;
34	border-right: 1px solid #b7b7b7;
35	border-bottom: 0;
36	border-left: 1px solid #b7b7b7;
37	padding: 0;
38	}
39
40	.night #container {
41	color: #bbb;
42	background-color: #000;
43	}
44
45	.fullscreen.login #container {
46	-ms-grid-rows: 66px 24px 1fr 45px;
47	grid-template-rows: 66px 24px auto 45px;
48	-ms-grid-columns: 90px 1fr;
49	/grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));/
50	grid-template-areas: "header header" "nav nav" "content content" "footer footer";
51	}
52
53	.fullscreen.arg_hide #container {
54	-ms-grid-rows: 66px 24px 1fr 45px;
55	grid-template-rows: 66px 24px auto 45px;
56	-ms-grid-columns: 90px 1fr;
57	/grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));/
58	grid-template-areas: "header header" "nav nav" "content content" "footer footer";
59	}
60
61	.fullscreen.menu_stack #container {
62	-ms-grid-rows: 66px minmax(24px, max-content) 1fr 45px;
63	grid-template-rows: 66px minmax(24px, max-content) auto 45px;
64	-ms-grid-columns: 90px 1fr;
65	/grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));/
66	grid-template-areas: "header header" "nav nav" "content content" "footer footer";
67	}
68
69	.nofooter.fullscreen.menu_stack #container {
70	-ms-grid-rows: 66px minmax(24px, max-content) 1fr 0px;
71	grid-template-rows: 66px minmax(24px, max-content) auto 0px;
72	-ms-grid-columns: 90px 1fr;
73	/grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));/
74	grid-template-areas: "header header" "nav nav" "content content" "footer footer";
75	}
76
77	.fullscreen #container {
78	width: 100%;
79	min-width: 100%;
80	min-height: 0px;
81	border-right: 0px none #b7b7b7;
82	border-left: 0px none #b7b7b7;
83	height: calc(100% - 0px);
84	position: relative;
85	display: -ms-grid;
86	display: grid;
87	grid-gap: 0px;
88	grid-template-areas: "header header" "sidebar nav" "sidebar content" "sidebar footer";
89	-ms-grid-columns: 90px 1fr;
90	grid-template-columns: 90px auto;
91	-ms-grid-rows: 66px 24px 1fr 45px;
92	grid-template-rows: 66px 24px auto 45px;
93	}
94
95	.nofooter #container {
96	-ms-grid-rows: 66px 24px 1fr 0px;
97	grid-template-rows: 66px 24px auto 0px;
98	}
99
100	.fulldesk #container {
101	width: 100%;
102	height: 100%;
103	min-width: 700px;
104	min-height: 0px;
105	border-right: 0px none #b7b7b7;
106	border-left: 0px none #b7b7b7;
107	position: unset;
108	position: relative;
109	display: -ms-grid !important;
110	display: grid !important;
111	grid-gap: 0px;
112	grid-template-areas: "content" !important;
113	-ms-grid-columns: 1fr;
114	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
115	-ms-grid-rows: 1fr;
116	grid-template-rows: repeat(auto-fit, minmax(100px, 1fr)) !important;
117	}
118
119	.AgentInviteMasthead {
120	background:url(logo.png) 0px 0px;
121	background-color:#036;
122	background-repeat:no-repeat;height:66px;width:100%;overflow:hidden;
123	}
124
125	#masthead {
126	width: auto;
127	margin: 0;
128	padding: 0;
129	overflow: hidden;
130	text-align: right;
131	background-color: #036;
132	background-image: url(../logo.png);
133	background-position-x: 0px;
134	background-position-y: 0px;
135	background-attachment: initial;
136	background-repeat: no-repeat;
137	/width: 960px;/
138	height: 66px;
139	}
140
141	.fullscreen #masthead {
142	width: 100%;
143	grid-area: header;
144	-ms-grid-column: 1;
145	-ms-grid-column-span: 2;
146	-ms-grid-row: 1;
147	}
148
149	.fulldesk #masthead {
150	display: none;
151	}
152
153	.fulldesk #mastheadx {
154	display: none;
155	}
156
157	.fulldesk #p11deviceNameHeader {
158	display: none;
159	}
160
161	#masthead .title {
162	float: left;
163	height: 66px;
164	color: #c8c8c8;
165	padding-left: 14px;
166	padding-top: 7px;
167	font-size: 46px;
168	font-family: Arial,Helvetica,sans-serif;
169	font-weight: bold;
170	text-shadow: 1px 1px 2px #000;
171	}
172
173	#masthead .title2 {
174	float: left;
175	height: 66px;
176	color: #c8c8c8;
177	padding-left: 5px;
178	padding-top: 14px;
179	font-size: 14px;
180	font-family: Arial,Helvetica,sans-serif;
181	font-weight: bold;
182	text-shadow: 1px 1px 2px #000;
183	}
184
185	#page_leftbar {
186	-ms-grid-column: 1;
187	-ms-grid-row: 2;
188	-ms-grid-row-span: 3;
189	height: 100%;
190	/* height: calc(100vh - 66px); */
191	width: 90px;
192	z-index: 1000;
193	background: #113962;
194	background: linear-gradient(to bottom, #104893 0%,#113962 100%);
195	color: white;
196	overflow-y: hidden;
197	display: none;
198	}
199
200	.fullscreen #page_leftbar {
201	grid-area: sidebar;
202	display: block;
203	}
204
205	.menu_stack #page_leftbar {
206	display: none;
207	}
208
209	.arg_hide #page_leftbar {
210	display: none;
211	}
212
213	.fulldesk #page_leftbar {
214	display: none;
215	}
216
217
218	#topbar {
219	position: relative;
220	grid-area: nav;
221	-ms-grid-column: 2;
222	-ms-grid-row: 2;
223	}
224
225	.fulldesk #topbar {
226	display: none;
227	}
228
229	.menu_stack #topbar, .login #topbar, .arg_hide #topbar {
230	-ms-grid-column: 1;
231	-ms-grid-column-span: 2;
232	-ms-grid-row: 2;
233	}
234
235	.logoncontrolspan, .logoncontrolspan2 {
236	color: white;
237	}
238
239	.topbar_td {
240	width: 100px;
241	height: 24px;
242	cursor: pointer;
243	white-space: nowrap;
244	}
245
246	.nonenglish .topbar_td {
247	width: 10px;
248	height: 24px;
249	cursor: pointer;
250	padding-left:16px;
251	padding-right:16px;
252	}
253
254	.topbar_td_end {
255	text-align: right;
256	height: 24px;
257	}
258
259	#uiMenuButton {
260	cursor: pointer;
261	color: white;
262	position: absolute;
263	padding: 3px;
264	right: 3px;
265	}
266
267	.textnewui {
268	color: white;
269	font-weight: bold;
270	padding-top: 5px;
271	cursor: pointer;
272	position: absolute;
273	right: 0;
274	margin-right: 10px;
275	}
276
277	.LogoffLinkColor {
278	color:white;
279	}
280
281	#logoutControlSpan2 {
282	cursor: pointer;
283	color: white;
284	position: absolute;
285	top: 5px;
286	right: 24px;
287	}
288
289	#uiMenu {
290	position: absolute;
291	top: 17px;
292	right: 0;
293	background-color: #eee;
294	z-index: 10;
295	border-radius: 5px;
296	box-shadow: 1px 0px 10px 5px #333;
297	padding: 5px;
298	}
299
300	/* #UserDummyMenuSpan, */
301	#MainSubMenuSpan, #MeshSubMenuSpan, #EventsSubMenuSpan, #UserSubMenuSpan, #UsersSubMenuSpan, #ServerSubMenuSpan, #MainMenuSpan, #MainSubMenu, #MeshSubMenu, #UserSubMenu, #ServerSubMenu, #UserDummyMenu, #PluginSubMenu {
302	width: 100%;
303	height: 24px;
304	color: white;
305	background-color: #808080;
306	}
307
308	.menu_stack #UserDummyMenu {
309	display: none;
310	}
311
312	.menu_stack #PluginSubMenu {
313	display: none;
314	}
315
316	#MainMenuSpan {
317	display: table;
318	}
319
320	.fullscreen #MainMenuSpan {
321	display: none;
322	}
323
324	.fulldesk #MainMenuSpan {
325	display: none;
326	}
327
328	.menu_stack #MainMenuSpan {
329	display: block;
330	}
331
332	#column_l {
333	position: relative;
334	/* float: left; */
335	width: 100%;
336	box-sizing: border-box;
337	margin: 0;
338	padding: 0 15px;
339	background-color: #fff;
340	/* max-height: calc(100vh - 151px); */
341	min-width: unset;
342	overflow: hidden;
343	}
344
345	.boxsize {
346	-ms-box-sizing:border-box;
347	-moz-box-sizing:border-box;
348	box-sizing:border-box;
349	-webkit-box-sizing:border-box;
350	}
351
352	.night #column_l {
353	background-color: #000;
354	}
355
356	.menu_stack.fullscreen.fulldesk #column_l {
357	-ms-grid-column: 1;
358	-ms-grid-row: 1;
359	-ms-grid-column-span: 2;
360	-ms-grid-row-span: 4;
361	}
362
363	.fullscreen #column_l {
364	-ms-grid-column: 2;
365	-ms-grid-row: 3;
366	grid-area: content;
367	width: unset;
368	/* height: calc(100vh - 111px);
369	width: calc(100% - 30px); */
370	overflow: hidden;
371	}
372
373	.menu_stack.fullscreen #column_l, .login #column_l, .arg_hide #column_l {
374	-ms-grid-column: 1;
375	-ms-grid-column-span: 2;
376	-ms-grid-row: 3;
377	}
378
379	.fulldesk #column_l {
380	height: 100%;
381	width: 100%;
382	height: unset;
383	margin-left: unset;
384	overflow-y: hidden;
385	padding: 0;
386	max-height: none;
387	-ms-grid-column: 1;
388	-ms-grid-row: 1;
389	background-color: rgb(0, 51, 102);
390	}
391
392	.fulldesk #column_l_bottomgap {
393	display: none;
394	}
395
396	.room4submenu {
397	/min-height: calc(100vh - 159px);/
398	min-height: calc(100vh - 184px);
399	}
400
401	#centralTable {
402	width: 100%;
403	}
404
405	#welcomeimage {
406	text-align: center;
407	width:50%;
408	}
409
410	@media (max-width: 800px) {
411	.fullscreen #welcomeimage {
412	display: none;
413	}
414	}
415
416	#welcomeimage img {
417	height: 310px;
418	width: 359px;
419	}
420
421	#logincell {
422	text-align: center;
423	width:50%;
424	}
425
426	.night #logincell a {
427	color: blue;
428	}
429
430	#loginpanel, #createpanel, #resetpanel, #tokenpanel, #resettokenpanel, #resetpasswordpanel, #resetpasswordpanel, #checkemailpanel, #waitpushpanel {
431	display: inline-block;
432	margin: 0;
433	background-color: #979797;
434	border-radius: 16px;
435	width: 300px;
436	padding: 16px;
437	text-align: center;
438	color: black;
439	}
440
441	#passwordPolicyCallout, #rpasswordPolicyCallout {
442	left: -10px;
443	width: 100px;
444	position: absolute;
445	background-color: #FFC;
446	border-radius: 5px;
447	padding: 5px;
448	box-shadow: 0px 0px 15px #666;
449	font-size: 10px;
450	}
451
452	#passWarning {
453	padding-top: 6px;
454	}
455
456	#footer {
457	-ms-grid-column: 2;
458	-ms-grid-row: 4;
459	grid-area: footer;
460	clear: both;
461	overflow: auto;
462	width: 100%;
463	text-align: center;
464	background-color: #113962;
465	padding-top: 5px;
466	padding-bottom: 5px;
467	}
468
469	.fulldesk #footer {
470	display: none;
471	}
472
473	.menu_stack.fullscreen #footer, .login #footer, .arg_hide #footer {
474	-ms-grid-column: 1;
475	-ms-grid-column-span: 2;
476	-ms-grid-row: 4;
477	}
478
479	/* Support for footer made with table */
480	#footer table {
481	width: 100%;
482	border-spacing: 10px;
483	border-collapse: separate;
484	}
485
486	#footer td:first-child {
487	text-align: left;
488	color: white;
489	}
490
491	#footer td {
492	padding: 0px;
493	text-align: right;
494	color: white;
495	}
496
497	.footer1 {
498	text-align: left;
499	float: left;
500	padding: 10px;
501	color: white;
502	}
503
504	.footer2 {
505	padding: 10px;
506	text-align: right;
507	color: white;
508	}
509
510	#masthead img {
511	float: left;
512	}
513
514	#masthead p {
515	font-size: 11px;
516	color: #fff;
517	margin: 10px 10px 0;
518	}
519
520	#footer a {
521	color: #fff;
522	text-decoration: underline;
523	}
524
525	#footer a:hover {
526	color: #fff;
527	text-decoration: none;
528	}
529
530	#verifyEmailId2 {
531	color: yellow;
532	margin-left: 3px;
533	cursor: pointer;
534	}
535
536	#dialog {
537	z-index: 1000;
538	background-color: #EEE;
539	box-shadow: 0px 0px 15px #666;
540	font-family: Arial,Helvetica,sans-serif;
541	border-radius: 5px;
542	position: fixed;
543	top: 180px;
544	left: calc((100% / 2) - 200px);
545	width: 400px;
546	color: black;
547	}
548
549	#dialogHeader {
550	width: 100%;
551	background-color: #003366;
552	color: #FFF;
553	border-radius: 5px 5px 0 0;
554	margin-bottom: 6px;
555	cursor: move;
556	}
557
558	/* Reusable UI Components */
559
560	/* Modern Card Component */
561	.modern-card {
562	border: 1px solid var(--bs-border-color);
563	border-radius: var(--bs-border-radius-lg);
564	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
565	transition: all 0.2s ease-in-out;
566	}
567
568	.modern-card:hover {
569	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
570	transform: translateY(-2px);
571	}
572
573	.modern-card.border-success {
574	border-color: var(--bs-success);
575	background-color: var(--bs-success-bg-subtle);
576	}
577
578	.modern-card.border-warning {
579	border-color: var(--bs-warning);
580	background-color: var(--bs-warning-bg-subtle);
581	}
582
583	/* Modern Icon Preview Component */
584	.icon-preview-container {
585	display: flex;
586	align-items: center;
587	padding: 0.5rem;
588	background-color: var(--bs-light);
589	border-radius: var(--bs-border-radius);
590	transition: all 0.2s ease-in-out;
591	}
592
593	.icon-preview-item {
594	width: 32px;
595	height: 32px;
596	background-color: var(--bs-white);
597	border: 1px solid var(--bs-border-color);
598	border-radius: var(--bs-border-radius-sm);
599	background-size: contain;
600	background-repeat: no-repeat;
601	background-position: center;
602	margin-right: 0.5rem;
603	object-fit: contain;
604	display: block;
605	flex: 0 0 32px;
606	}
607
608	/* Modern Input Group Component */
609	.modern-input-group .form-control {
610	border-right: none;
611	}
612
613	.modern-input-group .btn {
614	border-left: none;
615	}
616
617	.modern-input-group .form-control:focus {
618	border-color: var(--bs-primary);
619	box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
620	}
621
622	/* Status Badge Component */
623	.status-badge {
624	display: inline-flex;
625	align-items: center;
626	font-size: 0.875rem;
627	font-weight: 500;
628	}
629
630	.status-badge.text-success {
631	color: var(--bs-success-text-emphasis) !important;
632	}
633
634	.status-badge.text-warning {
635	color: var(--bs-warning-text-emphasis) !important;
636	}
637
638	.status-badge.text-muted {
639	color: var(--bs-secondary-text-emphasis) !important;
640	}
641
642	/* Loading States */
643	.loading-spinner {
644	display: inline-block;
645	width: 1rem;
646	height: 1rem;
647	border: 0.125em solid currentColor;
648	border-right-color: transparent;
649	border-radius: 50%;
650	animation: spinner-border 0.75s linear infinite;
651	}
652
653	/* Modern Icons Customization Modal Styles */
654	.icon-customization-modal .modal-content {
655	border: none;
656	border-radius: var(--bs-border-radius-lg);
657	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
658	}
659
660	.icon-customization-modal .modal-header {
661	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-purple) 100%);
662	border: none;
663	border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
664	}
665
666	.icon-customization-modal .modal-title {
667	font-weight: 600;
668	color: white;
669	}
670
671	.icon-customization-modal .modal-body {
672	padding: 1.5rem;
673	background: var(--bs-gray-50);
674	}
675
676	/* Ensure close button is visible in all themes */
677	.modal-header .btn-close {
678	filter: brightness(0) invert(1);
679	opacity: 1;
680	transition: opacity 0.2s;
681	}
682
683	.modal-header .btn-close:hover {
684	opacity: 0.8;
685	}
686
687	/* App night mode: force white close icon for icon customization modal */
688	body.night .icon-customization-modal .btn-close,
689	[data-bs-theme="dark"] .icon-customization-modal .btn-close {
690	filter: none;
691	opacity: 1;
692	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-width='2'%3e%3cpath d='M2 2l12 12M14 2L2 14'/%3e%3c/svg%3e");
693	}
694
695	body.night .icon-customization-modal .btn-close:hover,
696	[data-bs-theme="dark"] .icon-customization-modal .btn-close:hover {
697	opacity: 0.85;
698	}
699
700	/* Responsive Design */
701	@media (max-width: 768px) {
702	.icon-preview-container {
703	flex-direction: column;
704	align-items: flex-start;
705	gap: 0.5rem;
706	}
707
708	.icon-preview-item {
709	margin-right: 0;
710	}
711	}
712
713	/* Dark Mode Support */
714	@media (prefers-color-scheme: dark) {
715	.icon-customization-modal .modal-body {
716	background: var(--bs-gray-900);
717	}
718
719	.modern-card {
720	background-color: var(--bs-gray-800);
721	border-color: var(--bs-gray-700);
722	}
723
724	.icon-preview-container {
725	background-color: var(--bs-gray-800);
726	}
727
728	.icon-preview-item {
729	background-color: var(--bs-gray-700);
730	border-color: var(--bs-gray-600);
731	}
732	}
733
734	#id_dialogclose {
735	float: right;
736	padding: 3px;
737	margin-right: 3px;
738	cursor: pointer;
739	}
740
741	#id_dialogtitle {
742	padding: 5px;
743	}
744
745	#dialogBody {
746	margin-right: 16px;
747	margin-left: 8px;
748	}
749
750	.dialogText {
751	width: 100%;
752	max-height: 260px;
753	overflow-x: hidden;
754	overflow-y: auto;
755	line-height: 160%;
756	}
757
758	.dialogTextLog {
759	font-size: 10px;
760	}
761
762	#dialog1 {
763	margin: auto;
764	text-align: center;
765	margin: 3px;
766	}
767
768	#id_dialogMessage {
769	padding: 10px;
770	}
771
772	#dialog2, #dialog3, #dialog7 {
773	margin: 3px;
774	}
775
776	#d3uploadMode, #d3localFile {
777	float: right;
778	width: 260px;
779	}
780
781	#d3serveraction, #d2serveraction {
782	width: 100%;
783	background-color: #d3d9d6;
784	text-align: left;
785	padding: 3px;
786	}
787
788	#d3serverfiles, #d2serverfiles {
789	width: 100%;
790	height: 150px;
791	background-color: white;
792	padding: 2px;
793	border: 1px solid gray;
794	overflow-y: scroll;
795	}
796
797
798	#d7bitmapquality, #d7bitmapquality, #d7bitmapscaling, #d7framelimiter, #d7desktopmode, #d7rdpsize, #d7encoding {
799	float: right;
800	width: 200px;
801	height: 20px;
802	}
803
804	#dialog7 h4 {
805	width: 100%;
806	border-bottom: 1px solid gray;
807	}
808
809	#d7meshkvm div, #d7amtkvm div, #d7rdpkvm div, #d3upload, #d3localmode {
810	margin: 3px 0 3px 0;
811	display: flex;
812	justify-content: space-between;
813	}
814
815	#d7otherset, #d7rdpflags {
816	border: 1px solid #666;
817	width: 230px;
818	height: 100px;
819	overflow-y: scroll;
820	background-color: white;
821	}
822
823	#idx_dlgButtonBar {
824	padding: 10px;
825	margin-bottom: 5px;
826	margin-right: 10px;
827	overflow: auto;
828	}
829
830	#idx_dlgCancelButton, #idx_dlgCancelButton2 {
831	float: right;
832	min-width: 80px;
833	margin-left: 5px;
834	}
835
836	#idx_dlgOkButton, #idx_dlgOkButton2 {
837	float: right;
838	min-width: 80px;
839	margin-left: 5px;
840	}
841
842	#idx_dlgDeleteButton {
843	float: left;
844	min-width: 80px;
845	margin-left: 5px;
846	}
847
848	#ua_fileaccessquota {
849	width: 80px;
850	text-align: right;
851	}
852
853	#broadcastMessage {
854	width: 370px;
855	height: 100px;
856	resize: none;
857	}
858
859	#idx_deskFullBtn2, #idx_termFullBtn2 {
860	float: left;
861	font-size: 16px;
862	cursor: pointer;
863	display: none;
864	margin-right: 5px;
865	}
866
867	.fulldesk #idx_deskFullBtn2, .fulldesk #idx_termFullBtn2 {
868	display: block;
869	}
870
871	.fulldesk #deskFullBtn {
872	display: none;
873	}
874
875	#p0message {
876	margin: 50px;
877	text-align: center;
878	}
879
880	.deviceBarCheckbox {
881	width:22px;
882	float:left;
883	background-color:white;
884	}
885
886	.night .deviceBarCheckbox {
887	background-color:black;
888	}
889
890	#devs {
891	color:black;
892	}
893
894	.deviceBarIcon {
895	float:left;
896	height:18px;
897	width:18px;
898	background-color:white
899	}
900
901	.night .deviceBarIcon {
902	background-color:black;
903	}
904
905	#devListToolbarViewIcons {
906	float: right;
907	}
908
909	#devListToolbarViewIcons3 {
910	float: right;
911	}
912
913	#devListToolbarSpan {
914	width: 100%;
915	height: 24px;
916	background-color: #d3d9d6;
917	vertical-align: middle;
918	border-spacing: 0;
919	}
920
921	.night #devListToolbarSpan {
922	color: black;
923	background-color: #d3d9d6;
924	}
925
926	#SearchInput {
927	width: 120px;
928	}
929
930	#devListToolbarView, #devListToolbarSort, #devListToolbarSize, #devListToolbarSettings {
931	float: right;
932	}
933
934	#refreshmap {
935	margin-left: 5px;
936	}
937
938	/* Example if <table> is relplaced with <div><p> then image can be defined in css
939	#NoMeshesPanel {
940	background: url(../images/info.png) no-repeat 23px 20px;
941	height: 48px;
942	width: 47px;
943	width: 100%;
944	border: none;
945	margin: auto;
946	padding: 20px;
947	}
948	#NoMeshesPanel p {
949	display: inline-block;
950	vertical-align: middle;
951	margin-left: 60px;
952	} */
953
954	#NoMeshesPanel a {
955	cursor: pointer;
956	}
957
958	#NoMeshesPanel table {
959	width: 100%;
960	padding: 20px;
961	}
962
963	NoMeshesPanel img {
964	height: 48px;
965	width: 47px;
966	}
967
968	.deviceNotifyDot {
969	position:absolute;
970	right:10px;
971	top:0px;
972	height:16px;
973	}
974
975	.deviceNotifyDotSub {
976	text-align:center;
977	color:#FFF;
978	height:16px;
979	width:16px;
980	background-color:#00F;
981	padding:2px;
982	border-radius:10px;
983	box-shadow: 2px 2px 10px black;
984	cursor:pointer;
985	margin-left:3px;
986	font-size: 14px;
987	float:left;
988	}
989
990	.deviceNotifyDotSub:hover {
991	background-color:#44F;
992	}
993
994	.deviceNotifySmallDot {
995	position:absolute;
996	right:10px;
997	top:0px;
998	height:10px;
999	}
1000
1001	.deviceNotifySmallDotSub {
1002	text-align:center;
1003	color:#FFF;
1004	height:10px;
1005	width:10px;
1006	padding:2px;
1007	background-color:#00F;
1008	border-radius:10px;
1009	box-shadow: 2px 2px 10px black;
1010	cursor:pointer;
1011	margin-left:2px;
1012	font-size: 6px;
1013	float:left;
1014	}
1015
1016	.deviceNotifySmallDotSub:hover {
1017	background-color:#44F;
1018	}
1019
1020	.NotifyIcon1 { width:48px; height:48px; background: url(../images/notify48.png) 0px 0px; }
1021	.NotifyIcon2 { width:48px; height:48px; background: url(../images/notify48.png) -48px 0px; }
1022	.NotifyIcon3 { width:48px; height:48px; background: url(../images/notify48.png) -96px 0px; }
1023	.NotifyIcon4 { width:48px; height:48px; background: url(../images/notify48.png) -144px 0px; }
1024	.NotifyIcon5 { width:48px; height:48px; background: url(../images/notify48.png) -192px 0px; }
1025	.NotifyIcon6 { width:48px; height:48px; background: url(../images/notify48.png) -240px 0px; }
1026	.NotifyIcon7 { width:48px; height:48px; background: url(../images/notify48.png) -288px 0px; }
1027	.NotifyIcon8 { width:48px; height:48px; background: url(../images/notify48.png) -336px 0px; }
1028	.NotifyIcon9 { width:48px; height:48px; background: url(../images/notify48.png) -384px 0px; }
1029	.NotifyIconSmall1 { width:24px; height:24px; background: url(../images/notify24.png) 0px 0px; }
1030	.NotifyIconSmall2 { width:24px; height:24px; background: url(../images/notify24.png) -24px 0px; }
1031	.NotifyIconSmall3 { width:24px; height:24px; background: url(../images/notify24.png) -48px 0px; }
1032	.NotifyIconSmall4 { width:24px; height:24px; background: url(../images/notify24.png) -72px 0px; }
1033	.NotifyIconSmall5 { width:24px; height:24px; background: url(../images/notify24.png) -96px 0px; }
1034	.NotifyIconSmall6 { width:24px; height:24px; background: url(../images/notify24.png) -120px 0px; }
1035	.NotifyIconSmall7 { width:24px; height:24px; background: url(../images/notify24.png) -144px 0px; }
1036	.NotifyIconSmall8 { width:24px; height:24px; background: url(../images/notify24.png) -168px 0px; }
1037	.NotifyIconSmall9 { width:24px; height:24px; background: url(../images/notify24.png) -192px 0px; }
1038	.NotifyIconTiny1 { width:16px; height:16px; background: url(../images/notify16.png) 0px 0px; }
1039	.NotifyIconTiny2 { width:16px; height:16px; background: url(../images/notify16.png) -16px 0px; }
1040	.NotifyIconTiny3 { width:16px; height:16px; background: url(../images/notify16.png) -32px 0px; }
1041	.NotifyIconTiny4 { width:16px; height:16px; background: url(../images/notify16.png) -48px 0px; }
1042	.NotifyIconTiny5 { width:16px; height:16px; background: url(../images/notify16.png) -64px 0px; }
1043	.NotifyIconTiny6 { width:16px; height:16px; background: url(../images/notify16.png) -80px 0px; }
1044	.NotifyIconTiny7 { width:16px; height:16px; background: url(../images/notify16.png) -96px 0px; }
1045	.NotifyIconTiny8 { width:16px; height:16px; background: url(../images/notify16.png) -112px 0px; }
1046	.NotifyIconTiny9 { width:16px; height:16px; background: url(../images/notify16.png) -128px 0px; }
1047
1048	.deviceBatteryLarge {
1049	position:absolute;
1050	left:10px;
1051	top:140px;
1052	width:28px;
1053	height:48px;
1054	border:none;
1055	box-shadow:none;
1056	}
1057
1058	.deviceBatteryLarge1 { background: url(../images/batteries48.png) 0px 0px; }
1059	.deviceBatteryLarge2 { background: url(../images/batteries48.png) -28px 0px; }
1060	.deviceBatteryLarge3 { background: url(../images/batteries48.png) -56px 0px; }
1061	.deviceBatteryLarge4 { background: url(../images/batteries48.png) -84px 0px; }
1062	.deviceBatteryLarge5 { background: url(../images/batteries48.png) -112px 0px; }
1063	.deviceBatteryLarge6 { background: url(../images/batteries48.png) -140px 0px; }
1064	.deviceBatteryLarge7 { background: url(../images/batteries48.png) -168px 0px; }
1065	.deviceBatteryLarge8 { background: url(../images/batteries48.png) -196px 0px; }
1066	.deviceBatteryLarge9 { background: url(../images/batteries48.png) -224px 0px; }
1067	.deviceBatteryLarge10 { background: url(../images/batteries48.png) -252px 0px; }
1068	.deviceBatteryLarge11 { background: url(../images/batteries48.png) -280px 0px; }
1069
1070	.deviceBatterySmall {
1071	position:absolute;
1072	left:26px;
1073	top:32px;
1074	width:14px;
1075	height:24px;
1076	border:none;
1077	box-shadow:none;
1078	}
1079
1080	.deviceBatterySmall1 { background: url(../images/batteries24.png) 0px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1081	.deviceBatterySmall2 { background: url(../images/batteries24.png) -14px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1082	.deviceBatterySmall3 { background: url(../images/batteries24.png) -28px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1083	.deviceBatterySmall4 { background: url(../images/batteries24.png) -42px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1084	.deviceBatterySmall5 { background: url(../images/batteries24.png) -56px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1085	.deviceBatterySmall6 { background: url(../images/batteries24.png) -70px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1086	.deviceBatterySmall7 { background: url(../images/batteries24.png) -84px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1087	.deviceBatterySmall8 { background: url(../images/batteries24.png) -98px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1088	.deviceBatterySmall9 { background: url(../images/batteries24.png) -112px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1089	.deviceBatterySmall10 { background: url(../images/batteries24.png) -126px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1090	.deviceBatterySmall11 { background: url(../images/batteries24.png) -140px 0px; background-image: image-set(url(../images/batteries24.png) 1x, url(../images/batteries48.png) 2x); }
1091
1092	.deviceNotifyLargeDot {
1093	position:absolute;
1094	right:10px;
1095	top:170px;
1096	height:40px;
1097	}
1098
1099	.deviceNotifyLargeDotSub {
1100	text-align:center;
1101	width:40px;
1102	height:40px;
1103	color:#FFF;
1104	padding:2px;
1105	background-color:#00F;
1106	border-radius:20px;
1107	box-shadow: 2px 2px 10px black;
1108	cursor:pointer;
1109	margin-left:4px;
1110	}
1111
1112	.deviceNotifyLargeDotSub:hover {
1113	background-color:#44F;
1114	}
1115
1116	.userAuthStrategyLogo {
1117	text-align:center;
1118	position:absolute;
1119	right:20px;
1120	top:125px;
1121	width:64px;
1122	height:64px;
1123	color:#FFF;
1124	padding:2px;
1125	background-color:#FFF;
1126	border-radius:20px;
1127	box-shadow: 2px 2px 10px black;
1128	z-index:1;
1129	}
1130
1131	#xdevices {
1132	max-height: calc(100vh - 242px);
1133	overflow-y: auto;
1134	overflow-x: hidden;
1135	-webkit-overflow-scrolling: touch;
1136	}
1137
1138	#xdevices th {
1139	position: sticky;
1140	top: 0;
1141	z-index: 1;
1142	background-color: white;
1143	}
1144
1145	.night #xdevices th {
1146	background-color: black;
1147	}
1148
1149	#xdevicesmap {
1150	height: calc(100vh - 239px);
1151	width: 100%;
1152	overflow: hidden;
1153	position: relative;
1154	}
1155
1156	#xmapSearchResultsDlg {
1157	position: absolute;
1158	max-height: 280px;
1159	left: 5px;
1160	top: 5px;
1161	max-width: 250px;
1162	z-index: 1000;
1163	background-color: #EEE;
1164	box-shadow: 0px 0px 15px #666;
1165	}
1166
1167	#xmapSearchResultsBck {
1168	width: 100%;
1169	background-color: #003366;
1170	color: #FFF;
1171	border-radius: 5px 5px 0 0;
1172	}
1173
1174	#xmapSearchClose {
1175	float: right;
1176	padding: 5px;
1177	cursor: pointer;
1178	}
1179
1180	.xmapItem {
1181	overflow-y: auto;
1182	width: 100%;
1183	max-height: 240px;
1184	}
1185
1186	.xmapItemSel1 {
1187	cursor: pointer;
1188	padding: 5px;
1189	background-color: #F5F5F5;
1190	}
1191
1192	.xmapItemSel1 {
1193	cursor: pointer;
1194	padding: 5px;
1195	background-color: #EBEBEB;
1196	}
1197
1198	#xmap-info-window {
1199	text-shadow: 0px 0px 15px #FFF;
1200	}
1201
1202	#p2 a, #p6 a, #p10 a {
1203	cursor: pointer;
1204	}
1205
1206	#p2AccountImageFrame {
1207	float: right;
1208	text-align: center;
1209	margin-bottom: 10px;
1210	margin-right: 10px;
1211	margin-top: 7px;
1212	}
1213
1214	#p2AccountImage, #p2AccountImage2, #MainUserImageEx {
1215	width: 200px;
1216	height: 200px;
1217	border-radius: 8px;
1218	cursor: pointer;
1219	margin: 8px;
1220	box-shadow: 0px 0px 7px #000;
1221	}
1222
1223	.p2AccountActions {
1224	width: 15px;
1225	display: inline-block;
1226	}
1227
1228	.p2AccountActions span {
1229	color: green;
1230	font-size: 10px;
1231	}
1232
1233	#p2AccountActions .mL {
1234	margin-left: 40px;
1235	}
1236
1237	#p2ServerActions .mL {
1238	margin-left: 40px;
1239	}
1240
1241	.newMeshBtn {
1242	background: url(../images/icon-addnew.png) no-repeat 0px 0px;
1243	height: 12px;
1244	width: 12px;
1245	cursor: pointer;
1246	border: none;
1247	padding-left: 15px;
1248	}
1249
1250	#p2noMeshFound, #serverStats, #serverWarnings, #serverCertWarnings {
1251	margin-left: 40px;
1252	}
1253
1254	#p2ServerActionsBackup, #p2ServerActionsRestore, #p2ServerActionsVersion, #p2ServerActionsErrors {
1255	margin-left: 0px;
1256	}
1257
1258	.pTable {
1259	width: 100%;
1260	height: 24px;
1261	background-color: #d3d9d6;
1262	margin-bottom: 4px;
1263	vertical-align: middle;
1264	border-spacing: 0;
1265	}
1266
1267	#p50groups {
1268	max-height: calc(100vh - 244px);
1269	overflow-y: auto;
1270	}
1271
1272	#p3users {
1273	max-height: calc(100vh - 244px);
1274	overflow-y: auto;
1275	}
1276
1277	.p3usersTable {
1278	width: 100%;
1279	border-spacing: 0;
1280	padding: 0;
1281	}
1282
1283	.p3usersTable th {
1284	color: gray;
1285	}
1286
1287	#p3events, #p16events, #p31events, #p41events {
1288	height: calc(100vh - 245px);
1289	overflow-y: scroll;
1290	}
1291
1292	.p3eventsTable {
1293	width: 100%;
1294	border-spacing: 0;
1295	padding: 0;
1296	}
1297
1298	#p4name, #p4email, #p4pass1, #p4pass2 {
1299	width: 230px;
1300	}
1301
1302	#p5toolbar {
1303	width: 100%;
1304	}
1305
1306	#p5filehead {
1307	width: 100%;
1308	background-color: #d3d9d6;
1309	text-align: left;
1310	padding: 4px;
1311	}
1312
1313	.night #p5filehead {
1314	background-color: #333;
1315	}
1316
1317	#p5filesubhead {
1318	background-color: #E4E9E7;
1319	height: 28px;
1320	}
1321
1322	.night #p5filesubhead {
1323	background-color: #222;
1324	}
1325
1326	#p5rightOfButtons {
1327	float: right;
1328	margin-top: 3px;
1329	}
1330
1331	#p5filetable {
1332	width: 100%;
1333	height: calc(100vh - 295px);
1334	overflow: auto;
1335	-webkit-user-select: none;
1336	user-select: none;
1337	position: relative;
1338	}
1339
1340	#p5PublicShare {
1341	display: none;
1342	width: 100%;
1343	overflow: auto;
1344	-webkit-user-select: none;
1345	user-select: none;
1346	background-color: lightsteelblue;
1347	}
1348
1349	#p5PublicShare div {
1350	padding: 4px;
1351	}
1352
1353	#bigok, #p11bigok, #p13bigok {
1354	width: 256px;
1355	overflow: hidden;
1356	position: absolute;
1357	left: 337px;
1358	top: 20px;
1359	text-align: center;
1360	font-size: 1600%;
1361	color: #AAAAAA;
1362	z-index: 99999;
1363	}
1364
1365	#bigfail, #p11bigfail, #p13bigfail {
1366	width: 256px;
1367	overflow: hidden;
1368	position: absolute;
1369	left: 337px;
1370	top: 20px;
1371	text-align: center;
1372	font-size: 1600%;
1373	color: #AAAAAA;
1374	z-index: 99999;
1375	}
1376
1377	.chartViewCanvas {
1378	width: 80px;
1379	display: inline-block;
1380	}
1381
1382	.chartViewText {
1383	width: 200px;
1384	display: inline-block;
1385	}
1386
1387	#serverCpuChart, #serverMemoryChart {
1388	width: 60px;
1389	height: 60px;
1390	}
1391
1392	#serverMainStats {
1393	height: calc(100vh - 251px);
1394	max-height: calc(100vh - 251px);
1395	width: 100%;
1396	}
1397
1398	#p10BackButton, #p11BackButton {
1399	float: left;
1400	}
1401
1402	#p10html2 table {
1403	color: black;
1404	background-color: #EEE;
1405	border-color: #AAA;
1406	border-width: 1px;
1407	border-style: solid;
1408	border-collapse: collapse;
1409	width: 100%;
1410	}
1411
1412	#p10html2 thead {
1413	background-color: #AAA;
1414	font-weight: bold;
1415	}
1416
1417	#p10html2 thead tr {
1418	background-color: #AAA;
1419	font-weight: bold;
1420	}
1421
1422	#p10html2 thead img {
1423	float: right;
1424	cursor: pointer;
1425	padding: 3px;
1426	}
1427
1428	#p10html2 .altBack {
1429	background-color: #DDD;
1430	}
1431
1432	.pwState {
1433	display: table-cell;
1434	height: 16px;
1435	}
1436
1437	.pwsYellow {
1438	background-color: yellow;
1439	}
1440
1441	.pwsTransparent {
1442	background-color: #00000000;
1443	}
1444
1445	.pwsBlack {
1446	background-color: black;
1447	}
1448
1449	.pwsBlue {
1450	background-color: blue;
1451	}
1452
1453	.pwsBlue2 {
1454	background-color: blue;
1455	}
1456
1457	.pwsLightblue {
1458	background-color: lightblue;
1459	}
1460
1461	.pwsBlueviolet {
1462	background-color: blueviolet;
1463	}
1464
1465	.pwsDarkgreen {
1466	background-color: darkgreen;
1467	}
1468
1469	.pwsLightseagreen {
1470	background-color: lightseagreen;
1471	}
1472
1473	.pwsLightseagreen2 {
1474	background-color: lightseagreen;
1475	}
1476
1477	.p10html3right {
1478	float: right;
1479	font-size: small;
1480	}
1481
1482	.p10html3left {
1483	font-size: small;
1484	}
1485
1486	#dp10devicevalue {
1487	width: 230px;
1488	}
1489
1490	.fulldesk #p11 {
1491	height: 100%;
1492	}
1493
1494	#MainComputerImage {
1495	border-width: 0px;
1496	height: 200px;
1497	width: 200px;
1498	}
1499
1500	#MainComputerState {
1501	font-size: 12px;
1502	font-weight: bold;
1503	width: 100%;
1504	text-align: center;
1505	}
1506
1507	#d2groupop {
1508	float: right;
1509	width: 250px;
1510	}
1511
1512	#d2netinfo .dialogText {
1513	padding-right: 10px;
1514	}
1515
1516	#p12warning, #p12warning2, #p11warning, #p11warning2 {
1517	max-width: 100%;
1518	display: none;
1519	cursor: pointer;
1520	margin-bottom: 5px;
1521	}
1522
1523	#MainMeshImage {
1524	border-width: 0px;
1525	height: 200px;
1526	width: 200px;
1527	float: right;
1528	}
1529
1530	#DeskTools {
1531	position: absolute;
1532	width: 400px;
1533	height: 100%;
1534	background-color: gray;
1535	top: 0;
1536	right: 0;
1537	border-left: 2px solid lightgray;
1538	}
1539
1540	#DeskToolsRefreshButton {
1541	float: right;
1542	padding: 3px;
1543	cursor: pointer;
1544	}
1545
1546	a {
1547	color: #036;
1548	text-decoration: underline;
1549	cursor: pointer;
1550	}
1551
1552	.night a {
1553	color: #69B;
1554	}
1555
1556	.i1 {
1557	background: url(../images/icons50.png) 0px 0px;
1558	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1559	height: 50px;
1560	width: 50px;
1561	cursor: pointer;
1562	border: none;
1563	}
1564
1565	.i2 {
1566	background: url(../images/icons50.png) -50px 0px;
1567	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1568	height: 50px;
1569	width: 50px;
1570	cursor: pointer;
1571	border: none;
1572	}
1573
1574	.i3 {
1575	background: url(../images/icons50.png) -100px 0px;
1576	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1577	height: 50px;
1578	width: 50px;
1579	cursor: pointer;
1580	border: none;
1581	}
1582
1583	.i4 {
1584	background: url(../images/icons50.png) -150px 0px;
1585	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1586	height: 50px;
1587	width: 50px;
1588	cursor: pointer;
1589	border: none;
1590	}
1591
1592	.i5 {
1593	background: url(../images/icons50.png) -200px 0px;
1594	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1595	height: 50px;
1596	width: 50px;
1597	cursor: pointer;
1598	border: none;
1599	}
1600
1601	.i6 {
1602	background: url(../images/icons50.png) -250px 0px;
1603	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1604	height: 50px;
1605	width: 50px;
1606	cursor: pointer;
1607	border: none;
1608	}
1609
1610	.i7 {
1611	background: url(../images/icons50.png) -300px 0px;
1612	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1613	height: 50px;
1614	width: 50px;
1615	cursor: pointer;
1616	border: none;
1617	}
1618
1619	.i8 {
1620	background: url(../images/icons50.png) -350px 0px;
1621	background-image: image-set(url(../images/icons50.png) 1x, url(../images/icons100.png) 2x);
1622	height: 50px;
1623	width: 50px;
1624	cursor: pointer;
1625	border: none;
1626	}
1627
1628	.j1 {
1629	background: url(../images/icons16.png) 0px 0px;
1630	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1631	height: 16px;
1632	width: 16px;
1633	cursor: pointer;
1634	border: none;
1635	}
1636
1637	.j2 {
1638	background: url(../images/icons16.png) -16px 0px;
1639	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1640	height: 16px;
1641	width: 16px;
1642	cursor: pointer;
1643	border: none;
1644	}
1645
1646	.j3 {
1647	background: url(../images/icons16.png) -32px 0px;
1648	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1649	height: 16px;
1650	width: 16px;
1651	cursor: pointer;
1652	border: none;
1653	}
1654
1655	.j4 {
1656	background: url(../images/icons16.png) -48px 0px;
1657	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1658	height: 16px;
1659	width: 16px;
1660	cursor: pointer;
1661	border: none;
1662	}
1663
1664	.j5 {
1665	background: url(../images/icons16.png) -64px 0px;
1666	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1667	height: 16px;
1668	width: 16px;
1669	cursor: pointer;
1670	border: none;
1671	}
1672
1673	.j6 {
1674	background: url(../images/icons16.png) -80px 0px;
1675	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1676	height: 16px;
1677	width: 16px;
1678	cursor: pointer;
1679	border: none;
1680	}
1681
1682	.j7 {
1683	background: url(../images/icons16.png) -96px 0px;
1684	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1685	height: 16px;
1686	width: 16px;
1687	cursor: pointer;
1688	border: none;
1689	}
1690
1691	.j8 {
1692	background: url(../images/icons16.png) -112px 0px;
1693	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1694	height: 16px;
1695	width: 16px;
1696	cursor: pointer;
1697	border: none;
1698	}
1699
1700	.relayIcon16 {
1701	background: url(../images/icon-relay.png);
1702	height: 16px;
1703	width: 16px;
1704	cursor: pointer;
1705	border: none;
1706	}
1707
1708	.lbbutton {
1709	width: 74px;
1710	height: 74px;
1711	border-radius: 5px;
1712	background-color: white;
1713	margin-left: 8px;
1714	margin-top: 8px;
1715	position: relative;
1716	cursor: pointer;
1717	opacity: 0.5;
1718	}
1719
1720	.night .lbbutton {
1721	background-color: black;
1722	}
1723
1724	.lbbutton:hover {
1725	opacity: 1;
1726	}
1727
1728	.lbbuttonsel {
1729	opacity: 0.9;
1730	}
1731
1732	.lbbuttonsel2 {
1733	width: 82px;
1734	border-radius: 5px 0px 0px 5px;
1735	opacity: 1;
1736	}
1737
1738	/groups all buttons repeated code into one block/
1739	.lbtg {
1740	height: 62px;
1741	width: 62px;
1742	cursor: pointer;
1743	border: none;
1744	position: absolute;
1745	top: 6px;
1746	left: 6px;
1747	}
1748
1749	.lb1 {
1750	background: url(../images/leftbar-64.png) -1px -2px;
1751	background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1752	}
1753
1754	.lb2 {
1755	background: url(../images/leftbar-64.png) -66px -2px;
1756	background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1757	}
1758
1759	.lb3 {
1760	background: url(../images/leftbar-64.png) -130px -2px;
1761	background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1762	}
1763
1764	.lb4 {
1765	background: url(../images/leftbar-64.png) -194px -2px;
1766	background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1767	}
1768
1769	.lb5 {
1770	background: url(../images/leftbar-64.png) -257px -2px;
1771	background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1772	}
1773
1774	.lb6 {
1775	background: url(../images/leftbar-64.png) -318px -2px;
1776	background-image: image-set(url(../images/leftbar-64.png) 1x, url(../images/leftbar-128.png) 2x);
1777	}
1778
1779	.m0 {
1780	background: url(../images/images16.png) -32px 0px;
1781	height: 16px;
1782	width: 16px;
1783	border: none;
1784	float: left;
1785	}
1786
1787	.m1 {
1788	background: url(../images/images16.png) -16px 0px;
1789	height: 16px;
1790	width: 16px;
1791	border: none;
1792	float: left;
1793	}
1794
1795	.m2 {
1796	background: url(../images/images16.png) -96px 0px;
1797	height: 16px;
1798	width: 16px;
1799	border: none;
1800	float: left;
1801	}
1802
1803	.m3 {
1804	background: url(../images/images16.png) -112px 0px;
1805	height: 16px;
1806	width: 16px;
1807	border: none;
1808	float: left;
1809	}
1810
1811	.m4 {
1812	background: url(../images/images16.png) -128px 0px;
1813	height: 16px;
1814	width: 16px;
1815	border: none;
1816	float: left;
1817	}
1818
1819	.m99 {
1820	background: url(../images/meshicon16.png);
1821	height: 16px;
1822	width: 16px;
1823	border: none;
1824	float: left;
1825	}
1826
1827	.si1 {
1828	background: url(../images/icons16.png) 0px 0px;
1829	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1830	height: 16px;
1831	width: 16px;
1832	border: none;
1833	float: left;
1834	}
1835
1836	.si2 {
1837	background: url(../images/icons16.png) -16px 0px;
1838	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1839	height: 16px;
1840	width: 16px;
1841	border: none;
1842	float: left;
1843	}
1844
1845	.si3 {
1846	background: url(../images/icons16.png) -32px 0px;
1847	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1848	height: 16px;
1849	width: 16px;
1850	border: none;
1851	float: left;
1852	}
1853
1854	.si4 {
1855	background: url(../images/icons16.png) -48px 0px;
1856	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1857	height: 16px;
1858	width: 16px;
1859	border: none;
1860	float: left;
1861	}
1862
1863	.si5 {
1864	background: url(../images/icons16.png) -64px 0px;
1865	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1866	height: 16px;
1867	width: 16px;
1868	border: none;
1869	float: left;
1870	}
1871
1872	.si6 {
1873	background: url(../images/icons16.png) -80px 0px;
1874	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1875	height: 16px;
1876	width: 16px;
1877	border: none;
1878	float: left;
1879	}
1880
1881	.si7 {
1882	background: url(../images/icons16.png) -96px 0px;
1883	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1884	height: 16px;
1885	width: 16px;
1886	border: none;
1887	float: left;
1888	}
1889
1890	.si8 {
1891	background: url(../images/icons16.png) -112px 0px;
1892	background-image: image-set(url(../images/icons16.png) 1x, url(../images/icons32.png) 2x);
1893	height: 16px;
1894	width: 16px;
1895	border: none;
1896	float: left;
1897	}
1898
1899	.mi {
1900	background: url(../images/meshicon50.png) 0px 0px;
1901	background-image: image-set(url(../images/meshicon50.png) 1x, url(../images/meshicon100.png) 2x);
1902	height: 50px;
1903	width: 50px;
1904	cursor: pointer;
1905	border: none;
1906	}
1907
1908	#floatframe {
1909	position: fixed;
1910	top: 200px;
1911	height: 300px;
1912	z-index: 200;
1913	display: none;
1914	}
1915
1916	.style1 {
1917	text-align: center;
1918	}
1919
1920	.style2 {
1921	text-align: center;
1922	background-color: #808080;
1923	font-weight: bold;
1924	}
1925
1926	.style3 {
1927	text-align: center;
1928	color: white;
1929	background-color: #808080;
1930	font-weight: bold;
1931	}
1932
1933	.style3x {
1934	text-align: center;
1935	color: white;
1936	background-color: #808080;
1937	font-weight: bold;
1938	}
1939
1940	.style3x:hover {
1941	background-color: #606060;
1942	}
1943
1944	.style3x.fullselect {
1945	background-color: #003366;
1946	}
1947
1948	.style3x.semiselect {
1949	background-color: #606060;
1950	}
1951
1952	.style3sel {
1953	text-align: center;
1954	color: white;
1955	background-color: #003366;
1956	font-weight: bold;
1957	}
1958
1959
1960	.style4 {
1961	color: white;
1962	text-decoration: none;
1963	}
1964
1965	.style5 {
1966	text-align: center;
1967	background-color: #808080;
1968	font-weight: normal;
1969	}
1970
1971	.style6 {
1972	text-align: left;
1973	background-color: #D3D9D6;
1974	padding: 3px;
1975	}
1976
1977	.night .style6 {
1978	background-color: #333;
1979	}
1980
1981	.style7 {
1982	font-size: large;
1983	width: 180px;
1984	}
1985
1986	.style9 {
1987	max-width: 400px;
1988	overflow: hidden;
1989	}
1990
1991	.style10 {
1992	background-color: #C9C9C9;
1993	color: #000;
1994	}
1995
1996	.night .style10 {
1997	background-color: #333;
1998	color: #CCC;
1999	}
2000
2001	.style10s {
2002	background-color: #b9b9b9;
2003	}
2004
2005	.night .style10s {
2006	background-color: #444;
2007	}
2008
2009	.style11 {
2010	font-size: large;
2011	background-color: #C9C9C9;
2012	}
2013
2014	.style14 {
2015	height: 100%;
2016	text-align: left;
2017	background-color: #D3D9D6;
2018	}
2019
2020	.night .style14 {
2021	background-color: #333;
2022	color: #CCC;
2023	}
2024
2025	.auto-style1 {
2026	background-color: #D3D9D6;
2027	text-align: right;
2028	}
2029
2030	#pTable .auto-style1 {
2031	height: 100%;
2032	float: right;
2033	}
2034
2035	.night .auto-style1 {
2036	background-color: #333;
2037	color: #CCC;
2038	}
2039
2040	.night #pTable {
2041	color: black;
2042	}
2043
2044	.icon2 {
2045	float: left;
2046	margin: 7px;
2047	}
2048
2049	.warningbox {
2050	width: auto;
2051	border-radius: 8px;
2052	padding: 8px;
2053	background-color: lightsalmon;
2054	}
2055
2056	.fileIcon1 {
2057	background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb49Y2Sj9LT2f///yH5BAEAAAMALAAAAAAQABAAAAImnI+py+1vhJwyUYAzHTL4D3qdlJWaIFJqmKod607sDKIiDUP63hQAOw==);
2058	height: 16px;
2059	width: 16px;
2060	cursor: pointer;
2061	border: none;
2062	float: left;
2063	margin-top: 1px;
2064	}
2065
2066	.fileIcon2 {
2067	background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAM2xV/Xur+XPgP///yH5BAEAAAMALAAAAAAQABAAAAJD3ISZIGHWUGihznesYDYATFVM+D2hJ4lgN1olxALAtAlmPCJvuMmJd6PJckDYwicrHhTD5o7plJmg0Uc0asNMkphHAQA7);
2068	height: 16px;
2069	width: 16px;
2070	cursor: pointer;
2071	border: none;
2072	float: left;
2073	margin-top: 1px;
2074	}
2075
2076	.fileIcon3 {
2077	background: url(data:image/gif;base64,R0lGODlhEAAQAJEDAPb19IGBgbq6uv///yH5BAEAAAMALAAAAAAQABAAAAIy3ISpxgcPH2ouQgFEw1YmxnUXKEaaEZZnVWZk66JwzKpvuwZzwOgwb/C1gIOA8Yg8DgoAOw==);
2078	height: 16px;
2079	width: 16px;
2080	cursor: pointer;
2081	border: none;
2082	float: left;
2083	margin-top: 1px;
2084	}
2085
2086	.fileIcon4 {
2087	background: url(../images/meshicon16.png);
2088	height: 16px;
2089	width: 16px;
2090	cursor: pointer;
2091	border: none;
2092	float: left;
2093	margin-top: 1px;
2094	}
2095
2096	.fileIcon5 {
2097	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABVklEQVQ4T42Ty22DUBBFzW9PB3EJpoKYDpwKIiQ+YpW4grSQHRIgESqIO3A6CB3YHYQlCz65F/Gslwe2gzTCwNwzd2aetdU/rqIo7KZp7DiOz2q6dk+fpulG1/XPYRhshBuGYSVrbgIkcQ0RY6NCFgEUappWIFiVwpJ3PD+rkBlAqrqerLoUIR6CINhnWXaUIX8AC2IyamEb4lfZSdu2zgVwRSzmNUIQOwyUrTzi95bvRkCSJGvLso54IWwvLYezeIL4heK+770oig4jIM9zrmk3qZjIfbPvRZAQ86PGQ4JefqbMyjRN1/O8etrEt0qAg7NhGA5zRgAGs8Wdk+X1DiclV4iJO/hGgOyklqvPHED44fu+RyicVHB2QpItWlPFI2CawUkMEJBD13Ulpv0mVZ9VFq2NAKUNte2r4osDAWHvyiq/8LxX/0ByhdlRntyseOJuCQXkFwkT7PS0vyFtAAAAAElFTkSuQmCC);
2098	height: 16px;
2099	width: 16px;
2100	cursor: pointer;
2101	border: none;
2102	float: left;
2103	margin-top: 1px;
2104	}
2105
2106	.fileIcon6 {
2107	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCUlEQVQ4T6WT3Q2CMBSFLTAAbiAb4AhuIBvYBEJ40wkcQV/5SXAEN9ANdAPZwL5DwNOENm2xxoQmPLT3nq/3nAaymLnITP3CCqjr2m/bdkUI8ZMkudsumgC4sOu6IwQ7fL4iPAN0MEEaYBTf0BRabmSALNWaBijL8oTi/lcusHSN4zgSPSbgbYzNIGDDMKxUqOd5S0op42cSUBRFiOaHJBPSuK675o1VVb0MyEYEawUAJP3CGgfLXPq+j9I0vWoTjAFyC+p6jhstVLxSkGVZowH4BqPWGJU/n3XB5gUh0q8h/vOMCDAQAU4mEFTLJHeII1VsBQhQnudbx3EYhE9T+NXCL++22uy/8QNYGm0RH2Rb4gAAAABJRU5ErkJggg==);
2108	height: 16px;
2109	width: 16px;
2110	cursor: pointer;
2111	border: none;
2112	float: left;
2113	margin-top: 1px;
2114	}
2115
2116	.filelist {
2117	-moz-user-select: none;
2118	-khtml-user-select: none;
2119	-webkit-user-select: none;
2120	-o-user-select: none;
2121	user-select: none;
2122	cursor: default;
2123	-khtml-user-drag: element;
2124	clear: both;
2125	overflow: hidden;
2126	text-overflow: ellipsis;
2127	white-space: nowrap;
2128	}
2129
2130	.filelist:hover {
2131	background: #EEE;
2132	border-radius: 3px;
2133	}
2134
2135	.night .filelist:hover {
2136	background: #444;
2137	}
2138
2139	.noselect {
2140	-webkit-touch-callout: none;
2141	-webkit-user-select: none;
2142	-khtml-user-select: none;
2143	-moz-user-select: none;
2144	-ms-user-select: none;
2145	user-select: none;
2146	}
2147
2148	.selecttext {
2149	-webkit-touch-callout: text;
2150	-webkit-user-select: text;
2151	-khtml-user-select: text;
2152	-moz-user-select: text;
2153	-ms-user-select: text;
2154	user-select: text;
2155	}
2156
2157	.fsize {
2158	float: right;
2159	text-align: right;
2160	width: 180px;
2161	}
2162
2163	.g1t {
2164	background-position: 0% 0%;
2165	width: 14px;
2166	height: 100%;
2167	/* fallback (Opera) */
2168	/* Mozilla: */
2169	/* Chrome, Safari:*/
2170	background-image: linear-gradient(to right, #fff 0%, #c9c9c9 100%);
2171	background-color: #c9c9c9;
2172	background-repeat: repeat;
2173	background-attachment: scroll;
2174	}
2175
2176	.night .g1t {
2177	background-image: linear-gradient(to right, #000 0%, #333 100%);
2178	}
2179
2180	.g1 {
2181	background-position: 0% 0%;
2182	width: 14px;
2183	height: 100%;
2184	float: left;
2185	/* fallback (Opera) */
2186	/* Mozilla: */
2187	/* Chrome, Safari:*/
2188	background-image: linear-gradient(to right, #fff 0%, #c9c9c9 100%);
2189	background-color: #c9c9c9;
2190	background-repeat: repeat;
2191	background-attachment: scroll;
2192	}
2193
2194	.night .g1 {
2195	background-image: linear-gradient(to right, #000 0%, #333 100%);
2196	}
2197
2198	#p3events .g1 {
2199	float: none;
2200	}
2201
2202	#p16events .g1 {
2203	float: none;
2204	}
2205
2206	#p31events .g1 {
2207	float: none;
2208	}
2209
2210	#p3users .g1 {
2211	height: 24px;
2212	float: left;
2213	}
2214
2215	.g1s {
2216	background-image: linear-gradient(to right, #fff 0%, #b9b9b9 100%);
2217	}
2218
2219	.night .g1s {
2220	background-image: linear-gradient(to right, #000 0%, #444 100%);
2221	}
2222
2223	.g2t {
2224	background-position: 0% 0%;
2225	width: 14px;
2226	height: 100%;
2227	/* fallback (Opera) */
2228	/* Mozilla: */
2229	/* Chrome, Safari:*/
2230	background-image: linear-gradient(to right, #c9c9c9 0%, #fff 100%);
2231	background-color: #c9c9c9;
2232	background-repeat: repeat;
2233	background-attachment: scroll;
2234	}
2235
2236	.night .g2t {
2237	background-image: linear-gradient(to right, #333 0%, #000 100%);
2238	}
2239
2240	.g2 {
2241	background-position: 0% 0%;
2242	width: 14px;
2243	height: 100%;
2244	float: right;
2245	/* fallback (Opera) */
2246	/* Mozilla: */
2247	/* Chrome, Safari:*/
2248	background-image: linear-gradient(to right, #c9c9c9 0%, #fff 100%);
2249	background-color: #c9c9c9;
2250	background-repeat: repeat;
2251	background-attachment: scroll;
2252	}
2253
2254	.night .g2 {
2255	background-image: linear-gradient(to right, #333 0%, #000 100%);
2256	}
2257
2258	#p3events .g2 {
2259	float: none;
2260	}
2261
2262	#p16events .g2 {
2263	float: none;
2264	}
2265
2266	#p31events .g2 {
2267	float: none;
2268	}
2269
2270	#p3users .g2 {
2271	height: 24px;
2272	float: right;
2273	}
2274
2275	.g2s {
2276	background-image: linear-gradient(to right, #b9b9b9 0%, #fff 100%);
2277	}
2278
2279	.night .g2s {
2280	background-image: linear-gradient(to right, #444 0%, #000 100%);
2281	}
2282
2283	.h1pre {
2284	width: 16px;
2285	height: 100%;
2286	float: left;
2287	font-size: large;
2288	background-color: #FFFFFF;
2289	}
2290
2291	.h1 {
2292	background-position: 0% 0%;
2293	width: 14px;
2294	height: 24px;
2295	/* fallback (Opera) */
2296	/* Mozilla: */
2297	/* Chrome, Safari:*/
2298	background-image: linear-gradient(to right, #fff 0%, #d3d9d6 100%);
2299	background-color: #d3d9d6;
2300	background-repeat: repeat;
2301	background-attachment: scroll;
2302	}
2303
2304	.night .h1 {
2305	background-image: linear-gradient(to right, #000 0%, #333 100%);
2306	}
2307
2308	.h2end {
2309	height: 100%;
2310	width: 20px;
2311	float: right;
2312	background-color: #ffffff;
2313	}
2314
2315	.h2 {
2316	background-position: 0% 0%;
2317	width: 14px;
2318	height: 24px;
2319	/* fallback (Opera) */
2320	/* Mozilla: */
2321	/* Chrome, Safari:*/
2322	background-image: linear-gradient(to right, #d3d9d6 0%, #fff 100%);
2323	background-color: #d3d9d6;
2324	background-repeat: repeat;
2325	background-attachment: scroll;
2326	}
2327
2328	.night .h2 {
2329	background-image: linear-gradient(to right, #333 0%, #000 100%);
2330	}
2331
2332	.e1t {
2333	font-size: large;
2334	margin-bottom: 3px;
2335	overflow: hidden;
2336	word-wrap: hyphenate;
2337	white-space: nowrap;
2338	text-overflow: ellipsis;
2339	}
2340
2341	.e1 {
2342	font-size: large;
2343	margin-top: 4px;
2344	margin-bottom: 3px;
2345	overflow: hidden;
2346	word-wrap: hyphenate;
2347	white-space: nowrap;
2348	text-overflow: ellipsis;
2349	}
2350
2351	.e2 {
2352	float: left;
2353	height: 100%;
2354	background-color: #c9c9c9;
2355	}
2356
2357	.night .e2 {
2358	color: #CCC;
2359	background-color: #333;
2360	}
2361
2362	.e2t {
2363	height: 100%;
2364	background-color: #c9c9c9;
2365	}
2366
2367	.night .e2t {
2368	color: #CCC;
2369	background-color: #333;
2370	}
2371
2372	.e2s {
2373	background-color: #b9b9b9;
2374	}
2375
2376	.night .e2s {
2377	background-color: #444;
2378	}
2379
2380	.bar {
2381	font-size: large;
2382	background-color: #C9C9C9;
2383	height: 24px;
2384	float: left;
2385	margin-bottom: 2px;
2386	}
2387
2388	.night .bar {
2389	color: #CCC;
2390	background-color: #333;
2391	}
2392
2393	.sbar {
2394	background-color: #b9b9b9;
2395	}
2396
2397	.night .sbar {
2398	background-color: #444;
2399	}
2400
2401	#p3users .bar {
2402	width: 100%;
2403	font-size: medium;
2404	}
2405
2406	.baricon {
2407	float: left;
2408	height: 24px;
2409	width: 24px;
2410	background-color: white;
2411	}
2412
2413	.night .baricon {
2414	background-color: black;
2415	}
2416
2417	.baricon div {
2418	width: 16px;
2419	margin-top: 4px;
2420	margin-left: 2px;
2421	height: 16px;
2422	}
2423
2424	.bar2 {
2425	font-size: large;
2426	height: 24px;
2427	float: left;
2428	margin-bottom: 2px;
2429	}
2430
2431	.bar18 {
2432	font-size: large;
2433	background-color: #C9C9C9;
2434	height: 18px;
2435	float: left;
2436	margin-bottom: 2px;
2437	color: black;
2438	}
2439
2440	.night .bar18 {
2441	background-color: #333;
2442	color: #CCC;
2443	}
2444
2445	.bar182 {
2446	font-size: large;
2447	height: 18px;
2448	float: left;
2449	margin-bottom: 2px;
2450	}
2451
2452	.devHeaderx {
2453	color: lightgray;
2454	}
2455
2456	.DevSt {
2457	border-bottom-style: solid;
2458	border-bottom-width: 1px;
2459	border-bottom-color: #DDDDDD;
2460	}
2461
2462	.night .DevSt {
2463	color: white;
2464	}
2465
2466	.contextMenu {
2467	background: #F9F9F9;
2468	box-shadow: 0 0 12px rgba( 0, 0, 0, .3 );
2469	border: 1px solid #ccc;
2470	/border-radius: 4px;/
2471	display: none;
2472	position: absolute;
2473	list-style: none;
2474	margin: 0;
2475	padding: 5px;
2476	min-width: 100px;
2477	max-width: 150px;
2478	z-index: 500;
2479	}
2480
2481	.cmtext {
2482	color: #444;
2483	display: inline-block;
2484	padding-left: 8px;
2485	padding-right: 8px;
2486	padding-top: 5px;
2487	padding-bottom: 5px;
2488	text-decoration: none;
2489	width: 85%;
2490	cursor: default;
2491	overflow: hidden;
2492	position: relative;
2493	}
2494
2495	.cmtext:hover {
2496	color: #f9f9f9;
2497	background: #444;
2498	}
2499
2500	.gray {
2501	/filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/ /* Firefox 10+, Firefox on Android */
2502	filter: gray; /* IE6-9 */
2503	-webkit-filter: grayscale(100%) opacity(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
2504	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
2505	-moz-opacity: 0.60;
2506	opacity: .60;
2507	filter: alpha(opacity=60);
2508	}
2509
2510	.unselectable {
2511	-webkit-touch-callout: none;
2512	-webkit-user-select: none;
2513	-khtml-user-select: none;
2514	-moz-user-select: none;
2515	-ms-user-select: none;
2516	user-select: none;
2517	}
2518
2519	.notifiyBox {
2520	position: absolute;
2521	z-index: 1000;
2522	top: 50px;
2523	right: 26px;
2524	width: 300px;
2525	text-align: left;
2526	background-color: #F0ECCD;
2527	border: 4px solid #666;
2528	-webkit-border-radius: 10px;
2529	-moz-border-radius: 10px;
2530	border-radius: 10px;
2531	-webkit-box-shadow: 2px 2px 4px #888;
2532	-moz-box-shadow: 2px 2px 4px #888;
2533	box-shadow: 2px 2px 4px #888;
2534	max-height: 200px;
2535	}
2536
2537	.night .notifiyBox {
2538	color: black;
2539	}
2540
2541	.notifiyBox:before {
2542	content: ' ';
2543	position: absolute;
2544	width: 0;
2545	height: 0;
2546	right: 5px;
2547	top: -30px;
2548	border: 15px solid;
2549	border-color: transparent #666 #666 transparent;
2550	}
2551
2552	.notifiyBox:after {
2553	content: ' ';
2554	position: absolute;
2555	width: 0;
2556	height: 0;
2557	right: 7px;
2558	top: -24px;
2559	border: 12px solid;
2560	border-color: transparent #F0ECCD #F0ECCD transparent;
2561	}
2562
2563	.notification {
2564	width: 100%;
2565	min-height: 30px;
2566	}
2567
2568	.notification:hover {
2569	background-color: #EFE8B6;
2570	}
2571
2572	#notificationCount {
2573	min-width: 28px;
2574	font-size: 20px;
2575	border-radius: 5px;
2576	background-color: lightblue;
2577	text-align: center;
2578	margin: 8px;
2579	cursor: pointer;
2580	padding: 4px;
2581	}
2582
2583	.night #notificationCount {
2584	color: black;
2585	}
2586
2587	.deskareaicon {
2588	cursor: pointer;
2589	border: none;
2590	float: right;
2591	font-size: 130%;
2592	margin-right: 4px;
2593	}
2594
2595	.areaHead {
2596	padding-left: 4px;
2597	padding-top: 2px;
2598	padding-bottom: 2px;
2599	background: #C0C0C0;
2600	}
2601
2602	.night .areaHead {
2603	color: #CCC;
2604	background: #333;
2605	}
2606
2607	.areaProgress {
2608	background-color: gray;
2609	}
2610
2611	.areaProgress div {
2612	height: 2px;
2613	width: 0%;
2614	background-color: red;
2615	}
2616
2617	.areaFoot {
2618	padding-top: 2px;
2619	padding-bottom: 2px;
2620	background: #C0C0C0;
2621	height: 22px;
2622	}
2623
2624	.night .areaFoot {
2625	color: #CCC;
2626	background: #333;
2627	}
2628
2629	.toright2 {
2630	float: right;
2631	text-align: right;
2632	padding-right: 4px;
2633	}
2634
2635	#deskarea0 {
2636	width: 100%;
2637	padding: 0px;
2638	margin-top: 0px;
2639	}
2640
2641	.night #deskarea0 {
2642	color: black;
2643	}
2644
2645	.fulldesk #deskarea0 {
2646	min-width: 100%;
2647	min-height: 0px;
2648	height: 100%;
2649	position: relative;
2650	display: -ms-grid;
2651	display: grid;
2652	grid-gap: 0px;
2653	grid-template-areas: "deskarea1" "deskarea2" "deskarea3" "deskarea4";
2654	/* grid-template-columns: 90px auto; */
2655	grid-template-rows: 24px max-content auto max-content;
2656	-ms-grid-columns: 1fr;
2657	-ms-grid-rows: 24px max-content 1fr max-content;
2658	}
2659
2660	#deskarea0 .mR {
2661	margin-right: 3px;
2662	}
2663
2664	#deskarea1 {
2665	grid-area: deskarea1;
2666	-ms-grid-column: 1;
2667	-ms-grid-row: 1;
2668	min-height: 20px;
2669	}
2670
2671
2672	#deskarea2 {
2673	grid-area: deskarea2;
2674	background-color: gray;
2675	-ms-grid-column: 1;
2676	-ms-grid-row: 2;
2677	}
2678
2679	#progressbar {
2680	height: 2px;
2681	width: 0%;
2682	background-color: red;
2683	}
2684
2685	#deskarea3x {
2686	background: black;
2687	text-align: center;
2688	position: relative;
2689	overflow: hidden;
2690	width: 100%;
2691	max-height: calc(100vh - 270px); /* + 24px height of submenu */
2692	height: calc(100vh - 270px);
2693	}
2694
2695	.room4submenu #deskarea3x {
2696	max-height: calc(100vh - 296px);
2697	height: calc(100vh - 296px);
2698	}
2699
2700	.fulldesk #deskarea3x {
2701	grid-area: deskarea3;
2702	max-height: 100%;
2703	height: 100%;
2704	-ms-grid-column: 1;
2705	-ms-grid-row: 3;
2706	}
2707
2708	#DeskFocus {
2709	overflow: hidden;
2710	color: transparent;
2711	border: 3px dotted rgba(255,0,0,.2);
2712	position: absolute;
2713	border-radius: 5px;
2714	}
2715
2716	#DeskParent {
2717	margin: 0;
2718	overflow: hidden;
2719	height: 100%;
2720	width: 100%;
2721	position: absolute;
2722	right: 0;
2723	top: 0;
2724	}
2725
2726	#Desk {
2727	overflow: hidden;
2728	width: 100%;
2729	-ms-touch-action: none;
2730	touch-action: none;
2731	position: absolute;
2732	top: 0px;
2733	bottom: 0px;
2734	left: 0px;
2735	right: 0px;
2736	margin: auto;
2737	}
2738
2739	.deskToolsTopTab {
2740	position:absolute;
2741	background-color:lightgray;
2742	padding:2px;
2743	top:2px;
2744	left:0px;
2745	width:80px;
2746	bottom:2px;
2747	border-top-left-radius:4px;
2748	border-top-right-radius:4px;
2749	cursor:pointer;
2750	}
2751
2752	#deskToolsAreaTop {
2753	position: absolute;
2754	/*
2755	padding: 3px;
2756	border-radius: 3px 3px 0px 0px;
2757	top: 5px;
2758	left: 4px;
2759	bottom: 26px;
2760	cursor: pointer;
2761	*/
2762	top: 0px;
2763	left: 4px;
2764	right: 4px;
2765	height: 26px;
2766	background-color: gray;
2767	}
2768
2769	.night #deskToolsAreaTop {
2770	background-color: #222;
2771	}
2772
2773	#deskToolsArea {
2774	position: absolute;
2775	top: 26px;
2776	left: 4px;
2777	right: 4px;
2778	bottom: 4px;
2779	background-color: lightgray;
2780	text-align: left;
2781	}
2782
2783	.night #deskToolsArea {
2784	background-color: #222;
2785	}
2786
2787	#deskToolsHeader {
2788	border-bottom: 1px solid darkgray;
2789	padding: 3px;
2790	}
2791
2792	#deskToolsHeader .colmn1 {
2793	width: 50px;
2794	padding-right: 5px;
2795	float: left;
2796	}
2797
2798	#deskToolsServiceHeader {
2799	border-bottom: 1px solid darkgray;
2800	padding: 3px;
2801	}
2802
2803	#deskToolsServiceHeader .colmn1 {
2804	width: 50px;
2805	padding-right: 5px;
2806	float: left;
2807	}
2808
2809	#DeskToolsProcesses {
2810	overflow-y: scroll;
2811	position: absolute;
2812	top: 24px;
2813	bottom: 0px;
2814	width: 100%;
2815	color:black;
2816	}
2817
2818	#DeskToolsServices {
2819	overflow-y: scroll;
2820	position: absolute;
2821	top: 24px;
2822	bottom: 0px;
2823	width: 100%;
2824	color:black;
2825	}
2826
2827	.deskToolsBar {
2828	padding: 3px;
2829	}
2830
2831	.deskToolsBar:hover {
2832	background-color: #EFE8B6;
2833	}
2834
2835	.night .deskToolsBar {
2836	color: #ddd;
2837	}
2838
2839	.night .deskToolsBar:hover {
2840	background-color: #444;
2841	}
2842
2843	#deskarea4 {
2844	grid-area: deskarea4;
2845	-ms-grid-column: 1;
2846	-ms-grid-row: 4;
2847	}
2848
2849	#DeskRunButton, #DeskChatButton, #DeskNotifyButton, #DeskOpenWebButton, #DeskBackgroundButton, #DeskSaveImageButton, #DeskRecordButton, #DeskClipboardInButton, #DeskClipboardOutButton, #DeskRefreshButton, #DeskLockButton, #DeskInputLockedButton, #DeskInputUnLockedButton, #DeskGuestShareButton, #DeskMonitorSelectionSpan {
2850	float: right;
2851	margin-top: 1px;
2852	margin-right: 4px;
2853	cursor: pointer;
2854	}
2855
2856	#DeskClip, #DeskControlSpan, #specialkeylist {
2857	padding-left: 6px;
2858	}
2859
2860	.serverStateTableCell {
2861	width: 300px;
2862	height: 24px;
2863	background-color: #d3d9d6;
2864	margin-bottom: 4px;
2865	vertical-align: middle;
2866	border-spacing: 0;
2867	}
2868
2869	.night .serverStateTableCell {
2870	background-color: #333;
2871	color: #CCC;
2872	}
2873
2874	.userTableHeader {
2875	border-bottom: 1pt solid lightgray;
2876	padding-top: 4px;
2877	padding-bottom: 4px;
2878	}
2879
2880	#deskkeys {
2881	margin-left: 6px;
2882	}
2883
2884	#p12BackButton {
2885	float: left;
2886	}
2887
2888	#termTable {
2889	width: 100%;
2890	padding: 0px;
2891	margin-top: 0px;
2892	}
2893
2894	.fulldesk #termTable {
2895	position: absolute;
2896	top: 0;
2897	bottom: 0;
2898	left: 0;
2899	right: 0;
2900	}
2901
2902	#termarea3x {
2903	background: black;
2904	text-align: center;
2905	height: 500px;
2906	position: relative;
2907	}
2908
2909	#Term {
2910	background: black;
2911	margin: 0;
2912	padding: 0;
2913	}
2914
2915	#p13toolbar {
2916	width: 100%;
2917	}
2918
2919	#p13toolbar .areaHead {
2920	border-bottom: 2px solid black;
2921	}
2922
2923	#p13toolbar .areaHead2 {
2924	width: 100%;
2925	background-color: #d3d9d6;
2926	text-align: left;
2927	padding: 4px;
2928	}
2929
2930	.night #p13toolbar .areaHead2 {
2931	background-color: #333;
2932	}
2933
2934	#p13toolbar .areaHead3 {
2935	background-color: #E4E9E7;
2936	height: 28px;
2937	}
2938
2939	.night #p13toolbar .areaHead3 {
2940	background-color: #333;
2941	}
2942
2943	#p13filetable {
2944	width: 100%;
2945	height: calc(100vh - 323px);
2946	overflow: auto;
2947	-webkit-user-select: none;
2948	user-select: none;
2949	}
2950
2951	.room4submenu #p13filetable {
2952	height: calc(100vh - 349px);
2953	}
2954
2955	.fulldesk #p14title {
2956	margin-left: 16px;
2957	margin-right: 16px;
2958	color: #CCC;
2959	}
2960
2961	#p14iframe {
2962	width: 100%;
2963	height: calc(100vh - 218px);
2964	border: 0;
2965	overflow: hidden;
2966	}
2967
2968	.menu_stack #p14iframe {
2969	height: calc(100vh - 246px);
2970	}
2971
2972	.fulldesk #p14iframe {
2973	height: calc(100vh - 65px);
2974	}
2975
2976	#p13toolbarBottom, #p13toolbar {
2977	width: 100%;
2978	}
2979
2980	#consoleTable {
2981	width: 100%;
2982	padding: 0px;
2983	padding: 0px;
2984	margin-top: 0px;
2985	}
2986
2987	.night #consoleTable {
2988	color: black;
2989	}
2990
2991	#p15statetext {
2992	padding: 4px;
2993	height: 15px;
2994	}
2995
2996	#p15agentConsole {
2997	background: black;
2998	margin: 0;
2999	padding: 0;
3000	color: lightgray;
3001	width: 100%;
3002	height: calc(100vh - 276px);
3003	max-height: calc(100vh - 276px);
3004	position: relative;
3005	}
3006
3007	.menu_stack.fullscreen #p15agentConsole {
3008	height: calc(100vh - 305px);
3009	max-height: calc(100vh - 305px);
3010	}
3011
3012	#p15coreName {
3013	padding: 4px;
3014	display: inline-block;
3015	}
3016
3017	#p15agentConsoleText {
3018	margin: 0;
3019	padding: 0;
3020	top: 0;
3021	bottom: 0;
3022	overflow-y: scroll;
3023	overflow-x: auto;
3024	height: calc(100vh - 279px);
3025	max-height: calc(100vh - 279px);
3026	width: 930px;
3027	}
3028
3029	.menu_stack.fullscreen #p15agentConsoleText {
3030	width: calc(100vw - 30px);
3031	height: calc(100vh - 305px);
3032	max-height: calc(100vh - 305px);
3033	}
3034
3035	.fullscreen #p15agentConsoleText {
3036	width: calc(100vw - 120px);
3037	}
3038
3039	/*
3040	#p16events, #p31events {
3041	max-height: calc(100vh - 245px);
3042	overflow-y: auto;
3043	}
3044
3045	.room4submenu #p16events, #p31events {
3046	max-height: calc(100vh - 269px);
3047	}
3048	*/
3049
3050	.night #p16events, #p31events {
3051	color: #222;
3052	}
3053
3054	#p40 {
3055	height: calc(100vh - 191px);
3056	}
3057
3058	.viewSelector {
3059	width: 32px;
3060	height: 32px;
3061	background-color: #DDD;
3062	border-radius: 3px;
3063	float: left;
3064	margin-left: 5px;
3065	cursor: pointer;
3066	opacity: 0.3;
3067	}
3068
3069	.viewSelectorSel {
3070	background-color: #BBB;
3071	opacity: 0.8;
3072	}
3073
3074	.viewSelector:hover {
3075	opacity: 0.5;
3076	background-color: #AAA;
3077	}
3078
3079
3080	.viewSelector1 {
3081	margin-left: 2px;
3082	margin-top: 2px;
3083	background: url(../images/views.png) -0px 0px;
3084	height: 28px;
3085	width: 28px;
3086	}
3087
3088	.viewSelector2 {
3089	margin-left: 2px;
3090	margin-top: 2px;
3091	background: url(../images/views.png) -28px 0px;
3092	height: 28px;
3093	width: 28px;
3094	}
3095
3096	.viewSelector3, .uiSelector7 {
3097	margin-left: 2px;
3098	margin-top: 2px;
3099	background: url(../images/views.png) -56px 0px;
3100	height: 28px;
3101	width: 28px;
3102	}
3103
3104	.viewSelector4 {
3105	margin-left: 2px;
3106	margin-top: 2px;
3107	background: url(../images/views.png) -84px 0px;
3108	height: 28px;
3109	width: 28px;
3110	}
3111
3112	.viewSelector5 {
3113	margin-left: 2px;
3114	margin-top: 2px;
3115	background: url(../images/views.png) -112px 0px;
3116	height: 28px;
3117	width: 28px;
3118	}
3119
3120	.viewSelector6 {
3121	margin-left: 2px;
3122	margin-top: 2px;
3123	background: url(../images/views.png) -336px 0px;
3124	height: 28px;
3125	width: 28px;
3126	}
3127
3128	.viewSelector7 {
3129	margin-left: 2px;
3130	margin-top: 2px;
3131	background: url(../images/views.png) -364px 0px;
3132	height: 28px;
3133	width: 28px;
3134	}
3135
3136	.viewSelector8 {
3137	margin-left: 2px;
3138	margin-top: 2px;
3139	background: url(../images/views.png) -420px 0px;
3140	height: 28px;
3141	width: 28px;
3142	}
3143
3144	.viewSelector9 {
3145	margin-left: 2px;
3146	margin-top: 2px;
3147	background: url(../images/views.png) -448px 0px;
3148	height: 28px;
3149	width: 28px;
3150	}
3151
3152	.viewSelector10 {
3153	margin-left: 2px;
3154	margin-top: 2px;
3155	background: url(../images/views.png) -476px 0px;
3156	height: 28px;
3157	width: 28px;
3158	}
3159
3160	.viewSelector11 {
3161	margin-left: 2px;
3162	margin-top: 2px;
3163	background: url(../images/views.png) -504px 0px;
3164	height: 28px;
3165	width: 28px;
3166	}
3167
3168	.viewSelector12 {
3169	margin-left: 2px;
3170	margin-top: 2px;
3171	background: url(../images/icon-refresh.png) no-repeat center;
3172	height: 28px;
3173	width: 28px;
3174	}
3175
3176	.fulldesk .viewSelector5 {
3177	background: url(../images/views.png) -252px 0px;
3178	}
3179
3180	.backButtonEx {
3181	margin-left: 2px;
3182	margin-top: 2px;
3183	background: url(../images/views.png) -140px 0px;
3184	height: 28px;
3185	width: 28px;
3186	}
3187
3188	.uiSelector {
3189	width: 32px;
3190	height: 32px;
3191	background-color: #BBB;
3192	border-radius: 3px;
3193	float: left;
3194	margin: 3px;
3195	cursor: pointer;
3196	opacity: 0.3;
3197	}
3198
3199	.uiSelector:hover {
3200	opacity: 0.5;
3201	background-color: #AAA;
3202	}
3203
3204	.uiSelector_end {
3205	width: 32px;
3206	height: 32px;
3207	float: left;
3208	margin: 3px;
3209	}
3210
3211	.uiSelectorSel {
3212	background-color: #BBB;
3213	opacity: 0.8;
3214	}
3215
3216	.uiSelector1 {
3217	margin: 2px;
3218	background: url(../images/views.png) -168px 0px;
3219	height: 28px;
3220	width: 28px;
3221	}
3222
3223	.uiSelector2 {
3224	margin: 2px;
3225	background: url(../images/views.png) -196px 0px;
3226	height: 28px;
3227	width: 28px;
3228	}
3229
3230	.uiSelector3 {
3231	margin: 2px;
3232	background: url(../images/views.png) -224px 0px;
3233	height: 28px;
3234	width: 28px;
3235	}
3236
3237	.uiSelector4 {
3238	margin: 2px;
3239	background: url(../images/views.png) -280px 0px;
3240	height: 28px;
3241	width: 28px;
3242	}
3243
3244	.uiSelector5 {
3245	margin: 2px;
3246	background: url(../images/views.png) -308px 0px;
3247	height: 28px;
3248	width: 28px;
3249	}
3250
3251	.uiSelector6 {
3252	margin: 2px;
3253	background: url(../images/views.png) -392px 0px;
3254	height: 28px;
3255	width: 28px;
3256	}
3257
3258	.backButton {
3259	width: 32px;
3260	height: 32px;
3261	background-color: #DDD;
3262	border-radius: 3px;
3263	float: left;
3264	margin-right: 5px;
3265	cursor: pointer;
3266	opacity: 0.3;
3267	}
3268
3269	.backButton:hover {
3270	opacity: 0.5;
3271	background-color: #AAA;
3272	}
3273
3274	.hoverButton {
3275	opacity: 0.5;
3276	width: 10px;
3277	height: 10px;
3278	}
3279
3280	.hoverButton:hover {
3281	opacity: 1;
3282	}
3283
3284	.tagSpan {
3285	background-color: lightgray;
3286	padding: 3px;
3287	border-radius: 5px;
3288	}
3289
3290	.night .tagSpan {
3291	color: black;
3292	}
3293
3294	.suggestionBox {
3295	position:absolute;
3296	background-color: #6CC;
3297	border-radius:4px;
3298	padding:6px;
3299	box-shadow: 0px 0px 15px #666;
3300	}
3301
3302	.suggestionBoxItem {
3303	background-color:#5BB;
3304	padding: 4px;
3305	cursor: pointer;
3306	margin-top: 2px;
3307	margin-bottom: 2px;
3308	border-radius: 4px;
3309	}
3310
3311	.suggestionBoxItem:hover {
3312	background-color:#4AA;
3313	}
3314
3315	.suggestionBoxSubItem {
3316	font-size: 11px;
3317	margin-left: 4px;
3318	color: #555;
3319	}
3320
3321	.traceEvent {
3322	white-space: nowrap;
3323	overflow: hidden;
3324	text-overflow: ellipsis;
3325	margin: 3px 3px 3px 0;
3326	padding: 3px;
3327	border-radius: 3px;
3328	background-color: #DDD;
3329	cursor: pointer;
3330	}
3331
3332	.traceEvent:hover {
3333	background-color:#BBB;
3334	}
3335
3336	.night .traceEvent {
3337	background-color: #222;
3338	}
3339
3340	.p42tblRow {
3341	height: 36px;
3342	max-height: 40px;
3343	}
3344
3345	#p42tbl {
3346	width: 100%;
3347	border-collapse: separate;
3348	border-spacing:0 5px;
3349	}
3350
3351	#p42tbl th, #p7tbl td {
3352	text-align: left;
3353	padding: 4px;
3354	}
3355
3356	#p42tbl .chName {
3357	width: 20%;
3358	}
3359
3360	#p42tbl .chDescription {
3361	width: 38%;
3362	}
3363
3364	#p42tbl .chSite {
3365	width: 7%;
3366	}
3367
3368	#p42tbl .chVersion {
3369	width: 5%;
3370	}
3371
3372	#p42tbl .chUpgradeAvail {
3373	width: 10%;
3374	}
3375
3376	#p42tbl .chStatus {
3377	width: 10%;
3378	}
3379
3380	#p42tbl .chAction {
3381	width: 10%;
3382	}
3383
3384	.pActDisable, .pActDelete, .pActInstall, .pActUpgrade {
3385	cursor: pointer;
3386	}
3387
3388	#addPlugin {
3389	background-image: url(../images/plus32.png);
3390	width: 32px;
3391	height: 32px;
3392	float: right;
3393	cursor: pointer;
3394	margin-right: 12px;
3395	}
3396
3397	#pluginRestartNotice {
3398	/*
3399	width: 40em;
3400	font-weight: bold;
3401	border: 1px solid red;
3402	text-align: center;
3403	padding: 14px;
3404	margin: 50px auto;
3405	*/
3406	}
3407
3408	.pluginContent {
3409	width: 100%;
3410	height: 100%;
3411	}
3412
3413	#p19headers {
3414	padding-right: 7px;
3415	padding-bottom: 10px;
3416	font-weight: bold;
3417	border-bottom: 1px dotted blue;
3418	}
3419
3420	#p19headers > span:nth-child(n+2) {
3421	border-left: 1px solid black;
3422	}
3423
3424	#p19headers > span {
3425	padding-left: 4px;
3426	padding-right: 4px;
3427	cursor: pointer;
3428	font-weight: lighter;
3429	}
3430	#p19headers > span.on {
3431	font-weight: bold;
3432	}
3433
3434	.thermalSensor {
3435	float: left;
3436	padding: 5px;
3437	background-color: gold;
3438	margin-right: 6px;
3439	border-radius: 4px;
3440	margin-bottom: 5px;
3441	}
3442
3443	.night .thermalSensor {
3444	color: #000;
3445	}
3446
3447	.desktopButtons {
3448	padding-top: 2px;
3449	}
3450
3451	.night .desktopButtons {
3452	filter: invert(60%);
3453	-webkit-filter: invert(60%);
3454	}
3455
3456
3457	.dtab {
3458	overflow: hidden;
3459	border-bottom: 1px solid #ccc;
3460	background-color: #f1f1f1;
3461	}
3462
3463	.dtab button {
3464	background-color: inherit;
3465	float: left;
3466	border: none;
3467	outline: none;
3468	cursor: pointer;
3469	padding: 4px 6px;
3470	transition: 0.3s;
3471	}
3472
3473	.dtab button:hover {
3474	background-color: #ddd;
3475	}
3476
3477	.dtab button.active {
3478	background-color: #ccc;
3479	}
3480
3481	.dtabcontent {
3482	display: none;
3483	padding: 6px 12px;
3484	border: 1px solid #ccc;
3485	border-top: none;
3486	}
3487
3488	#notesPanel table {
3489	color: black;
3490	background-color: #EEE;
3491	border-color: #AAA;
3492	border-width: 1px;
3493	border-style: solid;
3494	border-collapse: collapse;
3495	width: 100%;
3496	}
3497
3498	#notesPanel thead {
3499	background-color: #AAA;
3500	font-weight: bold;
3501	}
3502
3503	#notesPanel thead tr {
3504	background-color: #AAA;
3505	font-weight: bold;
3506	}