1/* disabled buttons */
2input.submit:disabled,
3input.submit:disabled:hover,
4button.submit:disabled,
5button.submit:disabled:hover {
6	background: #F6F6F6;
7	cursor: default;
8	color: gray;
9}
10
11.ilFormOption.ilFormOptionHidden {
12	width: 1px;
13	padding: 0;
14}
15.ilFormOption.ilFormOptionHidden > label {
16	display: none;
17}
18
19/* upload panel */
20#ilFileUploadPanel {
21    overflow: auto;
22    position: fixed;
23    top: 0;
24    bottom: 0;
25    right: 0;
26    width: 500px;
27    height: 100%;
28    -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, .2);
29    box-shadow: -2px 0 5px rgba(0, 0, 0, .2);
30	z-index: 2000;
31}
32
33div.ilFileUploadHeader {
34    background-color: #F0F0F0;
35    margin-bottom: 5px;
36    padding: 5px 10px;
37}
38h3.ilFileUploadHeader {
39    font-size: 110%;
40    color: #606060;
41    display: inline;
42}
43
44.ilFileUploadToolbar {
45    padding: 5px 10px 0 10px;
46}
47.ilFileUploadStart {
48	padding: 8px 10px;
49	font-size: 90%;
50}
51.ilFileUploadCancel {
52	padding: 8px 10px;
53	font-size: 90%;
54    cursor: pointer;
55}
56.ilFileUploadPanelClose {
57    position: absolute;
58    right: 5px;
59    top: 3px;
60    width: 21px;
61    height: 21px;
62    background: transparent url(images/close_sprite.png) no-repeat 0 0;
63    padding: 0;
64}
65.ilFileUploadPanelClose:hover {
66    background-position: -50px 0;
67}
68
69/* container */
70.ilFileUploadContainer {
71    padding: 15px;
72    /* reset font back to 100% because ilFormValue is applied twice */
73    font-size: 1.1111em;
74}
75
76/* file list */
77.ilFileUploadList {
78	padding: 0 0 10px 0;
79    display: none;
80}
81
82.ilFileUploadListTitle {
83	padding: 3px 0 8px 0;
84	font-size: 90%;
85}
86
87#ilFileUploadLists {
88}
89#ilFileUploadLists .ilFileUploadList {
90    margin-top: 15px;
91    display: block;
92}
93#ilFileUploadLists .ilFileUploadListTitle {
94    color: #606060;
95    background-color: #F0F0F0;
96    padding: 5px 10px;
97    font-weight: normal;
98}
99#ilFileUploadLists .ilFileUploadEntry {
100    border-left: none;
101    border-right: none;
102}
103
104/* drop zone */
105.ilFileUploadDropArea {
106	text-align: center;
107	padding-bottom: 10px;
108	font-size: 90%;
109}
110.ilFileUploadDropZone {
111    padding: 55px 20px 45px 20px;
112    border: 3px #C0C0C0 dashed;
113    text-align: center;
114    -moz-border-radius: 8px;
115    -webkit-border-radius: 8px;
116    border-radius: 8px;
117    background: #FFFFFF;
118}
119.ilFileUploadFileCount {
120    font-weight: bold;
121    display: none;
122}
123
124.ilFileDropTarget {
125    position: relative;
126}
127
128.ilFileDropTargetOverlay {
129    border: 3px dashed #C0C0C0;
130    -moz-border-radius: 8px;
131    -webkit-border-radius: 8px;
132    border-radius: 8px;
133    position: absolute;
134    left: 2px;
135    top: 2px;
136    right: 2px;
137    bottom: 2px;
138    background-color: #FFFFD6;
139    display: none;
140    opacity: 0.7;
141}
142.ilFileDropTargetOverlayText {
143    color: #606060;
144    font-size: 85%;
145    font-weight: bold;
146    position: absolute;
147    width: 100%;
148    top: 50%;
149    text-align: center;
150    line-height: 24px;
151    height: 24px;
152    margin: 0 auto;
153    margin-top: -12px;
154}
155.ilFileDropTargetOverlayImage {
156    background: transparent url(images/drop_here.png) no-repeat center center;
157    width: 26px;
158    height: 26px;
159    padding-right: 3px;
160    display: inline-block;
161    vertical-align: -8px;
162}
163.ilFileDragOver {
164    border-color: #606060;
165    background-color: #FFF9BC;
166}
167
168/* status styles */
169.ilFileUploadNewEntry {
170}
171.ilFileUploadSuccess {
172}
173.ilFileUploadError {
174}
175.ilFileUploadNoUpload {
176}
177.ilFileUploadEntryExpanded {
178}
179
180/* file table */
181.ilFileUploadEntry {
182	position: relative;
183	background: white;
184	table-layout: auto;
185	border: 1px solid #EAEAEA;
186	margin: 5px 0;
187    width: 100%;
188    border-collapse: collapse;
189}
190.ilFileUploadEntry td {
191	vertical-align: top;
192	padding: 4px 8px;
193}
194
195/* file header */
196.ilFileUploadEntryHeader {
197    font-size: 90%;
198    cursor: pointer;
199}
200.ilFileUploadEntryHeader:hover {
201	background: #FFFFC9;
202}
203.ilFileUploadNewEntry .ilFileUploadEntryHeader {
204    background: #FFFFC9;
205}
206.ilFileUploadError .ilFileUploadEntryHeader {
207	background: #FFEFEF;
208	cursor: default;
209}
210.ilFileUploadError .ilFileUploadEntryHeader:hover {
211	background: #FFEFEF;
212	cursor: default;
213}
214.ilFileUploadEntryHeader td {
215	border-bottom: 1px solid #EAEAEA;
216}
217
218/* file header filename */
219td.ilFileUploadEntryFileName {
220	text-align: left;
221	background-image: url(../../../../templates/default/images/tree_col.svg);
222	background-position: 3px 5px;
223	background-repeat: no-repeat;
224	background-size: 20px;
225	padding: 7px 8px 6px 24px;
226	line-height: 1.35em;
227}
228.ilFileUploadEntryExpanded td.ilFileUploadEntryFileName {
229	background-image: url(../../../../templates/default/images/tree_exp.svg);
230}
231.ilFileUploadError td.ilFileUploadEntryFileName {
232	background-image: url(../../../../templates/default/images/icon_alert.svg);
233	background-position: 2px 5px;
234	background-size: 20px;
235	font-weight: normal;
236	padding-left: 24px;
237}
238
239/* file header error */
240.ilFileUploadEntryError {
241    font-size: 90%;
242}
243.ilFileUploadEntryErrorText {
244    font-weight: bold;
245}
246
247/* file header progress */
248.ilFileUploadEntryProgress {
249	text-align: center;
250	width: 100px;
251	padding-top: 3px;
252}
253.ilFileUploadEntryProgressBack {
254	position: relative;
255	display: block;
256	background: white;
257	width: 100%;
258	border: 1px solid #D6D6D6;
259	overflow: hidden;
260	line-height: 19px;
261}
262.ilFileUploadNoUpload .ilFileUploadEntryProgressBack {
263	background: transparent;
264	border-color: transparent;
265}
266.ilFileUploadEntryProgressBar {
267	position: absolute;
268	top: 0;
269	left: 0;
270	display: block;
271	width: 0;
272	height: 50px;
273	background: #C3E3FF url(images/progressbar.gif) repeat 0 0;
274}
275.ilFileUploadEntryProgressPercent {
276	position: absolute;
277	top: 0;
278	left: 0;
279	display: block;
280	width: 100%;
281	line-height: 19px;
282}
283
284/* file header button */
285.ilFileUploadEntryCancel {
286	text-align: center;
287	width: 22px;
288	padding: 3px;
289	white-space: nowrap;
290}
291.ilFileUploadEntryCancel input.submit {
292	font-weight: bold;
293	padding: 2px 0;
294	width: 22px;
295	text-align: center;
296	line-height: 15px;
297}
298.ilFileUploadSuccess .ilFileUploadEntryCancel {
299    background: transparent url(../../../../templates/default/images/icon_ok.svg) no-repeat 2px 50%;
300}
301
302/* file options */
303.ilFileUploadEntryOptions {
304	background: #FCFDFC;
305}
306.ilFileUploadEntryOptionsTable {
307    width: 100%;
308    border-collapse: collapse;
309	background: transparent;
310}
311.ilFileUploadEntryOptions .ilFormOption {
312    -moz-box-sizing: border-box;
313    -webkit-box-sizing: border-box;
314    box-sizing: border-box;
315    min-width: 180px;
316    max-width: 180px;
317    width: 180px;
318}
319.ilFileUploadEntryOptions .ilFormValue input[type=text],
320.ilFileUploadEntryOptions .ilFormValue textarea {
321    -moz-box-sizing: border-box;
322    -webkit-box-sizing: border-box;
323    box-sizing: border-box;
324    min-width: 100%;
325    max-width: 100%;
326    width: 100%;
327}
328.ilFileUploadEntryOptions .form-group {
329    clear: both;
330}
331
332/* toggle options */
333.ilFileUploadToggleOptions {
334	float: right;
335	text-align: right;
336	font-size: 85%;
337}
338
339/* file select button */
340.ilFileUploadDropAlternative {
341	padding: 0 0 10px 0;
342	margin-bottom: 10px;
343	text-align: center;
344}
345
346.ilFileUploadDropAlternative a.submit,
347.ilFileUploadDropAlternative a.submit:hover {
348	position: relative;
349	cursor: pointer;
350	overflow: hidden;
351	font-size: 90%;
352	vertical-align: top;
353	display: inline-block;
354	padding: 0 15px;
355	height: 40px;
356	line-height: 40px;
357}
358
359.ilFileUploadDropAlternative a.submit img {
360	vertical-align: -6px;
361}
362
363.ilFileUploadDropAlternative a.submit input {
364	padding: 0;
365	margin: 0;
366	cursor: pointer;
367	position: absolute;
368	top: -10px;
369	right: -10px;
370	border: 0;
371	direction: ltr;
372	z-index: 2;
373	/* line height should match container */
374	height: 60px;
375	line-height: 60px;
376	/* big font size is needed to make the button big enough */
377	font-size: 100px !important;
378	/* reset font for IE7 as it does wrong height calculation (IE7)
379	   and make the button bigger to match the width of the visible button */
380	*font-size: 11px !important;
381	*zoom: 5;
382	/* hide the input field, it's still clickable though */
383	-ms-filter: "alpha(opacity=0)";
384	filter: alpha(opacity=0);
385	opacity: 0.0;
386}
387
388.ilFileUploadDropAlternative a.disabled,
389.ilFileUploadDropAlternative a.disabled:hover {
390	background: #F6F6F6;
391	cursor: default;
392	color: gray;
393}
394.ilFileUploadDropAlternative a.disabled input {
395	cursor: default;
396}
397