1$app-icons: (
2 addressbook: contacts_alt1,
3 calendar: calendar_lg,
4 summary: task_manager_lg,
5 groups: contacts_lg,
6 users: contacts_lg,
7 workflow: photoaffix,
8 tasks: quickmemo_lg,
9 tickets: google_messenger_red,
10 files: explorer,
11 notes: color_note,
12 timeregistration2: clock_lg,
13 leavedays: chronus,
14 bookmarks: browser,
15 site: browser,
16 cron: studio_lg,
17 customfields: instapaper_alt,
18 billing: google_opinion_rewards_alt,
19 modules: google_play_services,
20 tools: settings_lg,
21 projects2: android_for_work,
22 email: email_alt,
23 postfixadmin: boxer_email,
24 filesearch: applicationreader,
25 hoursapproval2: clock_green,
26 admin2userlogin: contacts,
27 voip: dialer_green,
28 announcements: we_chat,
29 reminders: bell,
30 zpushadmin:phone_blue_grey,
31 log: notebook_lg,
32);
33
34
35//#startMenu {
36//	@each $module, $icon in $app-icons {
37//		.go-module-icon-#{$module}, .go-menu-icon-#{$module}{
38//			background-image:url('img/icons/#{$icon}.png') !important;
39//		}
40//	}
41//}
42/*
43#startMenu.x-menu {
44	width: 100%;
45	max-height:100%;
46	height:100%;
47	opacity: 1;
48	transition: opacity 300ms $curve-sharp;
49	background-color: color($bg, 'app-bar');
50	&.x-hide-offsets {
51		opacity: 0;
52		ul {
53			transform: scale(.9);
54		}
55	}
56	ul {
57		box-sizing: border-box;
58		padding: dp(32) 20%;
59		transform: scale(1);
60		transition: transform 200ms $curve-sharp;
61		margin: 0 auto;
62		height:auto !important;
63		max-height: 100%;
64		text-align: justify;
65		overflow-y: auto;
66	}
67	a.x-menu-item{
68		padding:0;
69		height: dp(112);
70		width: dp(128);
71		margin:0 !important;
72		cursor: pointer;
73
74	}
75	#x-menu-el-go-start-menu-admin-menu {
76		width: 100%;
77		padding: dp(16) dp(40);
78		margin:0;
79		.menu-title {
80			color: white;
81			text-align:left;
82			padding:0;
83			border-bottom: 1px solid color($fg-dark, 'divider');
84		}
85	}
86	li {
87		border-radius: 4px;
88		text-align:center;
89		margin: dp(8) dp(24);
90		display:inline-block;
91	}
92	img {
93		cursor: pointer;
94		width: dp(72);
95		height: dp(72);
96		padding: 0;
97		background-position: center center;
98		background-size:contain;
99	}
100	.x-menu-item-text {
101		@extend %font-data;
102		display:block;
103		text-overflow: ellipsis;
104		overflow: hidden;
105		white-space: nowrap;
106		color: white;
107		text-shadow: 0px 1px 0px color($fg, 'unfocused');
108	}
109	.x-menu-scroller {
110		height: 0px;
111	}
112	.x-menu-item-active{
113		background-color: color($fg, 'unfocused');
114	}
115}
116*/
117
118.go-model-icon{
119	&-GO_Addressbook_Model_Contact {
120		background-image: url('images/16x16/contact.png') !important;
121		width:16px;
122		height:16px;
123	}
124	&-GO_Addressbook_Model_Company
125	{
126		background-image: url('images/16x16/company.png') !important;
127		width:16px;
128		height:16px;
129	}
130	&-GO_Addressbook_Model_Addresslist{
131		background-image: url('images/16x16/templates.png') !important;
132		width:16px;
133		height:16px;
134	}
135}
136
137// TICKETS
138.ti-seen, .ti-unseen, .ti-late {
139	td.x-grid3-td-first_column .x-grid3-cell-inner {
140		padding: 0;
141	}
142}
143
144
145// EMAIL
146.ml-unseen-row {
147	//background-color:white;
148}
149.ml-unseen-from {
150	font-weight: bold;
151}
152.ml-unseen-subject {
153	font-weight: normal;
154}
155
156.ml-seen-subject, .ml-unseen-subject {
157	@extend %font-body2;
158}
159
160
161.x-tree-node .ml-folder-unseen a .em-folder-status { // badge
162	@extend %badge;
163
164}
165.em-folder-status {
166	float:right;
167}
168
169.ml-unseen-dot {
170	@include var(background-color, c-primary);
171	width: 9px;
172	height: 9px;
173	margin: dp(2);
174	border-radius: 50%;
175	float: right;
176}
177
178.x-grid3-col-icon {
179	text-overflow: initial;
180	white-space: normal;
181	i {
182		font-size: dp(16);
183		float: right;
184		width: dp(16);
185		height: dp(16);
186		color: color($fg, 'secondary-text');
187	}
188}
189
190.x-grid3-col-icon {
191		i {
192			&.em-flag {
193				color: $cDanger;
194			}
195	}
196}
197
198.message-body {
199	background-color: white;
200	position: relative;
201
202	p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
203	{
204		margin-top:0cm;
205		margin-right:0cm;
206		margin-bottom:0cm;
207		margin-left:36.0pt;
208		margin-bottom:.0001pt;
209		font-size:11.0pt;
210	}
211
212	.msg {
213		padding: dp(16);
214	}
215}
216
217#email-message-panel {
218	.x-panel-body {
219		background-color: color($bg, 'box');
220	}
221}
222
223.message-header-table{
224	float:left;
225	margin-right: dp(72);
226	margin-bottom: dp(8);
227}
228
229.message-header {
230	position: relative;
231	border-bottom:1px solid color($fg, "line");
232	padding: dp(8) dp(16);
233
234	b {
235		@extend %font-caption;
236	}
237
238	.avatar {
239		width: dp(64);
240		height: dp(64);
241		line-height: dp(64);
242		font-size: dp(24);
243		position: absolute;
244		top: dp(16);
245		right: dp(16);
246	}
247
248	.x-form-checkbox {
249		margin-left: 0;
250	}
251}
252
253.mo-description {
254	padding-left: dp(40);
255}
256
257
258
259.cal-has-links{
260	//background:url(../../../../views/Extjs3/themes/Default/images/attach.gif) no-repeat center 3px;
261	@extend %icon;
262	font-size: dp(16);
263	&:before {
264		content: "link";
265	}
266	float:right;
267}
268
269.go-attachments {
270	span {
271		cursor: pointer;
272
273		&.x-view-selected {
274			background-color: color($bg, 'selected');
275		}
276		&.x-view-over {
277			background-color: color($bg, 'hover');
278		}
279
280		i {
281			cursor: pointer;
282			display: none;
283		}
284		&.x-view-selected, &.x-view-over {
285			i {
286				display: inline-block;
287			}
288		}
289	}
290}
291
292//Bookmarks
293.chooseIcon {
294	margin-top:10px;
295	margin-left:50%;
296	position:relative;
297	display:inline-block;
298	padding:0;
299	background: url(#{$resourcePath}img/default-avatar.svg) no-repeat center center;
300	background-size:cover;
301	border-radius: 50%;
302	width:dp(40);
303	height: dp(40);
304	font-size: dp(28);
305	text-align: center;
306
307	.icon {
308		color: red;
309		line-height: dp(40);
310		font-size: inherit;
311		height: 100%;
312		width: 100%;
313	}
314
315	.go-detail-view & {
316		//float:left; ?? why?
317		margin-top:dp(4);
318		margin-right: dp(16);
319	}
320
321	.x-btn {
322		border: 0;
323	}
324
325	&.group {
326		&::before {
327			content: "group";
328		}
329		background: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.24));
330	}
331}
332