commonroutesServer/app/www/lib/ionic/css/ionic.css
app/www/lib/ionic/css/ionic.cssRaw
1@charset "UTF-8";
2/*!
3 * Copyright 2015 Drifty Co.
4 * http://drifty.com/
5 *
6 * Ionic, v1.3.1
7 * A powerful HTML5 mobile app framework.
8 * http://ionicframework.com/
9 *
10 * By @maxlynch, @benjsperry, @adamdbradley <3
11 *
12 * Licensed under the MIT license. Please see LICENSE for more information.
13 *
14 */
15/*!
16 Ionicons, v2.0.1
17 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
18 https://twitter.com/benjsperry https://twitter.com/ionicframework
19 MIT License: https://github.com/driftyco/ionicons
20
21 Android-style icons originally built by Google’s
22 Material Design Icons: https://github.com/google/material-design-icons
23 used under CC BY http://creativecommons.org/licenses/by/4.0/
24 Modified icons to fit ionicon’s grid from original.
25*/
26@font-face {
27 font-family: "Ionicons";
28 src: url("../fonts/ionicons.eot?v=2.0.1");
29 src: url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("../fonts/ionicons.woff?v=2.0.1") format("woff"), url("../fonts/ionicons.woff") format("woff"), url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
30 font-weight: normal;
31 font-style: normal; }
32
33.ion, .ionicons,
34.ion-alert:before,
35.ion-alert-circled:before,
36.ion-android-add:before,
37.ion-android-add-circle:before,
38.ion-android-alarm-clock:before,
39.ion-android-alert:before,
40.ion-android-apps:before,
41.ion-android-archive:before,
42.ion-android-arrow-back:before,
43.ion-android-arrow-down:before,
44.ion-android-arrow-dropdown:before,
45.ion-android-arrow-dropdown-circle:before,
46.ion-android-arrow-dropleft:before,
47.ion-android-arrow-dropleft-circle:before,
48.ion-android-arrow-dropright:before,
49.ion-android-arrow-dropright-circle:before,
50.ion-android-arrow-dropup:before,
51.ion-android-arrow-dropup-circle:before,
52.ion-android-arrow-forward:before,
53.ion-android-arrow-up:before,
54.ion-android-attach:before,
55.ion-android-bar:before,
56.ion-android-bicycle:before,
57.ion-android-boat:before,
58.ion-android-bookmark:before,
59.ion-android-bulb:before,
60.ion-android-bus:before,
61.ion-android-calendar:before,
62.ion-android-call:before,
63.ion-android-camera:before,
64.ion-android-cancel:before,
65.ion-android-car:before,
66.ion-android-cart:before,
67.ion-android-chat:before,
68.ion-android-checkbox:before,
69.ion-android-checkbox-blank:before,
70.ion-android-checkbox-outline:before,
71.ion-android-checkbox-outline-blank:before,
72.ion-android-checkmark-circle:before,
73.ion-android-clipboard:before,
74.ion-android-close:before,
75.ion-android-cloud:before,
76.ion-android-cloud-circle:before,
77.ion-android-cloud-done:before,
78.ion-android-cloud-outline:before,
79.ion-android-color-palette:before,
80.ion-android-compass:before,
81.ion-android-contact:before,
82.ion-android-contacts:before,
83.ion-android-contract:before,
84.ion-android-create:before,
85.ion-android-delete:before,
86.ion-android-desktop:before,
87.ion-android-document:before,
88.ion-android-done:before,
89.ion-android-done-all:before,
90.ion-android-download:before,
91.ion-android-drafts:before,
92.ion-android-exit:before,
93.ion-android-expand:before,
94.ion-android-favorite:before,
95.ion-android-favorite-outline:before,
96.ion-android-film:before,
97.ion-android-folder:before,
98.ion-android-folder-open:before,
99.ion-android-funnel:before,
100.ion-android-globe:before,
101.ion-android-hand:before,
102.ion-android-hangout:before,
103.ion-android-happy:before,
104.ion-android-home:before,
105.ion-android-image:before,
106.ion-android-laptop:before,
107.ion-android-list:before,
108.ion-android-locate:before,
109.ion-android-lock:before,
110.ion-android-mail:before,
111.ion-android-map:before,
112.ion-android-menu:before,
113.ion-android-microphone:before,
114.ion-android-microphone-off:before,
115.ion-android-more-horizontal:before,
116.ion-android-more-vertical:before,
117.ion-android-navigate:before,
118.ion-android-notifications:before,
119.ion-android-notifications-none:before,
120.ion-android-notifications-off:before,
121.ion-android-open:before,
122.ion-android-options:before,
123.ion-android-people:before,
124.ion-android-person:before,
125.ion-android-person-add:before,
126.ion-android-phone-landscape:before,
127.ion-android-phone-portrait:before,
128.ion-android-pin:before,
129.ion-android-plane:before,
130.ion-android-playstore:before,
131.ion-android-print:before,
132.ion-android-radio-button-off:before,
133.ion-android-radio-button-on:before,
134.ion-android-refresh:before,
135.ion-android-remove:before,
136.ion-android-remove-circle:before,
137.ion-android-restaurant:before,
138.ion-android-sad:before,
139.ion-android-search:before,
140.ion-android-send:before,
141.ion-android-settings:before,
142.ion-android-share:before,
143.ion-android-share-alt:before,
144.ion-android-star:before,
145.ion-android-star-half:before,
146.ion-android-star-outline:before,
147.ion-android-stopwatch:before,
148.ion-android-subway:before,
149.ion-android-sunny:before,
150.ion-android-sync:before,
151.ion-android-textsms:before,
152.ion-android-time:before,
153.ion-android-train:before,
154.ion-android-unlock:before,
155.ion-android-upload:before,
156.ion-android-volume-down:before,
157.ion-android-volume-mute:before,
158.ion-android-volume-off:before,
159.ion-android-volume-up:before,
160.ion-android-walk:before,
161.ion-android-warning:before,
162.ion-android-watch:before,
163.ion-android-wifi:before,
164.ion-aperture:before,
165.ion-archive:before,
166.ion-arrow-down-a:before,
167.ion-arrow-down-b:before,
168.ion-arrow-down-c:before,
169.ion-arrow-expand:before,
170.ion-arrow-graph-down-left:before,
171.ion-arrow-graph-down-right:before,
172.ion-arrow-graph-up-left:before,
173.ion-arrow-graph-up-right:before,
174.ion-arrow-left-a:before,
175.ion-arrow-left-b:before,
176.ion-arrow-left-c:before,
177.ion-arrow-move:before,
178.ion-arrow-resize:before,
179.ion-arrow-return-left:before,
180.ion-arrow-return-right:before,
181.ion-arrow-right-a:before,
182.ion-arrow-right-b:before,
183.ion-arrow-right-c:before,
184.ion-arrow-shrink:before,
185.ion-arrow-swap:before,
186.ion-arrow-up-a:before,
187.ion-arrow-up-b:before,
188.ion-arrow-up-c:before,
189.ion-asterisk:before,
190.ion-at:before,
191.ion-backspace:before,
192.ion-backspace-outline:before,
193.ion-bag:before,
194.ion-battery-charging:before,
195.ion-battery-empty:before,
196.ion-battery-full:before,
197.ion-battery-half:before,
198.ion-battery-low:before,
199.ion-beaker:before,
200.ion-beer:before,
201.ion-bluetooth:before,
202.ion-bonfire:before,
203.ion-bookmark:before,
204.ion-bowtie:before,
205.ion-briefcase:before,
206.ion-bug:before,
207.ion-calculator:before,
208.ion-calendar:before,
209.ion-camera:before,
210.ion-card:before,
211.ion-cash:before,
212.ion-chatbox:before,
213.ion-chatbox-working:before,
214.ion-chatboxes:before,
215.ion-chatbubble:before,
216.ion-chatbubble-working:before,
217.ion-chatbubbles:before,
218.ion-checkmark:before,
219.ion-checkmark-circled:before,
220.ion-checkmark-round:before,
221.ion-chevron-down:before,
222.ion-chevron-left:before,
223.ion-chevron-right:before,
224.ion-chevron-up:before,
225.ion-clipboard:before,
226.ion-clock:before,
227.ion-close:before,
228.ion-close-circled:before,
229.ion-close-round:before,
230.ion-closed-captioning:before,
231.ion-cloud:before,
232.ion-code:before,
233.ion-code-download:before,
234.ion-code-working:before,
235.ion-coffee:before,
236.ion-compass:before,
237.ion-compose:before,
238.ion-connection-bars:before,
239.ion-contrast:before,
240.ion-crop:before,
241.ion-cube:before,
242.ion-disc:before,
243.ion-document:before,
244.ion-document-text:before,
245.ion-drag:before,
246.ion-earth:before,
247.ion-easel:before,
248.ion-edit:before,
249.ion-egg:before,
250.ion-eject:before,
251.ion-email:before,
252.ion-email-unread:before,
253.ion-erlenmeyer-flask:before,
254.ion-erlenmeyer-flask-bubbles:before,
255.ion-eye:before,
256.ion-eye-disabled:before,
257.ion-female:before,
258.ion-filing:before,
259.ion-film-marker:before,
260.ion-fireball:before,
261.ion-flag:before,
262.ion-flame:before,
263.ion-flash:before,
264.ion-flash-off:before,
265.ion-folder:before,
266.ion-fork:before,
267.ion-fork-repo:before,
268.ion-forward:before,
269.ion-funnel:before,
270.ion-gear-a:before,
271.ion-gear-b:before,
272.ion-grid:before,
273.ion-hammer:before,
274.ion-happy:before,
275.ion-happy-outline:before,
276.ion-headphone:before,
277.ion-heart:before,
278.ion-heart-broken:before,
279.ion-help:before,
280.ion-help-buoy:before,
281.ion-help-circled:before,
282.ion-home:before,
283.ion-icecream:before,
284.ion-image:before,
285.ion-images:before,
286.ion-information:before,
287.ion-information-circled:before,
288.ion-ionic:before,
289.ion-ios-alarm:before,
290.ion-ios-alarm-outline:before,
291.ion-ios-albums:before,
292.ion-ios-albums-outline:before,
293.ion-ios-americanfootball:before,
294.ion-ios-americanfootball-outline:before,
295.ion-ios-analytics:before,
296.ion-ios-analytics-outline:before,
297.ion-ios-arrow-back:before,
298.ion-ios-arrow-down:before,
299.ion-ios-arrow-forward:before,
300.ion-ios-arrow-left:before,
301.ion-ios-arrow-right:before,
302.ion-ios-arrow-thin-down:before,
303.ion-ios-arrow-thin-left:before,
304.ion-ios-arrow-thin-right:before,
305.ion-ios-arrow-thin-up:before,
306.ion-ios-arrow-up:before,
307.ion-ios-at:before,
308.ion-ios-at-outline:before,
309.ion-ios-barcode:before,
310.ion-ios-barcode-outline:before,
311.ion-ios-baseball:before,
312.ion-ios-baseball-outline:before,
313.ion-ios-basketball:before,
314.ion-ios-basketball-outline:before,
315.ion-ios-bell:before,
316.ion-ios-bell-outline:before,
317.ion-ios-body:before,
318.ion-ios-body-outline:before,
319.ion-ios-bolt:before,
320.ion-ios-bolt-outline:before,
321.ion-ios-book:before,
322.ion-ios-book-outline:before,
323.ion-ios-bookmarks:before,
324.ion-ios-bookmarks-outline:before,
325.ion-ios-box:before,
326.ion-ios-box-outline:before,
327.ion-ios-briefcase:before,
328.ion-ios-briefcase-outline:before,
329.ion-ios-browsers:before,
330.ion-ios-browsers-outline:before,
331.ion-ios-calculator:before,
332.ion-ios-calculator-outline:before,
333.ion-ios-calendar:before,
334.ion-ios-calendar-outline:before,
335.ion-ios-camera:before,
336.ion-ios-camera-outline:before,
337.ion-ios-cart:before,
338.ion-ios-cart-outline:before,
339.ion-ios-chatboxes:before,
340.ion-ios-chatboxes-outline:before,
341.ion-ios-chatbubble:before,
342.ion-ios-chatbubble-outline:before,
343.ion-ios-checkmark:before,
344.ion-ios-checkmark-empty:before,
345.ion-ios-checkmark-outline:before,
346.ion-ios-circle-filled:before,
347.ion-ios-circle-outline:before,
348.ion-ios-clock:before,
349.ion-ios-clock-outline:before,
350.ion-ios-close:before,
351.ion-ios-close-empty:before,
352.ion-ios-close-outline:before,
353.ion-ios-cloud:before,
354.ion-ios-cloud-download:before,
355.ion-ios-cloud-download-outline:before,
356.ion-ios-cloud-outline:before,
357.ion-ios-cloud-upload:before,
358.ion-ios-cloud-upload-outline:before,
359.ion-ios-cloudy:before,
360.ion-ios-cloudy-night:before,
361.ion-ios-cloudy-night-outline:before,
362.ion-ios-cloudy-outline:before,
363.ion-ios-cog:before,
364.ion-ios-cog-outline:before,
365.ion-ios-color-filter:before,
366.ion-ios-color-filter-outline:before,
367.ion-ios-color-wand:before,
368.ion-ios-color-wand-outline:before,
369.ion-ios-compose:before,
370.ion-ios-compose-outline:before,
371.ion-ios-contact:before,
372.ion-ios-contact-outline:before,
373.ion-ios-copy:before,
374.ion-ios-copy-outline:before,
375.ion-ios-crop:before,
376.ion-ios-crop-strong:before,
377.ion-ios-download:before,
378.ion-ios-download-outline:before,
379.ion-ios-drag:before,
380.ion-ios-email:before,
381.ion-ios-email-outline:before,
382.ion-ios-eye:before,
383.ion-ios-eye-outline:before,
384.ion-ios-fastforward:before,
385.ion-ios-fastforward-outline:before,
386.ion-ios-filing:before,
387.ion-ios-filing-outline:before,
388.ion-ios-film:before,
389.ion-ios-film-outline:before,
390.ion-ios-flag:before,
391.ion-ios-flag-outline:before,
392.ion-ios-flame:before,
393.ion-ios-flame-outline:before,
394.ion-ios-flask:before,
395.ion-ios-flask-outline:before,
396.ion-ios-flower:before,
397.ion-ios-flower-outline:before,
398.ion-ios-folder:before,
399.ion-ios-folder-outline:before,
400.ion-ios-football:before,
401.ion-ios-football-outline:before,
402.ion-ios-game-controller-a:before,
403.ion-ios-game-controller-a-outline:before,
404.ion-ios-game-controller-b:before,
405.ion-ios-game-controller-b-outline:before,
406.ion-ios-gear:before,
407.ion-ios-gear-outline:before,
408.ion-ios-glasses:before,
409.ion-ios-glasses-outline:before,
410.ion-ios-grid-view:before,
411.ion-ios-grid-view-outline:before,
412.ion-ios-heart:before,
413.ion-ios-heart-outline:before,
414.ion-ios-help:before,
415.ion-ios-help-empty:before,
416.ion-ios-help-outline:before,
417.ion-ios-home:before,
418.ion-ios-home-outline:before,
419.ion-ios-infinite:before,
420.ion-ios-infinite-outline:before,
421.ion-ios-information:before,
422.ion-ios-information-empty:before,
423.ion-ios-information-outline:before,
424.ion-ios-ionic-outline:before,
425.ion-ios-keypad:before,
426.ion-ios-keypad-outline:before,
427.ion-ios-lightbulb:before,
428.ion-ios-lightbulb-outline:before,
429.ion-ios-list:before,
430.ion-ios-list-outline:before,
431.ion-ios-location:before,
432.ion-ios-location-outline:before,
433.ion-ios-locked:before,
434.ion-ios-locked-outline:before,
435.ion-ios-loop:before,
436.ion-ios-loop-strong:before,
437.ion-ios-medical:before,
438.ion-ios-medical-outline:before,
439.ion-ios-medkit:before,
440.ion-ios-medkit-outline:before,
441.ion-ios-mic:before,
442.ion-ios-mic-off:before,
443.ion-ios-mic-outline:before,
444.ion-ios-minus:before,
445.ion-ios-minus-empty:before,
446.ion-ios-minus-outline:before,
447.ion-ios-monitor:before,
448.ion-ios-monitor-outline:before,
449.ion-ios-moon:before,
450.ion-ios-moon-outline:before,
451.ion-ios-more:before,
452.ion-ios-more-outline:before,
453.ion-ios-musical-note:before,
454.ion-ios-musical-notes:before,
455.ion-ios-navigate:before,
456.ion-ios-navigate-outline:before,
457.ion-ios-nutrition:before,
458.ion-ios-nutrition-outline:before,
459.ion-ios-paper:before,
460.ion-ios-paper-outline:before,
461.ion-ios-paperplane:before,
462.ion-ios-paperplane-outline:before,
463.ion-ios-partlysunny:before,
464.ion-ios-partlysunny-outline:before,
465.ion-ios-pause:before,
466.ion-ios-pause-outline:before,
467.ion-ios-paw:before,
468.ion-ios-paw-outline:before,
469.ion-ios-people:before,
470.ion-ios-people-outline:before,
471.ion-ios-person:before,
472.ion-ios-person-outline:before,
473.ion-ios-personadd:before,
474.ion-ios-personadd-outline:before,
475.ion-ios-photos:before,
476.ion-ios-photos-outline:before,
477.ion-ios-pie:before,
478.ion-ios-pie-outline:before,
479.ion-ios-pint:before,
480.ion-ios-pint-outline:before,
481.ion-ios-play:before,
482.ion-ios-play-outline:before,
483.ion-ios-plus:before,
484.ion-ios-plus-empty:before,
485.ion-ios-plus-outline:before,
486.ion-ios-pricetag:before,
487.ion-ios-pricetag-outline:before,
488.ion-ios-pricetags:before,
489.ion-ios-pricetags-outline:before,
490.ion-ios-printer:before,
491.ion-ios-printer-outline:before,
492.ion-ios-pulse:before,
493.ion-ios-pulse-strong:before,
494.ion-ios-rainy:before,
495.ion-ios-rainy-outline:before,
496.ion-ios-recording:before,
497.ion-ios-recording-outline:before,
498.ion-ios-redo:before,
499.ion-ios-redo-outline:before,
500.ion-ios-refresh:before,
501.ion-ios-refresh-empty:before,
502.ion-ios-refresh-outline:before,
503.ion-ios-reload:before,
504.ion-ios-reverse-camera:before,
505.ion-ios-reverse-camera-outline:before,
506.ion-ios-rewind:before,
507.ion-ios-rewind-outline:before,
508.ion-ios-rose:before,
509.ion-ios-rose-outline:before,
510.ion-ios-search:before,
511.ion-ios-search-strong:before,
512.ion-ios-settings:before,
513.ion-ios-settings-strong:before,
514.ion-ios-shuffle:before,
515.ion-ios-shuffle-strong:before,
516.ion-ios-skipbackward:before,
517.ion-ios-skipbackward-outline:before,
518.ion-ios-skipforward:before,
519.ion-ios-skipforward-outline:before,
520.ion-ios-snowy:before,
521.ion-ios-speedometer:before,
522.ion-ios-speedometer-outline:before,
523.ion-ios-star:before,
524.ion-ios-star-half:before,
525.ion-ios-star-outline:before,
526.ion-ios-stopwatch:before,
527.ion-ios-stopwatch-outline:before,
528.ion-ios-sunny:before,
529.ion-ios-sunny-outline:before,
530.ion-ios-telephone:before,
531.ion-ios-telephone-outline:before,
532.ion-ios-tennisball:before,
533.ion-ios-tennisball-outline:before,
534.ion-ios-thunderstorm:before,
535.ion-ios-thunderstorm-outline:before,
536.ion-ios-time:before,
537.ion-ios-time-outline:before,
538.ion-ios-timer:before,
539.ion-ios-timer-outline:before,
540.ion-ios-toggle:before,
541.ion-ios-toggle-outline:before,
542.ion-ios-trash:before,
543.ion-ios-trash-outline:before,
544.ion-ios-undo:before,
545.ion-ios-undo-outline:before,
546.ion-ios-unlocked:before,
547.ion-ios-unlocked-outline:before,
548.ion-ios-upload:before,
549.ion-ios-upload-outline:before,
550.ion-ios-videocam:before,
551.ion-ios-videocam-outline:before,
552.ion-ios-volume-high:before,
553.ion-ios-volume-low:before,
554.ion-ios-wineglass:before,
555.ion-ios-wineglass-outline:before,
556.ion-ios-world:before,
557.ion-ios-world-outline:before,
558.ion-ipad:before,
559.ion-iphone:before,
560.ion-ipod:before,
561.ion-jet:before,
562.ion-key:before,
563.ion-knife:before,
564.ion-laptop:before,
565.ion-leaf:before,
566.ion-levels:before,
567.ion-lightbulb:before,
568.ion-link:before,
569.ion-load-a:before,
570.ion-load-b:before,
571.ion-load-c:before,
572.ion-load-d:before,
573.ion-location:before,
574.ion-lock-combination:before,
575.ion-locked:before,
576.ion-log-in:before,
577.ion-log-out:before,
578.ion-loop:before,
579.ion-magnet:before,
580.ion-male:before,
581.ion-man:before,
582.ion-map:before,
583.ion-medkit:before,
584.ion-merge:before,
585.ion-mic-a:before,
586.ion-mic-b:before,
587.ion-mic-c:before,
588.ion-minus:before,
589.ion-minus-circled:before,
590.ion-minus-round:before,
591.ion-model-s:before,
592.ion-monitor:before,
593.ion-more:before,
594.ion-mouse:before,
595.ion-music-note:before,
596.ion-navicon:before,
597.ion-navicon-round:before,
598.ion-navigate:before,
599.ion-network:before,
600.ion-no-smoking:before,
601.ion-nuclear:before,
602.ion-outlet:before,
603.ion-paintbrush:before,
604.ion-paintbucket:before,
605.ion-paper-airplane:before,
606.ion-paperclip:before,
607.ion-pause:before,
608.ion-person:before,
609.ion-person-add:before,
610.ion-person-stalker:before,
611.ion-pie-graph:before,
612.ion-pin:before,
613.ion-pinpoint:before,
614.ion-pizza:before,
615.ion-plane:before,
616.ion-planet:before,
617.ion-play:before,
618.ion-playstation:before,
619.ion-plus:before,
620.ion-plus-circled:before,
621.ion-plus-round:before,
622.ion-podium:before,
623.ion-pound:before,
624.ion-power:before,
625.ion-pricetag:before,
626.ion-pricetags:before,
627.ion-printer:before,
628.ion-pull-request:before,
629.ion-qr-scanner:before,
630.ion-quote:before,
631.ion-radio-waves:before,
632.ion-record:before,
633.ion-refresh:before,
634.ion-reply:before,
635.ion-reply-all:before,
636.ion-ribbon-a:before,
637.ion-ribbon-b:before,
638.ion-sad:before,
639.ion-sad-outline:before,
640.ion-scissors:before,
641.ion-search:before,
642.ion-settings:before,
643.ion-share:before,
644.ion-shuffle:before,
645.ion-skip-backward:before,
646.ion-skip-forward:before,
647.ion-social-android:before,
648.ion-social-android-outline:before,
649.ion-social-angular:before,
650.ion-social-angular-outline:before,
651.ion-social-apple:before,
652.ion-social-apple-outline:before,
653.ion-social-bitcoin:before,
654.ion-social-bitcoin-outline:before,
655.ion-social-buffer:before,
656.ion-social-buffer-outline:before,
657.ion-social-chrome:before,
658.ion-social-chrome-outline:before,
659.ion-social-codepen:before,
660.ion-social-codepen-outline:before,
661.ion-social-css3:before,
662.ion-social-css3-outline:before,
663.ion-social-designernews:before,
664.ion-social-designernews-outline:before,
665.ion-social-dribbble:before,
666.ion-social-dribbble-outline:before,
667.ion-social-dropbox:before,
668.ion-social-dropbox-outline:before,
669.ion-social-euro:before,
670.ion-social-euro-outline:before,
671.ion-social-facebook:before,
672.ion-social-facebook-outline:before,
673.ion-social-foursquare:before,
674.ion-social-foursquare-outline:before,
675.ion-social-freebsd-devil:before,
676.ion-social-github:before,
677.ion-social-github-outline:before,
678.ion-social-google:before,
679.ion-social-google-outline:before,
680.ion-social-googleplus:before,
681.ion-social-googleplus-outline:before,
682.ion-social-hackernews:before,
683.ion-social-hackernews-outline:before,
684.ion-social-html5:before,
685.ion-social-html5-outline:before,
686.ion-social-instagram:before,
687.ion-social-instagram-outline:before,
688.ion-social-javascript:before,
689.ion-social-javascript-outline:before,
690.ion-social-linkedin:before,
691.ion-social-linkedin-outline:before,
692.ion-social-markdown:before,
693.ion-social-nodejs:before,
694.ion-social-octocat:before,
695.ion-social-pinterest:before,
696.ion-social-pinterest-outline:before,
697.ion-social-python:before,
698.ion-social-reddit:before,
699.ion-social-reddit-outline:before,
700.ion-social-rss:before,
701.ion-social-rss-outline:before,
702.ion-social-sass:before,
703.ion-social-skype:before,
704.ion-social-skype-outline:before,
705.ion-social-snapchat:before,
706.ion-social-snapchat-outline:before,
707.ion-social-tumblr:before,
708.ion-social-tumblr-outline:before,
709.ion-social-tux:before,
710.ion-social-twitch:before,
711.ion-social-twitch-outline:before,
712.ion-social-twitter:before,
713.ion-social-twitter-outline:before,
714.ion-social-usd:before,
715.ion-social-usd-outline:before,
716.ion-social-vimeo:before,
717.ion-social-vimeo-outline:before,
718.ion-social-whatsapp:before,
719.ion-social-whatsapp-outline:before,
720.ion-social-windows:before,
721.ion-social-windows-outline:before,
722.ion-social-wordpress:before,
723.ion-social-wordpress-outline:before,
724.ion-social-yahoo:before,
725.ion-social-yahoo-outline:before,
726.ion-social-yen:before,
727.ion-social-yen-outline:before,
728.ion-social-youtube:before,
729.ion-social-youtube-outline:before,
730.ion-soup-can:before,
731.ion-soup-can-outline:before,
732.ion-speakerphone:before,
733.ion-speedometer:before,
734.ion-spoon:before,
735.ion-star:before,
736.ion-stats-bars:before,
737.ion-steam:before,
738.ion-stop:before,
739.ion-thermometer:before,
740.ion-thumbsdown:before,
741.ion-thumbsup:before,
742.ion-toggle:before,
743.ion-toggle-filled:before,
744.ion-transgender:before,
745.ion-trash-a:before,
746.ion-trash-b:before,
747.ion-trophy:before,
748.ion-tshirt:before,
749.ion-tshirt-outline:before,
750.ion-umbrella:before,
751.ion-university:before,
752.ion-unlocked:before,
753.ion-upload:before,
754.ion-usb:before,
755.ion-videocamera:before,
756.ion-volume-high:before,
757.ion-volume-low:before,
758.ion-volume-medium:before,
759.ion-volume-mute:before,
760.ion-wand:before,
761.ion-waterdrop:before,
762.ion-wifi:before,
763.ion-wineglass:before,
764.ion-woman:before,
765.ion-wrench:before,
766.ion-xbox:before {
767 display: inline-block;
768 font-family: "Ionicons";
769 speak: none;
770 font-style: normal;
771 font-weight: normal;
772 font-variant: normal;
773 text-transform: none;
774 text-rendering: auto;
775 line-height: 1;
776 -webkit-font-smoothing: antialiased;
777 -moz-osx-font-smoothing: grayscale; }
778
779.ion-alert:before {
780 content: ""; }
781
782.ion-alert-circled:before {
783 content: ""; }
784
785.ion-android-add:before {
786 content: ""; }
787
788.ion-android-add-circle:before {
789 content: ""; }
790
791.ion-android-alarm-clock:before {
792 content: ""; }
793
794.ion-android-alert:before {
795 content: ""; }
796
797.ion-android-apps:before {
798 content: ""; }
799
800.ion-android-archive:before {
801 content: ""; }
802
803.ion-android-arrow-back:before {
804 content: ""; }
805
806.ion-android-arrow-down:before {
807 content: ""; }
808
809.ion-android-arrow-dropdown:before {
810 content: ""; }
811
812.ion-android-arrow-dropdown-circle:before {
813 content: ""; }
814
815.ion-android-arrow-dropleft:before {
816 content: ""; }
817
818.ion-android-arrow-dropleft-circle:before {
819 content: ""; }
820
821.ion-android-arrow-dropright:before {
822 content: ""; }
823
824.ion-android-arrow-dropright-circle:before {
825 content: ""; }
826
827.ion-android-arrow-dropup:before {
828 content: ""; }
829
830.ion-android-arrow-dropup-circle:before {
831 content: ""; }
832
833.ion-android-arrow-forward:before {
834 content: ""; }
835
836.ion-android-arrow-up:before {
837 content: ""; }
838
839.ion-android-attach:before {
840 content: ""; }
841
842.ion-android-bar:before {
843 content: ""; }
844
845.ion-android-bicycle:before {
846 content: ""; }
847
848.ion-android-boat:before {
849 content: ""; }
850
851.ion-android-bookmark:before {
852 content: ""; }
853
854.ion-android-bulb:before {
855 content: ""; }
856
857.ion-android-bus:before {
858 content: ""; }
859
860.ion-android-calendar:before {
861 content: ""; }
862
863.ion-android-call:before {
864 content: ""; }
865
866.ion-android-camera:before {
867 content: ""; }
868
869.ion-android-cancel:before {
870 content: ""; }
871
872.ion-android-car:before {
873 content: ""; }
874
875.ion-android-cart:before {
876 content: ""; }
877
878.ion-android-chat:before {
879 content: ""; }
880
881.ion-android-checkbox:before {
882 content: ""; }
883
884.ion-android-checkbox-blank:before {
885 content: ""; }
886
887.ion-android-checkbox-outline:before {
888 content: ""; }
889
890.ion-android-checkbox-outline-blank:before {
891 content: ""; }
892
893.ion-android-checkmark-circle:before {
894 content: ""; }
895
896.ion-android-clipboard:before {
897 content: ""; }
898
899.ion-android-close:before {
900 content: ""; }
901
902.ion-android-cloud:before {
903 content: ""; }
904
905.ion-android-cloud-circle:before {
906 content: ""; }
907
908.ion-android-cloud-done:before {
909 content: ""; }
910
911.ion-android-cloud-outline:before {
912 content: ""; }
913
914.ion-android-color-palette:before {
915 content: ""; }
916
917.ion-android-compass:before {
918 content: ""; }
919
920.ion-android-contact:before {
921 content: ""; }
922
923.ion-android-contacts:before {
924 content: ""; }
925
926.ion-android-contract:before {
927 content: ""; }
928
929.ion-android-create:before {
930 content: ""; }
931
932.ion-android-delete:before {
933 content: ""; }
934
935.ion-android-desktop:before {
936 content: ""; }
937
938.ion-android-document:before {
939 content: ""; }
940
941.ion-android-done:before {
942 content: ""; }
943
944.ion-android-done-all:before {
945 content: ""; }
946
947.ion-android-download:before {
948 content: ""; }
949
950.ion-android-drafts:before {
951 content: ""; }
952
953.ion-android-exit:before {
954 content: ""; }
955
956.ion-android-expand:before {
957 content: ""; }
958
959.ion-android-favorite:before {
960 content: ""; }
961
962.ion-android-favorite-outline:before {
963 content: ""; }
964
965.ion-android-film:before {
966 content: ""; }
967
968.ion-android-folder:before {
969 content: ""; }
970
971.ion-android-folder-open:before {
972 content: ""; }
973
974.ion-android-funnel:before {
975 content: ""; }
976
977.ion-android-globe:before {
978 content: ""; }
979
980.ion-android-hand:before {
981 content: ""; }
982
983.ion-android-hangout:before {
984 content: ""; }
985
986.ion-android-happy:before {
987 content: ""; }
988
989.ion-android-home:before {
990 content: ""; }
991
992.ion-android-image:before {
993 content: ""; }
994
995.ion-android-laptop:before {
996 content: ""; }
997
998.ion-android-list:before {
999 content: ""; }
1000
1001.ion-android-locate:before {
1002 content: ""; }
1003
1004.ion-android-lock:before {
1005 content: ""; }
1006
1007.ion-android-mail:before {
1008 content: ""; }
1009
1010.ion-android-map:before {
1011 content: ""; }
1012
1013.ion-android-menu:before {
1014 content: ""; }
1015
1016.ion-android-microphone:before {
1017 content: ""; }
1018
1019.ion-android-microphone-off:before {
1020 content: ""; }
1021
1022.ion-android-more-horizontal:before {
1023 content: ""; }
1024
1025.ion-android-more-vertical:before {
1026 content: ""; }
1027
1028.ion-android-navigate:before {
1029 content: ""; }
1030
1031.ion-android-notifications:before {
1032 content: ""; }
1033
1034.ion-android-notifications-none:before {
1035 content: ""; }
1036
1037.ion-android-notifications-off:before {
1038 content: ""; }
1039
1040.ion-android-open:before {
1041 content: ""; }
1042
1043.ion-android-options:before {
1044 content: ""; }
1045
1046.ion-android-people:before {
1047 content: ""; }
1048
1049.ion-android-person:before {
1050 content: ""; }
1051
1052.ion-android-person-add:before {
1053 content: ""; }
1054
1055.ion-android-phone-landscape:before {
1056 content: ""; }
1057
1058.ion-android-phone-portrait:before {
1059 content: ""; }
1060
1061.ion-android-pin:before {
1062 content: ""; }
1063
1064.ion-android-plane:before {
1065 content: ""; }
1066
1067.ion-android-playstore:before {
1068 content: ""; }
1069
1070.ion-android-print:before {
1071 content: ""; }
1072
1073.ion-android-radio-button-off:before {
1074 content: ""; }
1075
1076.ion-android-radio-button-on:before {
1077 content: ""; }
1078
1079.ion-android-refresh:before {
1080 content: ""; }
1081
1082.ion-android-remove:before {
1083 content: ""; }
1084
1085.ion-android-remove-circle:before {
1086 content: ""; }
1087
1088.ion-android-restaurant:before {
1089 content: ""; }
1090
1091.ion-android-sad:before {
1092 content: ""; }
1093
1094.ion-android-search:before {
1095 content: ""; }
1096
1097.ion-android-send:before {
1098 content: ""; }
1099
1100.ion-android-settings:before {
1101 content: ""; }
1102
1103.ion-android-share:before {
1104 content: ""; }
1105
1106.ion-android-share-alt:before {
1107 content: ""; }
1108
1109.ion-android-star:before {
1110 content: ""; }
1111
1112.ion-android-star-half:before {
1113 content: ""; }
1114
1115.ion-android-star-outline:before {
1116 content: ""; }
1117
1118.ion-android-stopwatch:before {
1119 content: ""; }
1120
1121.ion-android-subway:before {
1122 content: ""; }
1123
1124.ion-android-sunny:before {
1125 content: ""; }
1126
1127.ion-android-sync:before {
1128 content: ""; }
1129
1130.ion-android-textsms:before {
1131 content: ""; }
1132
1133.ion-android-time:before {
1134 content: ""; }
1135
1136.ion-android-train:before {
1137 content: ""; }
1138
1139.ion-android-unlock:before {
1140 content: ""; }
1141
1142.ion-android-upload:before {
1143 content: ""; }
1144
1145.ion-android-volume-down:before {
1146 content: ""; }
1147
1148.ion-android-volume-mute:before {
1149 content: ""; }
1150
1151.ion-android-volume-off:before {
1152 content: ""; }
1153
1154.ion-android-volume-up:before {
1155 content: ""; }
1156
1157.ion-android-walk:before {
1158 content: ""; }
1159
1160.ion-android-warning:before {
1161 content: ""; }
1162
1163.ion-android-watch:before {
1164 content: ""; }
1165
1166.ion-android-wifi:before {
1167 content: ""; }
1168
1169.ion-aperture:before {
1170 content: ""; }
1171
1172.ion-archive:before {
1173 content: ""; }
1174
1175.ion-arrow-down-a:before {
1176 content: ""; }
1177
1178.ion-arrow-down-b:before {
1179 content: ""; }
1180
1181.ion-arrow-down-c:before {
1182 content: ""; }
1183
1184.ion-arrow-expand:before {
1185 content: ""; }
1186
1187.ion-arrow-graph-down-left:before {
1188 content: ""; }
1189
1190.ion-arrow-graph-down-right:before {
1191 content: ""; }
1192
1193.ion-arrow-graph-up-left:before {
1194 content: ""; }
1195
1196.ion-arrow-graph-up-right:before {
1197 content: ""; }
1198
1199.ion-arrow-left-a:before {
1200 content: ""; }
1201
1202.ion-arrow-left-b:before {
1203 content: ""; }
1204
1205.ion-arrow-left-c:before {
1206 content: ""; }
1207
1208.ion-arrow-move:before {
1209 content: ""; }
1210
1211.ion-arrow-resize:before {
1212 content: ""; }
1213
1214.ion-arrow-return-left:before {
1215 content: ""; }
1216
1217.ion-arrow-return-right:before {
1218 content: ""; }
1219
1220.ion-arrow-right-a:before {
1221 content: ""; }
1222
1223.ion-arrow-right-b:before {
1224 content: ""; }
1225
1226.ion-arrow-right-c:before {
1227 content: ""; }
1228
1229.ion-arrow-shrink:before {
1230 content: ""; }
1231
1232.ion-arrow-swap:before {
1233 content: ""; }
1234
1235.ion-arrow-up-a:before {
1236 content: ""; }
1237
1238.ion-arrow-up-b:before {
1239 content: ""; }
1240
1241.ion-arrow-up-c:before {
1242 content: ""; }
1243
1244.ion-asterisk:before {
1245 content: ""; }
1246
1247.ion-at:before {
1248 content: ""; }
1249
1250.ion-backspace:before {
1251 content: ""; }
1252
1253.ion-backspace-outline:before {
1254 content: ""; }
1255
1256.ion-bag:before {
1257 content: ""; }
1258
1259.ion-battery-charging:before {
1260 content: ""; }
1261
1262.ion-battery-empty:before {
1263 content: ""; }
1264
1265.ion-battery-full:before {
1266 content: ""; }
1267
1268.ion-battery-half:before {
1269 content: ""; }
1270
1271.ion-battery-low:before {
1272 content: ""; }
1273
1274.ion-beaker:before {
1275 content: ""; }
1276
1277.ion-beer:before {
1278 content: ""; }
1279
1280.ion-bluetooth:before {
1281 content: ""; }
1282
1283.ion-bonfire:before {
1284 content: ""; }
1285
1286.ion-bookmark:before {
1287 content: ""; }
1288
1289.ion-bowtie:before {
1290 content: ""; }
1291
1292.ion-briefcase:before {
1293 content: ""; }
1294
1295.ion-bug:before {
1296 content: ""; }
1297
1298.ion-calculator:before {
1299 content: ""; }
1300
1301.ion-calendar:before {
1302 content: ""; }
1303
1304.ion-camera:before {
1305 content: ""; }
1306
1307.ion-card:before {
1308 content: ""; }
1309
1310.ion-cash:before {
1311 content: ""; }
1312
1313.ion-chatbox:before {
1314 content: ""; }
1315
1316.ion-chatbox-working:before {
1317 content: ""; }
1318
1319.ion-chatboxes:before {
1320 content: ""; }
1321
1322.ion-chatbubble:before {
1323 content: ""; }
1324
1325.ion-chatbubble-working:before {
1326 content: ""; }
1327
1328.ion-chatbubbles:before {
1329 content: ""; }
1330
1331.ion-checkmark:before {
1332 content: ""; }
1333
1334.ion-checkmark-circled:before {
1335 content: ""; }
1336
1337.ion-checkmark-round:before {
1338 content: ""; }
1339
1340.ion-chevron-down:before {
1341 content: ""; }
1342
1343.ion-chevron-left:before {
1344 content: ""; }
1345
1346.ion-chevron-right:before {
1347 content: ""; }
1348
1349.ion-chevron-up:before {
1350 content: ""; }
1351
1352.ion-clipboard:before {
1353 content: ""; }
1354
1355.ion-clock:before {
1356 content: ""; }
1357
1358.ion-close:before {
1359 content: ""; }
1360
1361.ion-close-circled:before {
1362 content: ""; }
1363
1364.ion-close-round:before {
1365 content: ""; }
1366
1367.ion-closed-captioning:before {
1368 content: ""; }
1369
1370.ion-cloud:before {
1371 content: ""; }
1372
1373.ion-code:before {
1374 content: ""; }
1375
1376.ion-code-download:before {
1377 content: ""; }
1378
1379.ion-code-working:before {
1380 content: ""; }
1381
1382.ion-coffee:before {
1383 content: ""; }
1384
1385.ion-compass:before {
1386 content: ""; }
1387
1388.ion-compose:before {
1389 content: ""; }
1390
1391.ion-connection-bars:before {
1392 content: ""; }
1393
1394.ion-contrast:before {
1395 content: ""; }
1396
1397.ion-crop:before {
1398 content: ""; }
1399
1400.ion-cube:before {
1401 content: ""; }
1402
1403.ion-disc:before {
1404 content: ""; }
1405
1406.ion-document:before {
1407 content: ""; }
1408
1409.ion-document-text:before {
1410 content: ""; }
1411
1412.ion-drag:before {
1413 content: ""; }
1414
1415.ion-earth:before {
1416 content: ""; }
1417
1418.ion-easel:before {
1419 content: ""; }
1420
1421.ion-edit:before {
1422 content: ""; }
1423
1424.ion-egg:before {
1425 content: ""; }
1426
1427.ion-eject:before {
1428 content: ""; }
1429
1430.ion-email:before {
1431 content: ""; }
1432
1433.ion-email-unread:before {
1434 content: ""; }
1435
1436.ion-erlenmeyer-flask:before {
1437 content: ""; }
1438
1439.ion-erlenmeyer-flask-bubbles:before {
1440 content: ""; }
1441
1442.ion-eye:before {
1443 content: ""; }
1444
1445.ion-eye-disabled:before {
1446 content: ""; }
1447
1448.ion-female:before {
1449 content: ""; }
1450
1451.ion-filing:before {
1452 content: ""; }
1453
1454.ion-film-marker:before {
1455 content: ""; }
1456
1457.ion-fireball:before {
1458 content: ""; }
1459
1460.ion-flag:before {
1461 content: ""; }
1462
1463.ion-flame:before {
1464 content: ""; }
1465
1466.ion-flash:before {
1467 content: ""; }
1468
1469.ion-flash-off:before {
1470 content: ""; }
1471
1472.ion-folder:before {
1473 content: ""; }
1474
1475.ion-fork:before {
1476 content: ""; }
1477
1478.ion-fork-repo:before {
1479 content: ""; }
1480
1481.ion-forward:before {
1482 content: ""; }
1483
1484.ion-funnel:before {
1485 content: ""; }
1486
1487.ion-gear-a:before {
1488 content: ""; }
1489
1490.ion-gear-b:before {
1491 content: ""; }
1492
1493.ion-grid:before {
1494 content: ""; }
1495
1496.ion-hammer:before {
1497 content: ""; }
1498
1499.ion-happy:before {
1500 content: ""; }
1501
1502.ion-happy-outline:before {
1503 content: ""; }
1504
1505.ion-headphone:before {
1506 content: ""; }
1507
1508.ion-heart:before {
1509 content: ""; }
1510
1511.ion-heart-broken:before {
1512 content: ""; }
1513
1514.ion-help:before {
1515 content: ""; }
1516
1517.ion-help-buoy:before {
1518 content: ""; }
1519
1520.ion-help-circled:before {
1521 content: ""; }
1522
1523.ion-home:before {
1524 content: ""; }
1525
1526.ion-icecream:before {
1527 content: ""; }
1528
1529.ion-image:before {
1530 content: ""; }
1531
1532.ion-images:before {
1533 content: ""; }
1534
1535.ion-information:before {
1536 content: ""; }
1537
1538.ion-information-circled:before {
1539 content: ""; }
1540
1541.ion-ionic:before {
1542 content: ""; }
1543
1544.ion-ios-alarm:before {
1545 content: ""; }
1546
1547.ion-ios-alarm-outline:before {
1548 content: ""; }
1549
1550.ion-ios-albums:before {
1551 content: ""; }
1552
1553.ion-ios-albums-outline:before {
1554 content: ""; }
1555
1556.ion-ios-americanfootball:before {
1557 content: ""; }
1558
1559.ion-ios-americanfootball-outline:before {
1560 content: ""; }
1561
1562.ion-ios-analytics:before {
1563 content: ""; }
1564
1565.ion-ios-analytics-outline:before {
1566 content: ""; }
1567
1568.ion-ios-arrow-back:before {
1569 content: ""; }
1570
1571.ion-ios-arrow-down:before {
1572 content: ""; }
1573
1574.ion-ios-arrow-forward:before {
1575 content: ""; }
1576
1577.ion-ios-arrow-left:before {
1578 content: ""; }
1579
1580.ion-ios-arrow-right:before {
1581 content: ""; }
1582
1583.ion-ios-arrow-thin-down:before {
1584 content: ""; }
1585
1586.ion-ios-arrow-thin-left:before {
1587 content: ""; }
1588
1589.ion-ios-arrow-thin-right:before {
1590 content: ""; }
1591
1592.ion-ios-arrow-thin-up:before {
1593 content: ""; }
1594
1595.ion-ios-arrow-up:before {
1596 content: ""; }
1597
1598.ion-ios-at:before {
1599 content: ""; }
1600
1601.ion-ios-at-outline:before {
1602 content: ""; }
1603
1604.ion-ios-barcode:before {
1605 content: ""; }
1606
1607.ion-ios-barcode-outline:before {
1608 content: ""; }
1609
1610.ion-ios-baseball:before {
1611 content: ""; }
1612
1613.ion-ios-baseball-outline:before {
1614 content: ""; }
1615
1616.ion-ios-basketball:before {
1617 content: ""; }
1618
1619.ion-ios-basketball-outline:before {
1620 content: ""; }
1621
1622.ion-ios-bell:before {
1623 content: ""; }
1624
1625.ion-ios-bell-outline:before {
1626 content: ""; }
1627
1628.ion-ios-body:before {
1629 content: ""; }
1630
1631.ion-ios-body-outline:before {
1632 content: ""; }
1633
1634.ion-ios-bolt:before {
1635 content: ""; }
1636
1637.ion-ios-bolt-outline:before {
1638 content: ""; }
1639
1640.ion-ios-book:before {
1641 content: ""; }
1642
1643.ion-ios-book-outline:before {
1644 content: ""; }
1645
1646.ion-ios-bookmarks:before {
1647 content: ""; }
1648
1649.ion-ios-bookmarks-outline:before {
1650 content: ""; }
1651
1652.ion-ios-box:before {
1653 content: ""; }
1654
1655.ion-ios-box-outline:before {
1656 content: ""; }
1657
1658.ion-ios-briefcase:before {
1659 content: ""; }
1660
1661.ion-ios-briefcase-outline:before {
1662 content: ""; }
1663
1664.ion-ios-browsers:before {
1665 content: ""; }
1666
1667.ion-ios-browsers-outline:before {
1668 content: ""; }
1669
1670.ion-ios-calculator:before {
1671 content: ""; }
1672
1673.ion-ios-calculator-outline:before {
1674 content: ""; }
1675
1676.ion-ios-calendar:before {
1677 content: ""; }
1678
1679.ion-ios-calendar-outline:before {
1680 content: ""; }
1681
1682.ion-ios-camera:before {
1683 content: ""; }
1684
1685.ion-ios-camera-outline:before {
1686 content: ""; }
1687
1688.ion-ios-cart:before {
1689 content: ""; }
1690
1691.ion-ios-cart-outline:before {
1692 content: ""; }
1693
1694.ion-ios-chatboxes:before {
1695 content: ""; }
1696
1697.ion-ios-chatboxes-outline:before {
1698 content: ""; }
1699
1700.ion-ios-chatbubble:before {
1701 content: ""; }
1702
1703.ion-ios-chatbubble-outline:before {
1704 content: ""; }
1705
1706.ion-ios-checkmark:before {
1707 content: ""; }
1708
1709.ion-ios-checkmark-empty:before {
1710 content: ""; }
1711
1712.ion-ios-checkmark-outline:before {
1713 content: ""; }
1714
1715.ion-ios-circle-filled:before {
1716 content: ""; }
1717
1718.ion-ios-circle-outline:before {
1719 content: ""; }
1720
1721.ion-ios-clock:before {
1722 content: ""; }
1723
1724.ion-ios-clock-outline:before {
1725 content: ""; }
1726
1727.ion-ios-close:before {
1728 content: ""; }
1729
1730.ion-ios-close-empty:before {
1731 content: ""; }
1732
1733.ion-ios-close-outline:before {
1734 content: ""; }
1735
1736.ion-ios-cloud:before {
1737 content: ""; }
1738
1739.ion-ios-cloud-download:before {
1740 content: ""; }
1741
1742.ion-ios-cloud-download-outline:before {
1743 content: ""; }
1744
1745.ion-ios-cloud-outline:before {
1746 content: ""; }
1747
1748.ion-ios-cloud-upload:before {
1749 content: ""; }
1750
1751.ion-ios-cloud-upload-outline:before {
1752 content: ""; }
1753
1754.ion-ios-cloudy:before {
1755 content: ""; }
1756
1757.ion-ios-cloudy-night:before {
1758 content: ""; }
1759
1760.ion-ios-cloudy-night-outline:before {
1761 content: ""; }
1762
1763.ion-ios-cloudy-outline:before {
1764 content: ""; }
1765
1766.ion-ios-cog:before {
1767 content: ""; }
1768
1769.ion-ios-cog-outline:before {
1770 content: ""; }
1771
1772.ion-ios-color-filter:before {
1773 content: ""; }
1774
1775.ion-ios-color-filter-outline:before {
1776 content: ""; }
1777
1778.ion-ios-color-wand:before {
1779 content: ""; }
1780
1781.ion-ios-color-wand-outline:before {
1782 content: ""; }
1783
1784.ion-ios-compose:before {
1785 content: ""; }
1786
1787.ion-ios-compose-outline:before {
1788 content: ""; }
1789
1790.ion-ios-contact:before {
1791 content: ""; }
1792
1793.ion-ios-contact-outline:before {
1794 content: ""; }
1795
1796.ion-ios-copy:before {
1797 content: ""; }
1798
1799.ion-ios-copy-outline:before {
1800 content: ""; }
1801
1802.ion-ios-crop:before {
1803 content: ""; }
1804
1805.ion-ios-crop-strong:before {
1806 content: ""; }
1807
1808.ion-ios-download:before {
1809 content: ""; }
1810
1811.ion-ios-download-outline:before {
1812 content: ""; }
1813
1814.ion-ios-drag:before {
1815 content: ""; }
1816
1817.ion-ios-email:before {
1818 content: ""; }
1819
1820.ion-ios-email-outline:before {
1821 content: ""; }
1822
1823.ion-ios-eye:before {
1824 content: ""; }
1825
1826.ion-ios-eye-outline:before {
1827 content: ""; }
1828
1829.ion-ios-fastforward:before {
1830 content: ""; }
1831
1832.ion-ios-fastforward-outline:before {
1833 content: ""; }
1834
1835.ion-ios-filing:before {
1836 content: ""; }
1837
1838.ion-ios-filing-outline:before {
1839 content: ""; }
1840
1841.ion-ios-film:before {
1842 content: ""; }
1843
1844.ion-ios-film-outline:before {
1845 content: ""; }
1846
1847.ion-ios-flag:before {
1848 content: ""; }
1849
1850.ion-ios-flag-outline:before {
1851 content: ""; }
1852
1853.ion-ios-flame:before {
1854 content: ""; }
1855
1856.ion-ios-flame-outline:before {
1857 content: ""; }
1858
1859.ion-ios-flask:before {
1860 content: ""; }
1861
1862.ion-ios-flask-outline:before {
1863 content: ""; }
1864
1865.ion-ios-flower:before {
1866 content: ""; }
1867
1868.ion-ios-flower-outline:before {
1869 content: ""; }
1870
1871.ion-ios-folder:before {
1872 content: ""; }
1873
1874.ion-ios-folder-outline:before {
1875 content: ""; }
1876
1877.ion-ios-football:before {
1878 content: ""; }
1879
1880.ion-ios-football-outline:before {
1881 content: ""; }
1882
1883.ion-ios-game-controller-a:before {
1884 content: ""; }
1885
1886.ion-ios-game-controller-a-outline:before {
1887 content: ""; }
1888
1889.ion-ios-game-controller-b:before {
1890 content: ""; }
1891
1892.ion-ios-game-controller-b-outline:before {
1893 content: ""; }
1894
1895.ion-ios-gear:before {
1896 content: ""; }
1897
1898.ion-ios-gear-outline:before {
1899 content: ""; }
1900
1901.ion-ios-glasses:before {
1902 content: ""; }
1903
1904.ion-ios-glasses-outline:before {
1905 content: ""; }
1906
1907.ion-ios-grid-view:before {
1908 content: ""; }
1909
1910.ion-ios-grid-view-outline:before {
1911 content: ""; }
1912
1913.ion-ios-heart:before {
1914 content: ""; }
1915
1916.ion-ios-heart-outline:before {
1917 content: ""; }
1918
1919.ion-ios-help:before {
1920 content: ""; }
1921
1922.ion-ios-help-empty:before {
1923 content: ""; }
1924
1925.ion-ios-help-outline:before {
1926 content: ""; }
1927
1928.ion-ios-home:before {
1929 content: ""; }
1930
1931.ion-ios-home-outline:before {
1932 content: ""; }
1933
1934.ion-ios-infinite:before {
1935 content: ""; }
1936
1937.ion-ios-infinite-outline:before {
1938 content: ""; }
1939
1940.ion-ios-information:before {
1941 content: ""; }
1942
1943.ion-ios-information-empty:before {
1944 content: ""; }
1945
1946.ion-ios-information-outline:before {
1947 content: ""; }
1948
1949.ion-ios-ionic-outline:before {
1950 content: ""; }
1951
1952.ion-ios-keypad:before {
1953 content: ""; }
1954
1955.ion-ios-keypad-outline:before {
1956 content: ""; }
1957
1958.ion-ios-lightbulb:before {
1959 content: ""; }
1960
1961.ion-ios-lightbulb-outline:before {
1962 content: ""; }
1963
1964.ion-ios-list:before {
1965 content: ""; }
1966
1967.ion-ios-list-outline:before {
1968 content: ""; }
1969
1970.ion-ios-location:before {
1971 content: ""; }
1972
1973.ion-ios-location-outline:before {
1974 content: ""; }
1975
1976.ion-ios-locked:before {
1977 content: ""; }
1978
1979.ion-ios-locked-outline:before {
1980 content: ""; }
1981
1982.ion-ios-loop:before {
1983 content: ""; }
1984
1985.ion-ios-loop-strong:before {
1986 content: ""; }
1987
1988.ion-ios-medical:before {
1989 content: ""; }
1990
1991.ion-ios-medical-outline:before {
1992 content: ""; }
1993
1994.ion-ios-medkit:before {
1995 content: ""; }
1996
1997.ion-ios-medkit-outline:before {
1998 content: ""; }
1999
2000.ion-ios-mic:before {
2001 content: ""; }
2002
2003.ion-ios-mic-off:before {
2004 content: ""; }
2005
2006.ion-ios-mic-outline:before {
2007 content: ""; }
2008
2009.ion-ios-minus:before {
2010 content: ""; }
2011
2012.ion-ios-minus-empty:before {
2013 content: ""; }
2014
2015.ion-ios-minus-outline:before {
2016 content: ""; }
2017
2018.ion-ios-monitor:before {
2019 content: ""; }
2020
2021.ion-ios-monitor-outline:before {
2022 content: ""; }
2023
2024.ion-ios-moon:before {
2025 content: ""; }
2026
2027.ion-ios-moon-outline:before {
2028 content: ""; }
2029
2030.ion-ios-more:before {
2031 content: ""; }
2032
2033.ion-ios-more-outline:before {
2034 content: ""; }
2035
2036.ion-ios-musical-note:before {
2037 content: ""; }
2038
2039.ion-ios-musical-notes:before {
2040 content: ""; }
2041
2042.ion-ios-navigate:before {
2043 content: ""; }
2044
2045.ion-ios-navigate-outline:before {
2046 content: ""; }
2047
2048.ion-ios-nutrition:before {
2049 content: ""; }
2050
2051.ion-ios-nutrition-outline:before {
2052 content: ""; }
2053
2054.ion-ios-paper:before {
2055 content: ""; }
2056
2057.ion-ios-paper-outline:before {
2058 content: ""; }
2059
2060.ion-ios-paperplane:before {
2061 content: ""; }
2062
2063.ion-ios-paperplane-outline:before {
2064 content: ""; }
2065
2066.ion-ios-partlysunny:before {
2067 content: ""; }
2068
2069.ion-ios-partlysunny-outline:before {
2070 content: ""; }
2071
2072.ion-ios-pause:before {
2073 content: ""; }
2074
2075.ion-ios-pause-outline:before {
2076 content: ""; }
2077
2078.ion-ios-paw:before {
2079 content: ""; }
2080
2081.ion-ios-paw-outline:before {
2082 content: ""; }
2083
2084.ion-ios-people:before {
2085 content: ""; }
2086
2087.ion-ios-people-outline:before {
2088 content: ""; }
2089
2090.ion-ios-person:before {
2091 content: ""; }
2092
2093.ion-ios-person-outline:before {
2094 content: ""; }
2095
2096.ion-ios-personadd:before {
2097 content: ""; }
2098
2099.ion-ios-personadd-outline:before {
2100 content: ""; }
2101
2102.ion-ios-photos:before {
2103 content: ""; }
2104
2105.ion-ios-photos-outline:before {
2106 content: ""; }
2107
2108.ion-ios-pie:before {
2109 content: ""; }
2110
2111.ion-ios-pie-outline:before {
2112 content: ""; }
2113
2114.ion-ios-pint:before {
2115 content: ""; }
2116
2117.ion-ios-pint-outline:before {
2118 content: ""; }
2119
2120.ion-ios-play:before {
2121 content: ""; }
2122
2123.ion-ios-play-outline:before {
2124 content: ""; }
2125
2126.ion-ios-plus:before {
2127 content: ""; }
2128
2129.ion-ios-plus-empty:before {
2130 content: ""; }
2131
2132.ion-ios-plus-outline:before {
2133 content: ""; }
2134
2135.ion-ios-pricetag:before {
2136 content: ""; }
2137
2138.ion-ios-pricetag-outline:before {
2139 content: ""; }
2140
2141.ion-ios-pricetags:before {
2142 content: ""; }
2143
2144.ion-ios-pricetags-outline:before {
2145 content: ""; }
2146
2147.ion-ios-printer:before {
2148 content: ""; }
2149
2150.ion-ios-printer-outline:before {
2151 content: ""; }
2152
2153.ion-ios-pulse:before {
2154 content: ""; }
2155
2156.ion-ios-pulse-strong:before {
2157 content: ""; }
2158
2159.ion-ios-rainy:before {
2160 content: ""; }
2161
2162.ion-ios-rainy-outline:before {
2163 content: ""; }
2164
2165.ion-ios-recording:before {
2166 content: ""; }
2167
2168.ion-ios-recording-outline:before {
2169 content: ""; }
2170
2171.ion-ios-redo:before {
2172 content: ""; }
2173
2174.ion-ios-redo-outline:before {
2175 content: ""; }
2176
2177.ion-ios-refresh:before {
2178 content: ""; }
2179
2180.ion-ios-refresh-empty:before {
2181 content: ""; }
2182
2183.ion-ios-refresh-outline:before {
2184 content: ""; }
2185
2186.ion-ios-reload:before {
2187 content: ""; }
2188
2189.ion-ios-reverse-camera:before {
2190 content: ""; }
2191
2192.ion-ios-reverse-camera-outline:before {
2193 content: ""; }
2194
2195.ion-ios-rewind:before {
2196 content: ""; }
2197
2198.ion-ios-rewind-outline:before {
2199 content: ""; }
2200
2201.ion-ios-rose:before {
2202 content: ""; }
2203
2204.ion-ios-rose-outline:before {
2205 content: ""; }
2206
2207.ion-ios-search:before {
2208 content: ""; }
2209
2210.ion-ios-search-strong:before {
2211 content: ""; }
2212
2213.ion-ios-settings:before {
2214 content: ""; }
2215
2216.ion-ios-settings-strong:before {
2217 content: ""; }
2218
2219.ion-ios-shuffle:before {
2220 content: ""; }
2221
2222.ion-ios-shuffle-strong:before {
2223 content: ""; }
2224
2225.ion-ios-skipbackward:before {
2226 content: ""; }
2227
2228.ion-ios-skipbackward-outline:before {
2229 content: ""; }
2230
2231.ion-ios-skipforward:before {
2232 content: ""; }
2233
2234.ion-ios-skipforward-outline:before {
2235 content: ""; }
2236
2237.ion-ios-snowy:before {
2238 content: ""; }
2239
2240.ion-ios-speedometer:before {
2241 content: ""; }
2242
2243.ion-ios-speedometer-outline:before {
2244 content: ""; }
2245
2246.ion-ios-star:before {
2247 content: ""; }
2248
2249.ion-ios-star-half:before {
2250 content: ""; }
2251
2252.ion-ios-star-outline:before {
2253 content: ""; }
2254
2255.ion-ios-stopwatch:before {
2256 content: ""; }
2257
2258.ion-ios-stopwatch-outline:before {
2259 content: ""; }
2260
2261.ion-ios-sunny:before {
2262 content: ""; }
2263
2264.ion-ios-sunny-outline:before {
2265 content: ""; }
2266
2267.ion-ios-telephone:before {
2268 content: ""; }
2269
2270.ion-ios-telephone-outline:before {
2271 content: ""; }
2272
2273.ion-ios-tennisball:before {
2274 content: ""; }
2275
2276.ion-ios-tennisball-outline:before {
2277 content: ""; }
2278
2279.ion-ios-thunderstorm:before {
2280 content: ""; }
2281
2282.ion-ios-thunderstorm-outline:before {
2283 content: ""; }
2284
2285.ion-ios-time:before {
2286 content: ""; }
2287
2288.ion-ios-time-outline:before {
2289 content: ""; }
2290
2291.ion-ios-timer:before {
2292 content: ""; }
2293
2294.ion-ios-timer-outline:before {
2295 content: ""; }
2296
2297.ion-ios-toggle:before {
2298 content: ""; }
2299
2300.ion-ios-toggle-outline:before {
2301 content: ""; }
2302
2303.ion-ios-trash:before {
2304 content: ""; }
2305
2306.ion-ios-trash-outline:before {
2307 content: ""; }
2308
2309.ion-ios-undo:before {
2310 content: ""; }
2311
2312.ion-ios-undo-outline:before {
2313 content: ""; }
2314
2315.ion-ios-unlocked:before {
2316 content: ""; }
2317
2318.ion-ios-unlocked-outline:before {
2319 content: ""; }
2320
2321.ion-ios-upload:before {
2322 content: ""; }
2323
2324.ion-ios-upload-outline:before {
2325 content: ""; }
2326
2327.ion-ios-videocam:before {
2328 content: ""; }
2329
2330.ion-ios-videocam-outline:before {
2331 content: ""; }
2332
2333.ion-ios-volume-high:before {
2334 content: ""; }
2335
2336.ion-ios-volume-low:before {
2337 content: ""; }
2338
2339.ion-ios-wineglass:before {
2340 content: ""; }
2341
2342.ion-ios-wineglass-outline:before {
2343 content: ""; }
2344
2345.ion-ios-world:before {
2346 content: ""; }
2347
2348.ion-ios-world-outline:before {
2349 content: ""; }
2350
2351.ion-ipad:before {
2352 content: ""; }
2353
2354.ion-iphone:before {
2355 content: ""; }
2356
2357.ion-ipod:before {
2358 content: ""; }
2359
2360.ion-jet:before {
2361 content: ""; }
2362
2363.ion-key:before {
2364 content: ""; }
2365
2366.ion-knife:before {
2367 content: ""; }
2368
2369.ion-laptop:before {
2370 content: ""; }
2371
2372.ion-leaf:before {
2373 content: ""; }
2374
2375.ion-levels:before {
2376 content: ""; }
2377
2378.ion-lightbulb:before {
2379 content: ""; }
2380
2381.ion-link:before {
2382 content: ""; }
2383
2384.ion-load-a:before {
2385 content: ""; }
2386
2387.ion-load-b:before {
2388 content: ""; }
2389
2390.ion-load-c:before {
2391 content: ""; }
2392
2393.ion-load-d:before {
2394 content: ""; }
2395
2396.ion-location:before {
2397 content: ""; }
2398
2399.ion-lock-combination:before {
2400 content: ""; }
2401
2402.ion-locked:before {
2403 content: ""; }
2404
2405.ion-log-in:before {
2406 content: ""; }
2407
2408.ion-log-out:before {
2409 content: ""; }
2410
2411.ion-loop:before {
2412 content: ""; }
2413
2414.ion-magnet:before {
2415 content: ""; }
2416
2417.ion-male:before {
2418 content: ""; }
2419
2420.ion-man:before {
2421 content: ""; }
2422
2423.ion-map:before {
2424 content: ""; }
2425
2426.ion-medkit:before {
2427 content: ""; }
2428
2429.ion-merge:before {
2430 content: ""; }
2431
2432.ion-mic-a:before {
2433 content: ""; }
2434
2435.ion-mic-b:before {
2436 content: ""; }
2437
2438.ion-mic-c:before {
2439 content: ""; }
2440
2441.ion-minus:before {
2442 content: ""; }
2443
2444.ion-minus-circled:before {
2445 content: ""; }
2446
2447.ion-minus-round:before {
2448 content: ""; }
2449
2450.ion-model-s:before {
2451 content: ""; }
2452
2453.ion-monitor:before {
2454 content: ""; }
2455
2456.ion-more:before {
2457 content: ""; }
2458
2459.ion-mouse:before {
2460 content: ""; }
2461
2462.ion-music-note:before {
2463 content: ""; }
2464
2465.ion-navicon:before {
2466 content: ""; }
2467
2468.ion-navicon-round:before {
2469 content: ""; }
2470
2471.ion-navigate:before {
2472 content: ""; }
2473
2474.ion-network:before {
2475 content: ""; }
2476
2477.ion-no-smoking:before {
2478 content: ""; }
2479
2480.ion-nuclear:before {
2481 content: ""; }
2482
2483.ion-outlet:before {
2484 content: ""; }
2485
2486.ion-paintbrush:before {
2487 content: ""; }
2488
2489.ion-paintbucket:before {
2490 content: ""; }
2491
2492.ion-paper-airplane:before {
2493 content: ""; }
2494
2495.ion-paperclip:before {
2496 content: ""; }
2497
2498.ion-pause:before {
2499 content: ""; }
2500
2501.ion-person:before {
2502 content: ""; }
2503
2504.ion-person-add:before {
2505 content: ""; }
2506
2507.ion-person-stalker:before {
2508 content: ""; }
2509
2510.ion-pie-graph:before {
2511 content: ""; }
2512
2513.ion-pin:before {
2514 content: ""; }
2515
2516.ion-pinpoint:before {
2517 content: ""; }
2518
2519.ion-pizza:before {
2520 content: ""; }
2521
2522.ion-plane:before {
2523 content: ""; }
2524
2525.ion-planet:before {
2526 content: ""; }
2527
2528.ion-play:before {
2529 content: ""; }
2530
2531.ion-playstation:before {
2532 content: ""; }
2533
2534.ion-plus:before {
2535 content: ""; }
2536
2537.ion-plus-circled:before {
2538 content: ""; }
2539
2540.ion-plus-round:before {
2541 content: ""; }
2542
2543.ion-podium:before {
2544 content: ""; }
2545
2546.ion-pound:before {
2547 content: ""; }
2548
2549.ion-power:before {
2550 content: ""; }
2551
2552.ion-pricetag:before {
2553 content: ""; }
2554
2555.ion-pricetags:before {
2556 content: ""; }
2557
2558.ion-printer:before {
2559 content: ""; }
2560
2561.ion-pull-request:before {
2562 content: ""; }
2563
2564.ion-qr-scanner:before {
2565 content: ""; }
2566
2567.ion-quote:before {
2568 content: ""; }
2569
2570.ion-radio-waves:before {
2571 content: ""; }
2572
2573.ion-record:before {
2574 content: ""; }
2575
2576.ion-refresh:before {
2577 content: ""; }
2578
2579.ion-reply:before {
2580 content: ""; }
2581
2582.ion-reply-all:before {
2583 content: ""; }
2584
2585.ion-ribbon-a:before {
2586 content: ""; }
2587
2588.ion-ribbon-b:before {
2589 content: ""; }
2590
2591.ion-sad:before {
2592 content: ""; }
2593
2594.ion-sad-outline:before {
2595 content: ""; }
2596
2597.ion-scissors:before {
2598 content: ""; }
2599
2600.ion-search:before {
2601 content: ""; }
2602
2603.ion-settings:before {
2604 content: ""; }
2605
2606.ion-share:before {
2607 content: ""; }
2608
2609.ion-shuffle:before {
2610 content: ""; }
2611
2612.ion-skip-backward:before {
2613 content: ""; }
2614
2615.ion-skip-forward:before {
2616 content: ""; }
2617
2618.ion-social-android:before {
2619 content: ""; }
2620
2621.ion-social-android-outline:before {
2622 content: ""; }
2623
2624.ion-social-angular:before {
2625 content: ""; }
2626
2627.ion-social-angular-outline:before {
2628 content: ""; }
2629
2630.ion-social-apple:before {
2631 content: ""; }
2632
2633.ion-social-apple-outline:before {
2634 content: ""; }
2635
2636.ion-social-bitcoin:before {
2637 content: ""; }
2638
2639.ion-social-bitcoin-outline:before {
2640 content: ""; }
2641
2642.ion-social-buffer:before {
2643 content: ""; }
2644
2645.ion-social-buffer-outline:before {
2646 content: ""; }
2647
2648.ion-social-chrome:before {
2649 content: ""; }
2650
2651.ion-social-chrome-outline:before {
2652 content: ""; }
2653
2654.ion-social-codepen:before {
2655 content: ""; }
2656
2657.ion-social-codepen-outline:before {
2658 content: ""; }
2659
2660.ion-social-css3:before {
2661 content: ""; }
2662
2663.ion-social-css3-outline:before {
2664 content: ""; }
2665
2666.ion-social-designernews:before {
2667 content: ""; }
2668
2669.ion-social-designernews-outline:before {
2670 content: ""; }
2671
2672.ion-social-dribbble:before {
2673 content: ""; }
2674
2675.ion-social-dribbble-outline:before {
2676 content: ""; }
2677
2678.ion-social-dropbox:before {
2679 content: ""; }
2680
2681.ion-social-dropbox-outline:before {
2682 content: ""; }
2683
2684.ion-social-euro:before {
2685 content: ""; }
2686
2687.ion-social-euro-outline:before {
2688 content: ""; }
2689
2690.ion-social-facebook:before {
2691 content: ""; }
2692
2693.ion-social-facebook-outline:before {
2694 content: ""; }
2695
2696.ion-social-foursquare:before {
2697 content: ""; }
2698
2699.ion-social-foursquare-outline:before {
2700 content: ""; }
2701
2702.ion-social-freebsd-devil:before {
2703 content: ""; }
2704
2705.ion-social-github:before {
2706 content: ""; }
2707
2708.ion-social-github-outline:before {
2709 content: ""; }
2710
2711.ion-social-google:before {
2712 content: ""; }
2713
2714.ion-social-google-outline:before {
2715 content: ""; }
2716
2717.ion-social-googleplus:before {
2718 content: ""; }
2719
2720.ion-social-googleplus-outline:before {
2721 content: ""; }
2722
2723.ion-social-hackernews:before {
2724 content: ""; }
2725
2726.ion-social-hackernews-outline:before {
2727 content: ""; }
2728
2729.ion-social-html5:before {
2730 content: ""; }
2731
2732.ion-social-html5-outline:before {
2733 content: ""; }
2734
2735.ion-social-instagram:before {
2736 content: ""; }
2737
2738.ion-social-instagram-outline:before {
2739 content: ""; }
2740
2741.ion-social-javascript:before {
2742 content: ""; }
2743
2744.ion-social-javascript-outline:before {
2745 content: ""; }
2746
2747.ion-social-linkedin:before {
2748 content: ""; }
2749
2750.ion-social-linkedin-outline:before {
2751 content: ""; }
2752
2753.ion-social-markdown:before {
2754 content: ""; }
2755
2756.ion-social-nodejs:before {
2757 content: ""; }
2758
2759.ion-social-octocat:before {
2760 content: ""; }
2761
2762.ion-social-pinterest:before {
2763 content: ""; }
2764
2765.ion-social-pinterest-outline:before {
2766 content: ""; }
2767
2768.ion-social-python:before {
2769 content: ""; }
2770
2771.ion-social-reddit:before {
2772 content: ""; }
2773
2774.ion-social-reddit-outline:before {
2775 content: ""; }
2776
2777.ion-social-rss:before {
2778 content: ""; }
2779
2780.ion-social-rss-outline:before {
2781 content: ""; }
2782
2783.ion-social-sass:before {
2784 content: ""; }
2785
2786.ion-social-skype:before {
2787 content: ""; }
2788
2789.ion-social-skype-outline:before {
2790 content: ""; }
2791
2792.ion-social-snapchat:before {
2793 content: ""; }
2794
2795.ion-social-snapchat-outline:before {
2796 content: ""; }
2797
2798.ion-social-tumblr:before {
2799 content: ""; }
2800
2801.ion-social-tumblr-outline:before {
2802 content: ""; }
2803
2804.ion-social-tux:before {
2805 content: ""; }
2806
2807.ion-social-twitch:before {
2808 content: ""; }
2809
2810.ion-social-twitch-outline:before {
2811 content: ""; }
2812
2813.ion-social-twitter:before {
2814 content: ""; }
2815
2816.ion-social-twitter-outline:before {
2817 content: ""; }
2818
2819.ion-social-usd:before {
2820 content: ""; }
2821
2822.ion-social-usd-outline:before {
2823 content: ""; }
2824
2825.ion-social-vimeo:before {
2826 content: ""; }
2827
2828.ion-social-vimeo-outline:before {
2829 content: ""; }
2830
2831.ion-social-whatsapp:before {
2832 content: ""; }
2833
2834.ion-social-whatsapp-outline:before {
2835 content: ""; }
2836
2837.ion-social-windows:before {
2838 content: ""; }
2839
2840.ion-social-windows-outline:before {
2841 content: ""; }
2842
2843.ion-social-wordpress:before {
2844 content: ""; }
2845
2846.ion-social-wordpress-outline:before {
2847 content: ""; }
2848
2849.ion-social-yahoo:before {
2850 content: ""; }
2851
2852.ion-social-yahoo-outline:before {
2853 content: ""; }
2854
2855.ion-social-yen:before {
2856 content: ""; }
2857
2858.ion-social-yen-outline:before {
2859 content: ""; }
2860
2861.ion-social-youtube:before {
2862 content: ""; }
2863
2864.ion-social-youtube-outline:before {
2865 content: ""; }
2866
2867.ion-soup-can:before {
2868 content: ""; }
2869
2870.ion-soup-can-outline:before {
2871 content: ""; }
2872
2873.ion-speakerphone:before {
2874 content: ""; }
2875
2876.ion-speedometer:before {
2877 content: ""; }
2878
2879.ion-spoon:before {
2880 content: ""; }
2881
2882.ion-star:before {
2883 content: ""; }
2884
2885.ion-stats-bars:before {
2886 content: ""; }
2887
2888.ion-steam:before {
2889 content: ""; }
2890
2891.ion-stop:before {
2892 content: ""; }
2893
2894.ion-thermometer:before {
2895 content: ""; }
2896
2897.ion-thumbsdown:before {
2898 content: ""; }
2899
2900.ion-thumbsup:before {
2901 content: ""; }
2902
2903.ion-toggle:before {
2904 content: ""; }
2905
2906.ion-toggle-filled:before {
2907 content: ""; }
2908
2909.ion-transgender:before {
2910 content: ""; }
2911
2912.ion-trash-a:before {
2913 content: ""; }
2914
2915.ion-trash-b:before {
2916 content: ""; }
2917
2918.ion-trophy:before {
2919 content: ""; }
2920
2921.ion-tshirt:before {
2922 content: ""; }
2923
2924.ion-tshirt-outline:before {
2925 content: ""; }
2926
2927.ion-umbrella:before {
2928 content: ""; }
2929
2930.ion-university:before {
2931 content: ""; }
2932
2933.ion-unlocked:before {
2934 content: ""; }
2935
2936.ion-upload:before {
2937 content: ""; }
2938
2939.ion-usb:before {
2940 content: ""; }
2941
2942.ion-videocamera:before {
2943 content: ""; }
2944
2945.ion-volume-high:before {
2946 content: ""; }
2947
2948.ion-volume-low:before {
2949 content: ""; }
2950
2951.ion-volume-medium:before {
2952 content: ""; }
2953
2954.ion-volume-mute:before {
2955 content: ""; }
2956
2957.ion-wand:before {
2958 content: ""; }
2959
2960.ion-waterdrop:before {
2961 content: ""; }
2962
2963.ion-wifi:before {
2964 content: ""; }
2965
2966.ion-wineglass:before {
2967 content: ""; }
2968
2969.ion-woman:before {
2970 content: ""; }
2971
2972.ion-wrench:before {
2973 content: ""; }
2974
2975.ion-xbox:before {
2976 content: ""; }
2977
2978/**
2979 * Resets
2980 * --------------------------------------------------
2981 * Adapted from normalize.css and some reset.css. We don't care even one
2982 * bit about old IE, so we don't need any hacks for that in here.
2983 *
2984 * There are probably other things we could remove here, as well.
2985 *
2986 * normalize.css v2.1.2 | MIT License | git.io/normalize
2987
2988 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
2989 * http://cssreset.com
2990 */
2991html, body, div, span, applet, object, iframe,
2992h1, h2, h3, h4, h5, h6, p, blockquote, pre,
2993a, abbr, acronym, address, big, cite, code,
2994del, dfn, em, img, ins, kbd, q, s, samp,
2995small, strike, strong, sub, sup, tt, var,
2996b, i, u, center,
2997dl, dt, dd, ol, ul, li,
2998fieldset, form, label, legend,
2999table, caption, tbody, tfoot, thead, tr, th, td,
3000article, aside, canvas, details, embed, fieldset,
3001figure, figcaption, footer, header, hgroup,
3002menu, nav, output, ruby, section, summary,
3003time, mark, audio, video {
3004 margin: 0;
3005 padding: 0;
3006 border: 0;
3007 vertical-align: baseline;
3008 font: inherit;
3009 font-size: 100%; }
3010
3011ol, ul {
3012 list-style: none; }
3013
3014blockquote, q {
3015 quotes: none; }
3016
3017blockquote:before, blockquote:after,
3018q:before, q:after {
3019 content: '';
3020 content: none; }
3021
3022/**
3023 * Prevent modern browsers from displaying `audio` without controls.
3024 * Remove excess height in iOS 5 devices.
3025 */
3026audio:not([controls]) {
3027 display: none;
3028 height: 0; }
3029
3030/**
3031 * Hide the `template` element in IE, Safari, and Firefox < 22.
3032 */
3033[hidden],
3034template {
3035 display: none; }
3036
3037script {
3038 display: none !important; }
3039
3040/* ==========================================================================
3041 Base
3042 ========================================================================== */
3043/**
3044 * 1. Set default font family to sans-serif.
3045 * 2. Prevent iOS text size adjust after orientation change, without disabling
3046 * user zoom.
3047 */
3048html {
3049 -webkit-user-select: none;
3050 -moz-user-select: none;
3051 -ms-user-select: none;
3052 user-select: none;
3053 font-family: sans-serif;
3054 /* 1 */
3055 -webkit-text-size-adjust: 100%;
3056 -ms-text-size-adjust: 100%;
3057 /* 2 */
3058 -webkit-text-size-adjust: 100%;
3059 /* 2 */ }
3060
3061/**
3062 * Remove default margin.
3063 */
3064body {
3065 margin: 0;
3066 line-height: 1; }
3067
3068/**
3069 * Remove default outlines.
3070 */
3071a,
3072button,
3073:focus,
3074a:focus,
3075button:focus,
3076a:active,
3077a:hover {
3078 outline: 0; }
3079
3080/* *
3081 * Remove tap highlight color
3082 */
3083a {
3084 -webkit-user-drag: none;
3085 -webkit-tap-highlight-color: transparent;
3086 -webkit-tap-highlight-color: transparent; }
3087 a[href]:hover {
3088 cursor: pointer; }
3089
3090/* ==========================================================================
3091 Typography
3092 ========================================================================== */
3093/**
3094 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
3095 */
3096b,
3097strong {
3098 font-weight: bold; }
3099
3100/**
3101 * Address styling not present in Safari 5 and Chrome.
3102 */
3103dfn {
3104 font-style: italic; }
3105
3106/**
3107 * Address differences between Firefox and other browsers.
3108 */
3109hr {
3110 -moz-box-sizing: content-box;
3111 box-sizing: content-box;
3112 height: 0; }
3113
3114/**
3115 * Correct font family set oddly in Safari 5 and Chrome.
3116 */
3117code,
3118kbd,
3119pre,
3120samp {
3121 font-size: 1em;
3122 font-family: monospace, serif; }
3123
3124/**
3125 * Improve readability of pre-formatted text in all browsers.
3126 */
3127pre {
3128 white-space: pre-wrap; }
3129
3130/**
3131 * Set consistent quote types.
3132 */
3133q {
3134 quotes: "\201C" "\201D" "\2018" "\2019"; }
3135
3136/**
3137 * Address inconsistent and variable font size in all browsers.
3138 */
3139small {
3140 font-size: 80%; }
3141
3142/**
3143 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
3144 */
3145sub,
3146sup {
3147 position: relative;
3148 vertical-align: baseline;
3149 font-size: 75%;
3150 line-height: 0; }
3151
3152sup {
3153 top: -0.5em; }
3154
3155sub {
3156 bottom: -0.25em; }
3157
3158/**
3159 * Define consistent border, margin, and padding.
3160 */
3161fieldset {
3162 margin: 0 2px;
3163 padding: 0.35em 0.625em 0.75em;
3164 border: 1px solid #c0c0c0; }
3165
3166/**
3167 * 1. Correct `color` not being inherited in IE 8/9.
3168 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
3169 */
3170legend {
3171 padding: 0;
3172 /* 2 */
3173 border: 0;
3174 /* 1 */ }
3175
3176/**
3177 * 1. Correct font family not being inherited in all browsers.
3178 * 2. Correct font size not being inherited in all browsers.
3179 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
3180 * 4. Remove any default :focus styles
3181 * 5. Make sure webkit font smoothing is being inherited
3182 * 6. Remove default gradient in Android Firefox / FirefoxOS
3183 */
3184button,
3185input,
3186select,
3187textarea {
3188 margin: 0;
3189 /* 3 */
3190 font-size: 100%;
3191 /* 2 */
3192 font-family: inherit;
3193 /* 1 */
3194 outline-offset: 0;
3195 /* 4 */
3196 outline-style: none;
3197 /* 4 */
3198 outline-width: 0;
3199 /* 4 */
3200 -webkit-font-smoothing: inherit;
3201 /* 5 */
3202 background-image: none;
3203 /* 6 */ }
3204
3205/**
3206 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
3207 * the UA stylesheet.
3208 */
3209button,
3210input {
3211 line-height: normal; }
3212
3213/**
3214 * Address inconsistent `text-transform` inheritance for `button` and `select`.
3215 * All other form control elements do not inherit `text-transform` values.
3216 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
3217 * Correct `select` style inheritance in Firefox 4+ and Opera.
3218 */
3219button,
3220select {
3221 text-transform: none; }
3222
3223/**
3224 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
3225 * and `video` controls.
3226 * 2. Correct inability to style clickable `input` types in iOS.
3227 * 3. Improve usability and consistency of cursor style between image-type
3228 * `input` and others.
3229 */
3230button,
3231html input[type="button"],
3232input[type="reset"],
3233input[type="submit"] {
3234 cursor: pointer;
3235 /* 3 */
3236 -webkit-appearance: button;
3237 /* 2 */ }
3238
3239/**
3240 * Re-set default cursor for disabled elements.
3241 */
3242button[disabled],
3243html input[disabled] {
3244 cursor: default; }
3245
3246/**
3247 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
3248 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
3249 * (include `-moz` to future-proof).
3250 */
3251input[type="search"] {
3252 -webkit-box-sizing: content-box;
3253 /* 2 */
3254 -moz-box-sizing: content-box;
3255 box-sizing: content-box;
3256 -webkit-appearance: textfield;
3257 /* 1 */ }
3258
3259/**
3260 * Remove inner padding and search cancel button in Safari 5 and Chrome
3261 * on OS X.
3262 */
3263input[type="search"]::-webkit-search-cancel-button,
3264input[type="search"]::-webkit-search-decoration {
3265 -webkit-appearance: none; }
3266
3267/**
3268 * Remove inner padding and border in Firefox 4+.
3269 */
3270button::-moz-focus-inner,
3271input::-moz-focus-inner {
3272 padding: 0;
3273 border: 0; }
3274
3275/**
3276 * 1. Remove default vertical scrollbar in IE 8/9.
3277 * 2. Improve readability and alignment in all browsers.
3278 */
3279textarea {
3280 overflow: auto;
3281 /* 1 */
3282 vertical-align: top;
3283 /* 2 */ }
3284
3285img {
3286 -webkit-user-drag: none; }
3287
3288/* ==========================================================================
3289 Tables
3290 ========================================================================== */
3291/**
3292 * Remove most spacing between table cells.
3293 */
3294table {
3295 border-spacing: 0;
3296 border-collapse: collapse; }
3297
3298/**
3299 * Scaffolding
3300 * --------------------------------------------------
3301 */
3302*,
3303*:before,
3304*:after {
3305 -webkit-box-sizing: border-box;
3306 -moz-box-sizing: border-box;
3307 box-sizing: border-box; }
3308
3309html {
3310 overflow: hidden;
3311 -ms-touch-action: pan-y;
3312 touch-action: pan-y; }
3313
3314body,
3315.ionic-body {
3316 -webkit-touch-callout: none;
3317 -webkit-font-smoothing: antialiased;
3318 font-smoothing: antialiased;
3319 -webkit-text-size-adjust: none;
3320 -moz-text-size-adjust: none;
3321 text-size-adjust: none;
3322 -webkit-tap-highlight-color: transparent;
3323 -webkit-tap-highlight-color: transparent;
3324 -webkit-user-select: none;
3325 -moz-user-select: none;
3326 -ms-user-select: none;
3327 user-select: none;
3328 top: 0;
3329 right: 0;
3330 bottom: 0;
3331 left: 0;
3332 overflow: hidden;
3333 margin: 0;
3334 padding: 0;
3335 color: #000;
3336 word-wrap: break-word;
3337 font-size: 14px;
3338 font-family: -apple-system;
3339 font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
3340 line-height: 20px;
3341 text-rendering: optimizeLegibility;
3342 -webkit-backface-visibility: hidden;
3343 -webkit-user-drag: none;
3344 -ms-content-zooming: none; }
3345
3346body.grade-b,
3347body.grade-c {
3348 text-rendering: auto; }
3349
3350.content {
3351 position: relative; }
3352
3353.scroll-content {
3354 position: absolute;
3355 top: 0;
3356 right: 0;
3357 bottom: 0;
3358 left: 0;
3359 overflow: hidden;
3360 margin-top: -1px;
3361 padding-top: 1px;
3362 margin-bottom: -1px;
3363 width: auto;
3364 height: auto; }
3365
3366.menu .scroll-content.scroll-content-false {
3367 z-index: 11; }
3368
3369.scroll-view {
3370 position: relative;
3371 display: block;
3372 overflow: hidden;
3373 margin-top: -1px; }
3374 .scroll-view.overflow-scroll {
3375 position: relative; }
3376 .scroll-view.scroll-x {
3377 overflow-x: scroll;
3378 overflow-y: hidden; }
3379 .scroll-view.scroll-y {
3380 overflow-x: hidden;
3381 overflow-y: scroll; }
3382 .scroll-view.scroll-xy {
3383 overflow-x: scroll;
3384 overflow-y: scroll; }
3385
3386/**
3387 * Scroll is the scroll view component available for complex and custom
3388 * scroll view functionality.
3389 */
3390.scroll {
3391 -webkit-user-select: none;
3392 -moz-user-select: none;
3393 -ms-user-select: none;
3394 user-select: none;
3395 -webkit-touch-callout: none;
3396 -webkit-text-size-adjust: none;
3397 -moz-text-size-adjust: none;
3398 text-size-adjust: none;
3399 -webkit-transform-origin: left top;
3400 transform-origin: left top; }
3401
3402/**
3403 * Set ms-viewport to prevent MS "page squish" and allow fluid scrolling
3404 * https://msdn.microsoft.com/en-us/library/ie/hh869615(v=vs.85).aspx
3405 */
3406@-ms-viewport {
3407 width: device-width; }
3408
3409.scroll-bar {
3410 position: absolute;
3411 z-index: 9999; }
3412
3413.ng-animate .scroll-bar {
3414 visibility: hidden; }
3415
3416.scroll-bar-h {
3417 right: 2px;
3418 bottom: 3px;
3419 left: 2px;
3420 height: 3px; }
3421 .scroll-bar-h .scroll-bar-indicator {
3422 height: 100%; }
3423
3424.scroll-bar-v {
3425 top: 2px;
3426 right: 3px;
3427 bottom: 2px;
3428 width: 3px; }
3429 .scroll-bar-v .scroll-bar-indicator {
3430 width: 100%; }
3431
3432.scroll-bar-indicator {
3433 position: absolute;
3434 border-radius: 4px;
3435 background: rgba(0, 0, 0, 0.3);
3436 opacity: 1;
3437 -webkit-transition: opacity 0.3s linear;
3438 transition: opacity 0.3s linear; }
3439 .scroll-bar-indicator.scroll-bar-fade-out {
3440 opacity: 0; }
3441
3442.platform-android .scroll-bar-indicator {
3443 border-radius: 0; }
3444
3445.grade-b .scroll-bar-indicator,
3446.grade-c .scroll-bar-indicator {
3447 background: #aaa; }
3448 .grade-b .scroll-bar-indicator.scroll-bar-fade-out,
3449 .grade-c .scroll-bar-indicator.scroll-bar-fade-out {
3450 -webkit-transition: none;
3451 transition: none; }
3452
3453ion-infinite-scroll {
3454 height: 60px;
3455 width: 100%;
3456 display: block;
3457 display: -webkit-box;
3458 display: -webkit-flex;
3459 display: -moz-box;
3460 display: -moz-flex;
3461 display: -ms-flexbox;
3462 display: flex;
3463 -webkit-box-direction: normal;
3464 -webkit-box-orient: horizontal;
3465 -webkit-flex-direction: row;
3466 -moz-flex-direction: row;
3467 -ms-flex-direction: row;
3468 flex-direction: row;
3469 -webkit-box-pack: center;
3470 -ms-flex-pack: center;
3471 -webkit-justify-content: center;
3472 -moz-justify-content: center;
3473 justify-content: center;
3474 -webkit-box-align: center;
3475 -ms-flex-align: center;
3476 -webkit-align-items: center;
3477 -moz-align-items: center;
3478 align-items: center; }
3479 ion-infinite-scroll .icon {
3480 color: #666666;
3481 font-size: 30px;
3482 color: #666666; }
3483 ion-infinite-scroll:not(.active) .spinner,
3484 ion-infinite-scroll:not(.active) .icon:before {
3485 display: none; }
3486
3487.overflow-scroll {
3488 overflow-x: hidden;
3489 overflow-y: scroll;
3490 -webkit-overflow-scrolling: touch;
3491 -ms-overflow-style: -ms-autohiding-scrollbar;
3492 top: 0;
3493 right: 0;
3494 bottom: 0;
3495 left: 0;
3496 position: absolute; }
3497 .overflow-scroll.pane {
3498 overflow-x: hidden;
3499 overflow-y: scroll; }
3500 .overflow-scroll .scroll {
3501 position: static;
3502 height: 100%;
3503 -webkit-transform: translate3d(0, 0, 0); }
3504
3505/* If you change these, change platform.scss as well */
3506.has-header {
3507 top: 44px; }
3508
3509.no-header {
3510 top: 0; }
3511
3512.has-subheader {
3513 top: 88px; }
3514
3515.has-tabs-top {
3516 top: 93px; }
3517
3518.has-header.has-subheader.has-tabs-top {
3519 top: 137px; }
3520
3521.has-footer {
3522 bottom: 44px; }
3523
3524.has-subfooter {
3525 bottom: 88px; }
3526
3527.has-tabs,
3528.bar-footer.has-tabs {
3529 bottom: 49px; }
3530 .has-tabs.pane,
3531 .bar-footer.has-tabs.pane {
3532 bottom: 49px;
3533 height: auto; }
3534
3535.bar-subfooter.has-tabs {
3536 bottom: 93px; }
3537
3538.has-footer.has-tabs {
3539 bottom: 93px; }
3540
3541.pane {
3542 -webkit-transform: translate3d(0, 0, 0);
3543 transform: translate3d(0, 0, 0);
3544 -webkit-transition-duration: 0;
3545 transition-duration: 0;
3546 z-index: 1; }
3547
3548.view {
3549 z-index: 1; }
3550
3551.pane,
3552.view {
3553 position: absolute;
3554 top: 0;
3555 right: 0;
3556 bottom: 0;
3557 left: 0;
3558 width: 100%;
3559 height: 100%;
3560 background-color: #fff;
3561 overflow: hidden; }
3562
3563.view-container {
3564 position: absolute;
3565 display: block;
3566 width: 100%;
3567 height: 100%; }
3568
3569/**
3570 * Typography
3571 * --------------------------------------------------
3572 */
3573p {
3574 margin: 0 0 10px; }
3575
3576small {
3577 font-size: 85%; }
3578
3579cite {
3580 font-style: normal; }
3581
3582.text-left {
3583 text-align: left; }
3584
3585.text-right {
3586 text-align: right; }
3587
3588.text-center {
3589 text-align: center; }
3590
3591h1, h2, h3, h4, h5, h6,
3592.h1, .h2, .h3, .h4, .h5, .h6 {
3593 color: #000;
3594 font-weight: 500;
3595 font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
3596 line-height: 1.2; }
3597 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
3598 .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
3599 font-weight: normal;
3600 line-height: 1; }
3601
3602h1, .h1,
3603h2, .h2,
3604h3, .h3 {
3605 margin-top: 20px;
3606 margin-bottom: 10px; }
3607 h1:first-child, .h1:first-child,
3608 h2:first-child, .h2:first-child,
3609 h3:first-child, .h3:first-child {
3610 margin-top: 0; }
3611 h1 + h1, h1 + .h1,
3612 h1 + h2, h1 + .h2,
3613 h1 + h3, h1 + .h3, .h1 + h1, .h1 + .h1,
3614 .h1 + h2, .h1 + .h2,
3615 .h1 + h3, .h1 + .h3,
3616 h2 + h1,
3617 h2 + .h1,
3618 h2 + h2,
3619 h2 + .h2,
3620 h2 + h3,
3621 h2 + .h3, .h2 + h1, .h2 + .h1,
3622 .h2 + h2, .h2 + .h2,
3623 .h2 + h3, .h2 + .h3,
3624 h3 + h1,
3625 h3 + .h1,
3626 h3 + h2,
3627 h3 + .h2,
3628 h3 + h3,
3629 h3 + .h3, .h3 + h1, .h3 + .h1,
3630 .h3 + h2, .h3 + .h2,
3631 .h3 + h3, .h3 + .h3 {
3632 margin-top: 10px; }
3633
3634h4, .h4,
3635h5, .h5,
3636h6, .h6 {
3637 margin-top: 10px;
3638 margin-bottom: 10px; }
3639
3640h1, .h1 {
3641 font-size: 36px; }
3642
3643h2, .h2 {
3644 font-size: 30px; }
3645
3646h3, .h3 {
3647 font-size: 24px; }
3648
3649h4, .h4 {
3650 font-size: 18px; }
3651
3652h5, .h5 {
3653 font-size: 14px; }
3654
3655h6, .h6 {
3656 font-size: 12px; }
3657
3658h1 small, .h1 small {
3659 font-size: 24px; }
3660
3661h2 small, .h2 small {
3662 font-size: 18px; }
3663
3664h3 small, .h3 small,
3665h4 small, .h4 small {
3666 font-size: 14px; }
3667
3668dl {
3669 margin-bottom: 20px; }
3670
3671dt,
3672dd {
3673 line-height: 1.42857; }
3674
3675dt {
3676 font-weight: bold; }
3677
3678blockquote {
3679 margin: 0 0 20px;
3680 padding: 10px 20px;
3681 border-left: 5px solid gray; }
3682 blockquote p {
3683 font-weight: 300;
3684 font-size: 17.5px;
3685 line-height: 1.25; }
3686 blockquote p:last-child {
3687 margin-bottom: 0; }
3688 blockquote small {
3689 display: block;
3690 line-height: 1.42857; }
3691 blockquote small:before {
3692 content: '\2014 \00A0'; }
3693
3694q:before,
3695q:after,
3696blockquote:before,
3697blockquote:after {
3698 content: ""; }
3699
3700address {
3701 display: block;
3702 margin-bottom: 20px;
3703 font-style: normal;
3704 line-height: 1.42857; }
3705
3706a {
3707 color: #387ef5; }
3708
3709a.subdued {
3710 padding-right: 10px;
3711 color: #888;
3712 text-decoration: none; }
3713 a.subdued:hover {
3714 text-decoration: none; }
3715 a.subdued:last-child {
3716 padding-right: 0; }
3717
3718/**
3719 * Action Sheets
3720 * --------------------------------------------------
3721 */
3722.action-sheet-backdrop {
3723 -webkit-transition: background-color 150ms ease-in-out;
3724 transition: background-color 150ms ease-in-out;
3725 position: fixed;
3726 top: 0;
3727 left: 0;
3728 z-index: 11;
3729 width: 100%;
3730 height: 100%;
3731 background-color: transparent; }
3732 .action-sheet-backdrop.active {
3733 background-color: rgba(0, 0, 0, 0.4); }
3734
3735.action-sheet-wrapper {
3736 -webkit-transform: translate3d(0, 100%, 0);
3737 transform: translate3d(0, 100%, 0);
3738 -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
3739 transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
3740 position: absolute;
3741 bottom: 0;
3742 left: 0;
3743 right: 0;
3744 width: 100%;
3745 max-width: 500px;
3746 margin: auto; }
3747
3748.action-sheet-up {
3749 -webkit-transform: translate3d(0, 0, 0);
3750 transform: translate3d(0, 0, 0); }
3751
3752.action-sheet {
3753 margin-left: 8px;
3754 margin-right: 8px;
3755 width: auto;
3756 z-index: 11;
3757 overflow: hidden; }
3758 .action-sheet .button {
3759 display: block;
3760 padding: 1px;
3761 width: 100%;
3762 border-radius: 0;
3763 border-color: #d1d3d6;
3764 background-color: transparent;
3765 color: #007aff;
3766 font-size: 21px; }
3767 .action-sheet .button:hover {
3768 color: #007aff; }
3769 .action-sheet .button.destructive {
3770 color: #ff3b30; }
3771 .action-sheet .button.destructive:hover {
3772 color: #ff3b30; }
3773 .action-sheet .button.active, .action-sheet .button.activated {
3774 box-shadow: none;
3775 border-color: #d1d3d6;
3776 color: #007aff;
3777 background: #e4e5e7; }
3778
3779.action-sheet-has-icons .icon {
3780 position: absolute;
3781 left: 16px; }
3782
3783.action-sheet-title {
3784 padding: 16px;
3785 color: #8f8f8f;
3786 text-align: center;
3787 font-size: 13px; }
3788
3789.action-sheet-group {
3790 margin-bottom: 8px;
3791 border-radius: 4px;
3792 background-color: #fff;
3793 overflow: hidden; }
3794 .action-sheet-group .button {
3795 border-width: 1px 0px 0px 0px; }
3796 .action-sheet-group .button:first-child:last-child {
3797 border-width: 0; }
3798
3799.action-sheet-options {
3800 background: #f1f2f3; }
3801
3802.action-sheet-cancel .button {
3803 font-weight: 500; }
3804
3805.action-sheet-open {
3806 pointer-events: none; }
3807 .action-sheet-open.modal-open .modal {
3808 pointer-events: none; }
3809 .action-sheet-open .action-sheet-backdrop {
3810 pointer-events: auto; }
3811
3812.platform-android .action-sheet-backdrop.active {
3813 background-color: rgba(0, 0, 0, 0.2); }
3814
3815.platform-android .action-sheet {
3816 margin: 0; }
3817 .platform-android .action-sheet .action-sheet-title,
3818 .platform-android .action-sheet .button {
3819 text-align: left;
3820 border-color: transparent;
3821 font-size: 16px;
3822 color: inherit; }
3823 .platform-android .action-sheet .action-sheet-title {
3824 font-size: 14px;
3825 padding: 16px;
3826 color: #666; }
3827 .platform-android .action-sheet .button.active,
3828 .platform-android .action-sheet .button.activated {
3829 background: #e8e8e8; }
3830
3831.platform-android .action-sheet-group {
3832 margin: 0;
3833 border-radius: 0;
3834 background-color: #fafafa; }
3835
3836.platform-android .action-sheet-cancel {
3837 display: none; }
3838
3839.platform-android .action-sheet-has-icons .button {
3840 padding-left: 56px; }
3841
3842.backdrop {
3843 position: fixed;
3844 top: 0;
3845 left: 0;
3846 z-index: 11;
3847 width: 100%;
3848 height: 100%;
3849 background-color: rgba(0, 0, 0, 0.4);
3850 visibility: hidden;
3851 opacity: 0;
3852 -webkit-transition: 0.1s opacity linear;
3853 transition: 0.1s opacity linear; }
3854 .backdrop.visible {
3855 visibility: visible; }
3856 .backdrop.active {
3857 opacity: 1; }
3858
3859/**
3860 * Bar (Headers and Footers)
3861 * --------------------------------------------------
3862 */
3863.bar {
3864 display: -webkit-box;
3865 display: -webkit-flex;
3866 display: -moz-box;
3867 display: -moz-flex;
3868 display: -ms-flexbox;
3869 display: flex;
3870 -webkit-transform: translate3d(0, 0, 0);
3871 transform: translate3d(0, 0, 0);
3872 -webkit-user-select: none;
3873 -moz-user-select: none;
3874 -ms-user-select: none;
3875 user-select: none;
3876 position: absolute;
3877 right: 0;
3878 left: 0;
3879 z-index: 9;
3880 -webkit-box-sizing: border-box;
3881 -moz-box-sizing: border-box;
3882 box-sizing: border-box;
3883 padding: 5px;
3884 width: 100%;
3885 height: 44px;
3886 border-width: 0;
3887 border-style: solid;
3888 border-top: 1px solid transparent;
3889 border-bottom: 1px solid #ddd;
3890 background-color: white;
3891 /* border-width: 1px will actually create 2 device pixels on retina */
3892 /* this nifty trick sets an actual 1px border on hi-res displays */
3893 background-size: 0; }
3894 @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
3895 .bar {
3896 border: none;
3897 background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
3898 background-position: bottom;
3899 background-size: 100% 1px;
3900 background-repeat: no-repeat; } }
3901 .bar.bar-clear {
3902 border: none;
3903 background: none;
3904 color: #fff; }
3905 .bar.bar-clear .button {
3906 color: #fff; }
3907 .bar.bar-clear .title {
3908 color: #fff; }
3909 .bar.item-input-inset .item-input-wrapper {
3910 margin-top: -1px; }
3911 .bar.item-input-inset .item-input-wrapper input {
3912 padding-left: 8px;
3913 width: 94%;
3914 height: 28px;
3915 background: transparent; }
3916 .bar.bar-light {
3917 border-color: #ddd;
3918 background-color: white;
3919 background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
3920 color: #444; }
3921 .bar.bar-light .title {
3922 color: #444; }
3923 .bar.bar-light.bar-footer {
3924 background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); }
3925 .bar.bar-stable {
3926 border-color: #b2b2b2;
3927 background-color: #f8f8f8;
3928 background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
3929 color: #444; }
3930 .bar.bar-stable .title {
3931 color: #444; }
3932 .bar.bar-stable.bar-footer {
3933 background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
3934 .bar.bar-positive {
3935 border-color: #0c60ee;
3936 background-color: #387ef5;
3937 background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
3938 color: #fff; }
3939 .bar.bar-positive .title {
3940 color: #fff; }
3941 .bar.bar-positive.bar-footer {
3942 background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); }
3943 .bar.bar-calm {
3944 border-color: #0a9dc7;
3945 background-color: #11c1f3;
3946 background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
3947 color: #fff; }
3948 .bar.bar-calm .title {
3949 color: #fff; }
3950 .bar.bar-calm.bar-footer {
3951 background-image: linear-gradient(180deg, #0a9dc7, #0a9dc7 50%, transparent 50%); }
3952 .bar.bar-assertive {
3953 border-color: #e42112;
3954 background-color: #ef473a;
3955 background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
3956 color: #fff; }
3957 .bar.bar-assertive .title {
3958 color: #fff; }
3959 .bar.bar-assertive.bar-footer {
3960 background-image: linear-gradient(180deg, #e42112, #e42112 50%, transparent 50%); }
3961 .bar.bar-balanced {
3962 border-color: #28a54c;
3963 background-color: #33cd5f;
3964 background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
3965 color: #fff; }
3966 .bar.bar-balanced .title {
3967 color: #fff; }
3968 .bar.bar-balanced.bar-footer {
3969 background-image: linear-gradient(180deg, #28a54c, #28a54c 50%, transparent 50%); }
3970 .bar.bar-energized {
3971 border-color: #e6b500;
3972 background-color: #ffc900;
3973 background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
3974 color: #fff; }
3975 .bar.bar-energized .title {
3976 color: #fff; }
3977 .bar.bar-energized.bar-footer {
3978 background-image: linear-gradient(180deg, #e6b500, #e6b500 50%, transparent 50%); }
3979 .bar.bar-royal {
3980 border-color: #6b46e5;
3981 background-color: #886aea;
3982 background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
3983 color: #fff; }
3984 .bar.bar-royal .title {
3985 color: #fff; }
3986 .bar.bar-royal.bar-footer {
3987 background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); }
3988 .bar.bar-dark {
3989 border-color: #111;
3990 background-color: #444444;
3991 background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
3992 color: #fff; }
3993 .bar.bar-dark .title {
3994 color: #fff; }
3995 .bar.bar-dark.bar-footer {
3996 background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); }
3997 .bar .title {
3998 display: block;
3999 position: absolute;
4000 top: 0;
4001 right: 0;
4002 left: 0;
4003 z-index: 0;
4004 overflow: hidden;
4005 margin: 0 10px;
4006 min-width: 30px;
4007 height: 43px;
4008 text-align: center;
4009 text-overflow: ellipsis;
4010 white-space: nowrap;
4011 font-size: 17px;
4012 font-weight: 500;
4013 line-height: 44px; }
4014 .bar .title.title-left {
4015 text-align: left; }
4016 .bar .title.title-right {
4017 text-align: right; }
4018 .bar .title a {
4019 color: inherit; }
4020 .bar .button, .bar button {
4021 z-index: 1;
4022 padding: 0 8px;
4023 min-width: initial;
4024 min-height: 31px;
4025 font-weight: 400;
4026 font-size: 13px;
4027 line-height: 32px; }
4028 .bar .button.button-icon:before,
4029 .bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before, .bar button.button-icon:before,
4030 .bar button .icon:before, .bar button.icon:before, .bar button.icon-left:before, .bar button.icon-right:before {
4031 padding-right: 2px;
4032 padding-left: 2px;
4033 font-size: 20px;
4034 line-height: 32px; }
4035 .bar .button.button-icon, .bar button.button-icon {
4036 font-size: 17px; }
4037 .bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar button.button-icon .icon:before, .bar button.button-icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before {
4038 vertical-align: top;
4039 font-size: 32px;
4040 line-height: 32px; }
4041 .bar .button.button-clear, .bar button.button-clear {
4042 padding-right: 2px;
4043 padding-left: 2px;
4044 font-weight: 300;
4045 font-size: 17px; }
4046 .bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before, .bar button.button-clear .icon:before, .bar button.button-clear.icon:before, .bar button.button-clear.icon-left:before, .bar button.button-clear.icon-right:before {
4047 font-size: 32px;
4048 line-height: 32px; }
4049 .bar .button.back-button, .bar button.back-button {
4050 display: block;
4051 margin-right: 5px;
4052 padding: 0;
4053 white-space: nowrap;
4054 font-weight: 400; }
4055 .bar .button.back-button.active, .bar .button.back-button.activated, .bar button.back-button.active, .bar button.back-button.activated {
4056 opacity: 0.2; }
4057 .bar .button-bar > .button,
4058 .bar .buttons > .button {
4059 min-height: 31px;
4060 line-height: 32px; }
4061 .bar .button-bar + .button,
4062 .bar .button + .button-bar {
4063 margin-left: 5px; }
4064 .bar .buttons,
4065 .bar .buttons.primary-buttons,
4066 .bar .buttons.secondary-buttons {
4067 display: inherit; }
4068 .bar .buttons span {
4069 display: inline-block; }
4070 .bar .buttons-left span {
4071 margin-right: 5px;
4072 display: inherit; }
4073 .bar .buttons-right span {
4074 margin-left: 5px;
4075 display: inherit; }
4076 .bar .title + .button:last-child,
4077 .bar > .button + .button:last-child,
4078 .bar > .button.pull-right,
4079 .bar .buttons.pull-right,
4080 .bar .title + .buttons {
4081 position: absolute;
4082 top: 5px;
4083 right: 5px;
4084 bottom: 5px; }
4085
4086.platform-android .nav-bar-has-subheader .bar {
4087 background-image: none; }
4088
4089.platform-android .bar .back-button .icon:before {
4090 font-size: 24px; }
4091
4092.platform-android .bar .title {
4093 font-size: 19px;
4094 line-height: 44px; }
4095
4096.bar-light .button {
4097 border-color: #ddd;
4098 background-color: white;
4099 color: #444; }
4100 .bar-light .button:hover {
4101 color: #444;
4102 text-decoration: none; }
4103 .bar-light .button.active, .bar-light .button.activated {
4104 border-color: #ccc;
4105 background-color: #fafafa; }
4106 .bar-light .button.button-clear {
4107 border-color: transparent;
4108 background: none;
4109 box-shadow: none;
4110 color: #444;
4111 font-size: 17px; }
4112 .bar-light .button.button-icon {
4113 border-color: transparent;
4114 background: none; }
4115
4116.bar-stable .button {
4117 border-color: #b2b2b2;
4118 background-color: #f8f8f8;
4119 color: #444; }
4120 .bar-stable .button:hover {
4121 color: #444;
4122 text-decoration: none; }
4123 .bar-stable .button.active, .bar-stable .button.activated {
4124 border-color: #a2a2a2;
4125 background-color: #e5e5e5; }
4126 .bar-stable .button.button-clear {
4127 border-color: transparent;
4128 background: none;
4129 box-shadow: none;
4130 color: #444;
4131 font-size: 17px; }
4132 .bar-stable .button.button-icon {
4133 border-color: transparent;
4134 background: none; }
4135
4136.bar-positive .button {
4137 border-color: #0c60ee;
4138 background-color: #387ef5;
4139 color: #fff; }
4140 .bar-positive .button:hover {
4141 color: #fff;
4142 text-decoration: none; }
4143 .bar-positive .button.active, .bar-positive .button.activated {
4144 border-color: #0c60ee;
4145 background-color: #0c60ee; }
4146 .bar-positive .button.button-clear {
4147 border-color: transparent;
4148 background: none;
4149 box-shadow: none;
4150 color: #fff;
4151 font-size: 17px; }
4152 .bar-positive .button.button-icon {
4153 border-color: transparent;
4154 background: none; }
4155
4156.bar-calm .button {
4157 border-color: #0a9dc7;
4158 background-color: #11c1f3;
4159 color: #fff; }
4160 .bar-calm .button:hover {
4161 color: #fff;
4162 text-decoration: none; }
4163 .bar-calm .button.active, .bar-calm .button.activated {
4164 border-color: #0a9dc7;
4165 background-color: #0a9dc7; }
4166 .bar-calm .button.button-clear {
4167 border-color: transparent;
4168 background: none;
4169 box-shadow: none;
4170 color: #fff;
4171 font-size: 17px; }
4172 .bar-calm .button.button-icon {
4173 border-color: transparent;
4174 background: none; }
4175
4176.bar-assertive .button {
4177 border-color: #e42112;
4178 background-color: #ef473a;
4179 color: #fff; }
4180 .bar-assertive .button:hover {
4181 color: #fff;
4182 text-decoration: none; }
4183 .bar-assertive .button.active, .bar-assertive .button.activated {
4184 border-color: #e42112;
4185 background-color: #e42112; }
4186 .bar-assertive .button.button-clear {
4187 border-color: transparent;
4188 background: none;
4189 box-shadow: none;
4190 color: #fff;
4191 font-size: 17px; }
4192 .bar-assertive .button.button-icon {
4193 border-color: transparent;
4194 background: none; }
4195
4196.bar-balanced .button {
4197 border-color: #28a54c;
4198 background-color: #33cd5f;
4199 color: #fff; }
4200 .bar-balanced .button:hover {
4201 color: #fff;
4202 text-decoration: none; }
4203 .bar-balanced .button.active, .bar-balanced .button.activated {
4204 border-color: #28a54c;
4205 background-color: #28a54c; }
4206 .bar-balanced .button.button-clear {
4207 border-color: transparent;
4208 background: none;
4209 box-shadow: none;
4210 color: #fff;
4211 font-size: 17px; }
4212 .bar-balanced .button.button-icon {
4213 border-color: transparent;
4214 background: none; }
4215
4216.bar-energized .button {
4217 border-color: #e6b500;
4218 background-color: #ffc900;
4219 color: #fff; }
4220 .bar-energized .button:hover {
4221 color: #fff;
4222 text-decoration: none; }
4223 .bar-energized .button.active, .bar-energized .button.activated {
4224 border-color: #e6b500;
4225 background-color: #e6b500; }
4226 .bar-energized .button.button-clear {
4227 border-color: transparent;
4228 background: none;
4229 box-shadow: none;
4230 color: #fff;
4231 font-size: 17px; }
4232 .bar-energized .button.button-icon {
4233 border-color: transparent;
4234 background: none; }
4235
4236.bar-royal .button {
4237 border-color: #6b46e5;
4238 background-color: #886aea;
4239 color: #fff; }
4240 .bar-royal .button:hover {
4241 color: #fff;
4242 text-decoration: none; }
4243 .bar-royal .button.active, .bar-royal .button.activated {
4244 border-color: #6b46e5;
4245 background-color: #6b46e5; }
4246 .bar-royal .button.button-clear {
4247 border-color: transparent;
4248 background: none;
4249 box-shadow: none;
4250 color: #fff;
4251 font-size: 17px; }
4252 .bar-royal .button.button-icon {
4253 border-color: transparent;
4254 background: none; }
4255
4256.bar-dark .button {
4257 border-color: #111;
4258 background-color: #444444;
4259 color: #fff; }
4260 .bar-dark .button:hover {
4261 color: #fff;
4262 text-decoration: none; }
4263 .bar-dark .button.active, .bar-dark .button.activated {
4264 border-color: #000;
4265 background-color: #262626; }
4266 .bar-dark .button.button-clear {
4267 border-color: transparent;
4268 background: none;
4269 box-shadow: none;
4270 color: #fff;
4271 font-size: 17px; }
4272 .bar-dark .button.button-icon {
4273 border-color: transparent;
4274 background: none; }
4275
4276.bar-header {
4277 top: 0;
4278 border-top-width: 0;
4279 border-bottom-width: 1px; }
4280 .bar-header.has-tabs-top {
4281 border-bottom-width: 0px;
4282 background-image: none; }
4283
4284.tabs-top .bar-header {
4285 border-bottom-width: 0px;
4286 background-image: none; }
4287
4288.bar-footer {
4289 bottom: 0;
4290 border-top-width: 1px;
4291 border-bottom-width: 0;
4292 background-position: top;
4293 height: 44px; }
4294 .bar-footer.item-input-inset {
4295 position: absolute; }
4296 .bar-footer .title {
4297 height: 43px;
4298 line-height: 44px; }
4299
4300.bar-tabs {
4301 padding: 0; }
4302
4303.bar-subheader {
4304 top: 44px;
4305 height: 44px; }
4306 .bar-subheader .title {
4307 height: 43px;
4308 line-height: 44px; }
4309
4310.bar-subfooter {
4311 bottom: 44px;
4312 height: 44px; }
4313 .bar-subfooter .title {
4314 height: 43px;
4315 line-height: 44px; }
4316
4317.nav-bar-block {
4318 position: absolute;
4319 top: 0;
4320 right: 0;
4321 left: 0;
4322 z-index: 9; }
4323
4324.bar .back-button.hide,
4325.bar .buttons .hide {
4326 display: none; }
4327
4328.nav-bar-tabs-top .bar {
4329 background-image: none; }
4330
4331/**
4332 * Tabs
4333 * --------------------------------------------------
4334 * A navigation bar with any number of tab items supported.
4335 */
4336.tabs {
4337 display: -webkit-box;
4338 display: -webkit-flex;
4339 display: -moz-box;
4340 display: -moz-flex;
4341 display: -ms-flexbox;
4342 display: flex;
4343 -webkit-box-direction: normal;
4344 -webkit-box-orient: horizontal;
4345 -webkit-flex-direction: horizontal;
4346 -moz-flex-direction: horizontal;
4347 -ms-flex-direction: horizontal;
4348 flex-direction: horizontal;
4349 -webkit-box-pack: center;
4350 -ms-flex-pack: center;
4351 -webkit-justify-content: center;
4352 -moz-justify-content: center;
4353 justify-content: center;
4354 -webkit-transform: translate3d(0, 0, 0);
4355 transform: translate3d(0, 0, 0);
4356 border-color: #b2b2b2;
4357 background-color: #f8f8f8;
4358 background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
4359 color: #444;
4360 position: absolute;
4361 bottom: 0;
4362 z-index: 5;
4363 width: 100%;
4364 height: 49px;
4365 border-style: solid;
4366 border-top-width: 1px;
4367 background-size: 0;
4368 line-height: 49px; }
4369 .tabs .tab-item .badge {
4370 background-color: #444;
4371 color: #f8f8f8; }
4372 @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
4373 .tabs {
4374 padding-top: 2px;
4375 border-top: none !important;
4376 border-bottom: none;
4377 background-position: top;
4378 background-size: 100% 1px;
4379 background-repeat: no-repeat; } }
4380
4381/* Allow parent element of tabs to define color, or just the tab itself */
4382.tabs-light > .tabs,
4383.tabs.tabs-light {
4384 border-color: #ddd;
4385 background-color: #fff;
4386 background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
4387 color: #444; }
4388 .tabs-light > .tabs .tab-item .badge,
4389 .tabs.tabs-light .tab-item .badge {
4390 background-color: #444;
4391 color: #fff; }
4392
4393.tabs-stable > .tabs,
4394.tabs.tabs-stable {
4395 border-color: #b2b2b2;
4396 background-color: #f8f8f8;
4397 background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
4398 color: #444; }
4399 .tabs-stable > .tabs .tab-item .badge,
4400 .tabs.tabs-stable .tab-item .badge {
4401 background-color: #444;
4402 color: #f8f8f8; }
4403
4404.tabs-positive > .tabs,
4405.tabs.tabs-positive {
4406 border-color: #0c60ee;
4407 background-color: #387ef5;
4408 background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
4409 color: #fff; }
4410 .tabs-positive > .tabs .tab-item .badge,
4411 .tabs.tabs-positive .tab-item .badge {
4412 background-color: #fff;
4413 color: #387ef5; }
4414
4415.tabs-calm > .tabs,
4416.tabs.tabs-calm {
4417 border-color: #0a9dc7;
4418 background-color: #11c1f3;
4419 background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
4420 color: #fff; }
4421 .tabs-calm > .tabs .tab-item .badge,
4422 .tabs.tabs-calm .tab-item .badge {
4423 background-color: #fff;
4424 color: #11c1f3; }
4425
4426.tabs-assertive > .tabs,
4427.tabs.tabs-assertive {
4428 border-color: #e42112;
4429 background-color: #ef473a;
4430 background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
4431 color: #fff; }
4432 .tabs-assertive > .tabs .tab-item .badge,
4433 .tabs.tabs-assertive .tab-item .badge {
4434 background-color: #fff;
4435 color: #ef473a; }
4436
4437.tabs-balanced > .tabs,
4438.tabs.tabs-balanced {
4439 border-color: #28a54c;
4440 background-color: #33cd5f;
4441 background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
4442 color: #fff; }
4443 .tabs-balanced > .tabs .tab-item .badge,
4444 .tabs.tabs-balanced .tab-item .badge {
4445 background-color: #fff;
4446 color: #33cd5f; }
4447
4448.tabs-energized > .tabs,
4449.tabs.tabs-energized {
4450 border-color: #e6b500;
4451 background-color: #ffc900;
4452 background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
4453 color: #fff; }
4454 .tabs-energized > .tabs .tab-item .badge,
4455 .tabs.tabs-energized .tab-item .badge {
4456 background-color: #fff;
4457 color: #ffc900; }
4458
4459.tabs-royal > .tabs,
4460.tabs.tabs-royal {
4461 border-color: #6b46e5;
4462 background-color: #886aea;
4463 background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
4464 color: #fff; }
4465 .tabs-royal > .tabs .tab-item .badge,
4466 .tabs.tabs-royal .tab-item .badge {
4467 background-color: #fff;
4468 color: #886aea; }
4469
4470.tabs-dark > .tabs,
4471.tabs.tabs-dark {
4472 border-color: #111;
4473 background-color: #444;
4474 background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
4475 color: #fff; }
4476 .tabs-dark > .tabs .tab-item .badge,
4477 .tabs.tabs-dark .tab-item .badge {
4478 background-color: #fff;
4479 color: #444; }
4480
4481.tabs-striped .tabs {
4482 background-color: white;
4483 background-image: none;
4484 border: none;
4485 border-bottom: 1px solid #ddd;
4486 padding-top: 2px; }
4487
4488.tabs-striped .tab-item.tab-item-active, .tabs-striped .tab-item.active, .tabs-striped .tab-item.activated {
4489 margin-top: -2px;
4490 border-style: solid;
4491 border-width: 2px 0 0 0;
4492 border-color: #444; }
4493 .tabs-striped .tab-item.tab-item-active .badge, .tabs-striped .tab-item.active .badge, .tabs-striped .tab-item.activated .badge {
4494 top: 2px;
4495 opacity: 1; }
4496
4497.tabs-striped.tabs-light .tabs {
4498 background-color: #fff; }
4499
4500.tabs-striped.tabs-light .tab-item {
4501 color: rgba(68, 68, 68, 0.4);
4502 opacity: 1; }
4503 .tabs-striped.tabs-light .tab-item .badge {
4504 opacity: 0.4; }
4505 .tabs-striped.tabs-light .tab-item.tab-item-active, .tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated {
4506 margin-top: -2px;
4507 color: #444;
4508 border-style: solid;
4509 border-width: 2px 0 0 0;
4510 border-color: #444; }
4511
4512.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4513 top: 4%; }
4514
4515.tabs-striped.tabs-stable .tabs {
4516 background-color: #f8f8f8; }
4517
4518.tabs-striped.tabs-stable .tab-item {
4519 color: rgba(68, 68, 68, 0.4);
4520 opacity: 1; }
4521 .tabs-striped.tabs-stable .tab-item .badge {
4522 opacity: 0.4; }
4523 .tabs-striped.tabs-stable .tab-item.tab-item-active, .tabs-striped.tabs-stable .tab-item.active, .tabs-striped.tabs-stable .tab-item.activated {
4524 margin-top: -2px;
4525 color: #444;
4526 border-style: solid;
4527 border-width: 2px 0 0 0;
4528 border-color: #444; }
4529
4530.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4531 top: 4%; }
4532
4533.tabs-striped.tabs-positive .tabs {
4534 background-color: #387ef5; }
4535
4536.tabs-striped.tabs-positive .tab-item {
4537 color: rgba(255, 255, 255, 0.4);
4538 opacity: 1; }
4539 .tabs-striped.tabs-positive .tab-item .badge {
4540 opacity: 0.4; }
4541 .tabs-striped.tabs-positive .tab-item.tab-item-active, .tabs-striped.tabs-positive .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated {
4542 margin-top: -2px;
4543 color: #fff;
4544 border-style: solid;
4545 border-width: 2px 0 0 0;
4546 border-color: #fff; }
4547
4548.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4549 top: 4%; }
4550
4551.tabs-striped.tabs-calm .tabs {
4552 background-color: #11c1f3; }
4553
4554.tabs-striped.tabs-calm .tab-item {
4555 color: rgba(255, 255, 255, 0.4);
4556 opacity: 1; }
4557 .tabs-striped.tabs-calm .tab-item .badge {
4558 opacity: 0.4; }
4559 .tabs-striped.tabs-calm .tab-item.tab-item-active, .tabs-striped.tabs-calm .tab-item.active, .tabs-striped.tabs-calm .tab-item.activated {
4560 margin-top: -2px;
4561 color: #fff;
4562 border-style: solid;
4563 border-width: 2px 0 0 0;
4564 border-color: #fff; }
4565
4566.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4567 top: 4%; }
4568
4569.tabs-striped.tabs-assertive .tabs {
4570 background-color: #ef473a; }
4571
4572.tabs-striped.tabs-assertive .tab-item {
4573 color: rgba(255, 255, 255, 0.4);
4574 opacity: 1; }
4575 .tabs-striped.tabs-assertive .tab-item .badge {
4576 opacity: 0.4; }
4577 .tabs-striped.tabs-assertive .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated {
4578 margin-top: -2px;
4579 color: #fff;
4580 border-style: solid;
4581 border-width: 2px 0 0 0;
4582 border-color: #fff; }
4583
4584.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4585 top: 4%; }
4586
4587.tabs-striped.tabs-balanced .tabs {
4588 background-color: #33cd5f; }
4589
4590.tabs-striped.tabs-balanced .tab-item {
4591 color: rgba(255, 255, 255, 0.4);
4592 opacity: 1; }
4593 .tabs-striped.tabs-balanced .tab-item .badge {
4594 opacity: 0.4; }
4595 .tabs-striped.tabs-balanced .tab-item.tab-item-active, .tabs-striped.tabs-balanced .tab-item.active, .tabs-striped.tabs-balanced .tab-item.activated {
4596 margin-top: -2px;
4597 color: #fff;
4598 border-style: solid;
4599 border-width: 2px 0 0 0;
4600 border-color: #fff; }
4601
4602.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4603 top: 4%; }
4604
4605.tabs-striped.tabs-energized .tabs {
4606 background-color: #ffc900; }
4607
4608.tabs-striped.tabs-energized .tab-item {
4609 color: rgba(255, 255, 255, 0.4);
4610 opacity: 1; }
4611 .tabs-striped.tabs-energized .tab-item .badge {
4612 opacity: 0.4; }
4613 .tabs-striped.tabs-energized .tab-item.tab-item-active, .tabs-striped.tabs-energized .tab-item.active, .tabs-striped.tabs-energized .tab-item.activated {
4614 margin-top: -2px;
4615 color: #fff;
4616 border-style: solid;
4617 border-width: 2px 0 0 0;
4618 border-color: #fff; }
4619
4620.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4621 top: 4%; }
4622
4623.tabs-striped.tabs-royal .tabs {
4624 background-color: #886aea; }
4625
4626.tabs-striped.tabs-royal .tab-item {
4627 color: rgba(255, 255, 255, 0.4);
4628 opacity: 1; }
4629 .tabs-striped.tabs-royal .tab-item .badge {
4630 opacity: 0.4; }
4631 .tabs-striped.tabs-royal .tab-item.tab-item-active, .tabs-striped.tabs-royal .tab-item.active, .tabs-striped.tabs-royal .tab-item.activated {
4632 margin-top: -2px;
4633 color: #fff;
4634 border-style: solid;
4635 border-width: 2px 0 0 0;
4636 border-color: #fff; }
4637
4638.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4639 top: 4%; }
4640
4641.tabs-striped.tabs-dark .tabs {
4642 background-color: #444; }
4643
4644.tabs-striped.tabs-dark .tab-item {
4645 color: rgba(255, 255, 255, 0.4);
4646 opacity: 1; }
4647 .tabs-striped.tabs-dark .tab-item .badge {
4648 opacity: 0.4; }
4649 .tabs-striped.tabs-dark .tab-item.tab-item-active, .tabs-striped.tabs-dark .tab-item.active, .tabs-striped.tabs-dark .tab-item.activated {
4650 margin-top: -2px;
4651 color: #fff;
4652 border-style: solid;
4653 border-width: 2px 0 0 0;
4654 border-color: #fff; }
4655
4656.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
4657 top: 4%; }
4658
4659.tabs-striped.tabs-background-light .tabs {
4660 background-color: #fff;
4661 background-image: none; }
4662
4663.tabs-striped.tabs-background-stable .tabs {
4664 background-color: #f8f8f8;
4665 background-image: none; }
4666
4667.tabs-striped.tabs-background-positive .tabs {
4668 background-color: #387ef5;
4669 background-image: none; }
4670
4671.tabs-striped.tabs-background-calm .tabs {
4672 background-color: #11c1f3;
4673 background-image: none; }
4674
4675.tabs-striped.tabs-background-assertive .tabs {
4676 background-color: #ef473a;
4677 background-image: none; }
4678
4679.tabs-striped.tabs-background-balanced .tabs {
4680 background-color: #33cd5f;
4681 background-image: none; }
4682
4683.tabs-striped.tabs-background-energized .tabs {
4684 background-color: #ffc900;
4685 background-image: none; }
4686
4687.tabs-striped.tabs-background-royal .tabs {
4688 background-color: #886aea;
4689 background-image: none; }
4690
4691.tabs-striped.tabs-background-dark .tabs {
4692 background-color: #444;
4693 background-image: none; }
4694
4695.tabs-striped.tabs-color-light .tab-item {
4696 color: rgba(255, 255, 255, 0.4);
4697 opacity: 1; }
4698 .tabs-striped.tabs-color-light .tab-item .badge {
4699 opacity: 0.4; }
4700 .tabs-striped.tabs-color-light .tab-item.tab-item-active, .tabs-striped.tabs-color-light .tab-item.active, .tabs-striped.tabs-color-light .tab-item.activated {
4701 margin-top: -2px;
4702 color: #fff;
4703 border: 0 solid #fff;
4704 border-top-width: 2px; }
4705 .tabs-striped.tabs-color-light .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-light .tab-item.active .badge, .tabs-striped.tabs-color-light .tab-item.activated .badge {
4706 top: 2px;
4707 opacity: 1; }
4708
4709.tabs-striped.tabs-color-stable .tab-item {
4710 color: rgba(248, 248, 248, 0.4);
4711 opacity: 1; }
4712 .tabs-striped.tabs-color-stable .tab-item .badge {
4713 opacity: 0.4; }
4714 .tabs-striped.tabs-color-stable .tab-item.tab-item-active, .tabs-striped.tabs-color-stable .tab-item.active, .tabs-striped.tabs-color-stable .tab-item.activated {
4715 margin-top: -2px;
4716 color: #f8f8f8;
4717 border: 0 solid #f8f8f8;
4718 border-top-width: 2px; }
4719 .tabs-striped.tabs-color-stable .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-stable .tab-item.active .badge, .tabs-striped.tabs-color-stable .tab-item.activated .badge {
4720 top: 2px;
4721 opacity: 1; }
4722
4723.tabs-striped.tabs-color-positive .tab-item {
4724 color: rgba(56, 126, 245, 0.4);
4725 opacity: 1; }
4726 .tabs-striped.tabs-color-positive .tab-item .badge {
4727 opacity: 0.4; }
4728 .tabs-striped.tabs-color-positive .tab-item.tab-item-active, .tabs-striped.tabs-color-positive .tab-item.active, .tabs-striped.tabs-color-positive .tab-item.activated {
4729 margin-top: -2px;
4730 color: #387ef5;
4731 border: 0 solid #387ef5;
4732 border-top-width: 2px; }
4733 .tabs-striped.tabs-color-positive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-positive .tab-item.active .badge, .tabs-striped.tabs-color-positive .tab-item.activated .badge {
4734 top: 2px;
4735 opacity: 1; }
4736
4737.tabs-striped.tabs-color-calm .tab-item {
4738 color: rgba(17, 193, 243, 0.4);
4739 opacity: 1; }
4740 .tabs-striped.tabs-color-calm .tab-item .badge {
4741 opacity: 0.4; }
4742 .tabs-striped.tabs-color-calm .tab-item.tab-item-active, .tabs-striped.tabs-color-calm .tab-item.active, .tabs-striped.tabs-color-calm .tab-item.activated {
4743 margin-top: -2px;
4744 color: #11c1f3;
4745 border: 0 solid #11c1f3;
4746 border-top-width: 2px; }
4747 .tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-calm .tab-item.active .badge, .tabs-striped.tabs-color-calm .tab-item.activated .badge {
4748 top: 2px;
4749 opacity: 1; }
4750
4751.tabs-striped.tabs-color-assertive .tab-item {
4752 color: rgba(239, 71, 58, 0.4);
4753 opacity: 1; }
4754 .tabs-striped.tabs-color-assertive .tab-item .badge {
4755 opacity: 0.4; }
4756 .tabs-striped.tabs-color-assertive .tab-item.tab-item-active, .tabs-striped.tabs-color-assertive .tab-item.active, .tabs-striped.tabs-color-assertive .tab-item.activated {
4757 margin-top: -2px;
4758 color: #ef473a;
4759 border: 0 solid #ef473a;
4760 border-top-width: 2px; }
4761 .tabs-striped.tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-assertive .tab-item.active .badge, .tabs-striped.tabs-color-assertive .tab-item.activated .badge {
4762 top: 2px;
4763 opacity: 1; }
4764
4765.tabs-striped.tabs-color-balanced .tab-item {
4766 color: rgba(51, 205, 95, 0.4);
4767 opacity: 1; }
4768 .tabs-striped.tabs-color-balanced .tab-item .badge {
4769 opacity: 0.4; }
4770 .tabs-striped.tabs-color-balanced .tab-item.tab-item-active, .tabs-striped.tabs-color-balanced .tab-item.active, .tabs-striped.tabs-color-balanced .tab-item.activated {
4771 margin-top: -2px;
4772 color: #33cd5f;
4773 border: 0 solid #33cd5f;
4774 border-top-width: 2px; }
4775 .tabs-striped.tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-balanced .tab-item.active .badge, .tabs-striped.tabs-color-balanced .tab-item.activated .badge {
4776 top: 2px;
4777 opacity: 1; }
4778
4779.tabs-striped.tabs-color-energized .tab-item {
4780 color: rgba(255, 201, 0, 0.4);
4781 opacity: 1; }
4782 .tabs-striped.tabs-color-energized .tab-item .badge {
4783 opacity: 0.4; }
4784 .tabs-striped.tabs-color-energized .tab-item.tab-item-active, .tabs-striped.tabs-color-energized .tab-item.active, .tabs-striped.tabs-color-energized .tab-item.activated {
4785 margin-top: -2px;
4786 color: #ffc900;
4787 border: 0 solid #ffc900;
4788 border-top-width: 2px; }
4789 .tabs-striped.tabs-color-energized .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-energized .tab-item.active .badge, .tabs-striped.tabs-color-energized .tab-item.activated .badge {
4790 top: 2px;
4791 opacity: 1; }
4792
4793.tabs-striped.tabs-color-royal .tab-item {
4794 color: rgba(136, 106, 234, 0.4);
4795 opacity: 1; }
4796 .tabs-striped.tabs-color-royal .tab-item .badge {
4797 opacity: 0.4; }
4798 .tabs-striped.tabs-color-royal .tab-item.tab-item-active, .tabs-striped.tabs-color-royal .tab-item.active, .tabs-striped.tabs-color-royal .tab-item.activated {
4799 margin-top: -2px;
4800 color: #886aea;
4801 border: 0 solid #886aea;
4802 border-top-width: 2px; }
4803 .tabs-striped.tabs-color-royal .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-royal .tab-item.active .badge, .tabs-striped.tabs-color-royal .tab-item.activated .badge {
4804 top: 2px;
4805 opacity: 1; }
4806
4807.tabs-striped.tabs-color-dark .tab-item {
4808 color: rgba(68, 68, 68, 0.4);
4809 opacity: 1; }
4810 .tabs-striped.tabs-color-dark .tab-item .badge {
4811 opacity: 0.4; }
4812 .tabs-striped.tabs-color-dark .tab-item.tab-item-active, .tabs-striped.tabs-color-dark .tab-item.active, .tabs-striped.tabs-color-dark .tab-item.activated {
4813 margin-top: -2px;
4814 color: #444;
4815 border: 0 solid #444;
4816 border-top-width: 2px; }
4817 .tabs-striped.tabs-color-dark .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-dark .tab-item.active .badge, .tabs-striped.tabs-color-dark .tab-item.activated .badge {
4818 top: 2px;
4819 opacity: 1; }
4820
4821.tabs-background-light .tabs,
4822.tabs-background-light > .tabs {
4823 background-color: #fff;
4824 background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
4825 border-color: #ddd; }
4826
4827.tabs-background-stable .tabs,
4828.tabs-background-stable > .tabs {
4829 background-color: #f8f8f8;
4830 background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
4831 border-color: #b2b2b2; }
4832
4833.tabs-background-positive .tabs,
4834.tabs-background-positive > .tabs {
4835 background-color: #387ef5;
4836 background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
4837 border-color: #0c60ee; }
4838
4839.tabs-background-calm .tabs,
4840.tabs-background-calm > .tabs {
4841 background-color: #11c1f3;
4842 background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
4843 border-color: #0a9dc7; }
4844
4845.tabs-background-assertive .tabs,
4846.tabs-background-assertive > .tabs {
4847 background-color: #ef473a;
4848 background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
4849 border-color: #e42112; }
4850
4851.tabs-background-balanced .tabs,
4852.tabs-background-balanced > .tabs {
4853 background-color: #33cd5f;
4854 background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
4855 border-color: #28a54c; }
4856
4857.tabs-background-energized .tabs,
4858.tabs-background-energized > .tabs {
4859 background-color: #ffc900;
4860 background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
4861 border-color: #e6b500; }
4862
4863.tabs-background-royal .tabs,
4864.tabs-background-royal > .tabs {
4865 background-color: #886aea;
4866 background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
4867 border-color: #6b46e5; }
4868
4869.tabs-background-dark .tabs,
4870.tabs-background-dark > .tabs {
4871 background-color: #444;
4872 background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
4873 border-color: #111; }
4874
4875.tabs-color-light .tab-item {
4876 color: rgba(255, 255, 255, 0.4);
4877 opacity: 1; }
4878 .tabs-color-light .tab-item .badge {
4879 opacity: 0.4; }
4880 .tabs-color-light .tab-item.tab-item-active, .tabs-color-light .tab-item.active, .tabs-color-light .tab-item.activated {
4881 color: #fff;
4882 border: 0 solid #fff; }
4883 .tabs-color-light .tab-item.tab-item-active .badge, .tabs-color-light .tab-item.active .badge, .tabs-color-light .tab-item.activated .badge {
4884 opacity: 1; }
4885
4886.tabs-color-stable .tab-item {
4887 color: rgba(248, 248, 248, 0.4);
4888 opacity: 1; }
4889 .tabs-color-stable .tab-item .badge {
4890 opacity: 0.4; }
4891 .tabs-color-stable .tab-item.tab-item-active, .tabs-color-stable .tab-item.active, .tabs-color-stable .tab-item.activated {
4892 color: #f8f8f8;
4893 border: 0 solid #f8f8f8; }
4894 .tabs-color-stable .tab-item.tab-item-active .badge, .tabs-color-stable .tab-item.active .badge, .tabs-color-stable .tab-item.activated .badge {
4895 opacity: 1; }
4896
4897.tabs-color-positive .tab-item {
4898 color: rgba(56, 126, 245, 0.4);
4899 opacity: 1; }
4900 .tabs-color-positive .tab-item .badge {
4901 opacity: 0.4; }
4902 .tabs-color-positive .tab-item.tab-item-active, .tabs-color-positive .tab-item.active, .tabs-color-positive .tab-item.activated {
4903 color: #387ef5;
4904 border: 0 solid #387ef5; }
4905 .tabs-color-positive .tab-item.tab-item-active .badge, .tabs-color-positive .tab-item.active .badge, .tabs-color-positive .tab-item.activated .badge {
4906 opacity: 1; }
4907
4908.tabs-color-calm .tab-item {
4909 color: rgba(17, 193, 243, 0.4);
4910 opacity: 1; }
4911 .tabs-color-calm .tab-item .badge {
4912 opacity: 0.4; }
4913 .tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated {
4914 color: #11c1f3;
4915 border: 0 solid #11c1f3; }
4916 .tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge {
4917 opacity: 1; }
4918
4919.tabs-color-assertive .tab-item {
4920 color: rgba(239, 71, 58, 0.4);
4921 opacity: 1; }
4922 .tabs-color-assertive .tab-item .badge {
4923 opacity: 0.4; }
4924 .tabs-color-assertive .tab-item.tab-item-active, .tabs-color-assertive .tab-item.active, .tabs-color-assertive .tab-item.activated {
4925 color: #ef473a;
4926 border: 0 solid #ef473a; }
4927 .tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-color-assertive .tab-item.active .badge, .tabs-color-assertive .tab-item.activated .badge {
4928 opacity: 1; }
4929
4930.tabs-color-balanced .tab-item {
4931 color: rgba(51, 205, 95, 0.4);
4932 opacity: 1; }
4933 .tabs-color-balanced .tab-item .badge {
4934 opacity: 0.4; }
4935 .tabs-color-balanced .tab-item.tab-item-active, .tabs-color-balanced .tab-item.active, .tabs-color-balanced .tab-item.activated {
4936 color: #33cd5f;
4937 border: 0 solid #33cd5f; }
4938 .tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-color-balanced .tab-item.active .badge, .tabs-color-balanced .tab-item.activated .badge {
4939 opacity: 1; }
4940
4941.tabs-color-energized .tab-item {
4942 color: rgba(255, 201, 0, 0.4);
4943 opacity: 1; }
4944 .tabs-color-energized .tab-item .badge {
4945 opacity: 0.4; }
4946 .tabs-color-energized .tab-item.tab-item-active, .tabs-color-energized .tab-item.active, .tabs-color-energized .tab-item.activated {
4947 color: #ffc900;
4948 border: 0 solid #ffc900; }
4949 .tabs-color-energized .tab-item.tab-item-active .badge, .tabs-color-energized .tab-item.active .badge, .tabs-color-energized .tab-item.activated .badge {
4950 opacity: 1; }
4951
4952.tabs-color-royal .tab-item {
4953 color: rgba(136, 106, 234, 0.4);
4954 opacity: 1; }
4955 .tabs-color-royal .tab-item .badge {
4956 opacity: 0.4; }
4957 .tabs-color-royal .tab-item.tab-item-active, .tabs-color-royal .tab-item.active, .tabs-color-royal .tab-item.activated {
4958 color: #886aea;
4959 border: 0 solid #886aea; }
4960 .tabs-color-royal .tab-item.tab-item-active .badge, .tabs-color-royal .tab-item.active .badge, .tabs-color-royal .tab-item.activated .badge {
4961 opacity: 1; }
4962
4963.tabs-color-dark .tab-item {
4964 color: rgba(68, 68, 68, 0.4);
4965 opacity: 1; }
4966 .tabs-color-dark .tab-item .badge {
4967 opacity: 0.4; }
4968 .tabs-color-dark .tab-item.tab-item-active, .tabs-color-dark .tab-item.active, .tabs-color-dark .tab-item.activated {
4969 color: #444;
4970 border: 0 solid #444; }
4971 .tabs-color-dark .tab-item.tab-item-active .badge, .tabs-color-dark .tab-item.active .badge, .tabs-color-dark .tab-item.activated .badge {
4972 opacity: 1; }
4973
4974ion-tabs.tabs-color-active-light .tab-item {
4975 color: #444; }
4976 ion-tabs.tabs-color-active-light .tab-item.tab-item-active, ion-tabs.tabs-color-active-light .tab-item.active, ion-tabs.tabs-color-active-light .tab-item.activated {
4977 color: #fff; }
4978
4979ion-tabs.tabs-striped.tabs-color-active-light .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-light .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-light .tab-item.activated {
4980 border-color: #fff;
4981 color: #fff; }
4982
4983ion-tabs.tabs-color-active-stable .tab-item {
4984 color: #444; }
4985 ion-tabs.tabs-color-active-stable .tab-item.tab-item-active, ion-tabs.tabs-color-active-stable .tab-item.active, ion-tabs.tabs-color-active-stable .tab-item.activated {
4986 color: #f8f8f8; }
4987
4988ion-tabs.tabs-striped.tabs-color-active-stable .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-stable .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-stable .tab-item.activated {
4989 border-color: #f8f8f8;
4990 color: #f8f8f8; }
4991
4992ion-tabs.tabs-color-active-positive .tab-item {
4993 color: #444; }
4994 ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
4995 color: #387ef5; }
4996
4997ion-tabs.tabs-striped.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-positive .tab-item.activated {
4998 border-color: #387ef5;
4999 color: #387ef5; }
5000
5001ion-tabs.tabs-color-active-calm .tab-item {
5002 color: #444; }
5003 ion-tabs.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-color-active-calm .tab-item.activated {
5004 color: #11c1f3; }
5005
5006ion-tabs.tabs-striped.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-calm .tab-item.activated {
5007 border-color: #11c1f3;
5008 color: #11c1f3; }
5009
5010ion-tabs.tabs-color-active-assertive .tab-item {
5011 color: #444; }
5012 ion-tabs.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-color-active-assertive .tab-item.activated {
5013 color: #ef473a; }
5014
5015ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.activated {
5016 border-color: #ef473a;
5017 color: #ef473a; }
5018
5019ion-tabs.tabs-color-active-balanced .tab-item {
5020 color: #444; }
5021 ion-tabs.tabs-color-active-balanced .tab-item.tab-item-active, ion-tabs.tabs-color-active-balanced .tab-item.active, ion-tabs.tabs-color-active-balanced .tab-item.activated {
5022 color: #33cd5f; }
5023
5024ion-tabs.tabs-striped.tabs-color-active-balanced .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-balanced .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-balanced .tab-item.activated {
5025 border-color: #33cd5f;
5026 color: #33cd5f; }
5027
5028ion-tabs.tabs-color-active-energized .tab-item {
5029 color: #444; }
5030 ion-tabs.tabs-color-active-energized .tab-item.tab-item-active, ion-tabs.tabs-color-active-energized .tab-item.active, ion-tabs.tabs-color-active-energized .tab-item.activated {
5031 color: #ffc900; }
5032
5033ion-tabs.tabs-striped.tabs-color-active-energized .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-energized .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-energized .tab-item.activated {
5034 border-color: #ffc900;
5035 color: #ffc900; }
5036
5037ion-tabs.tabs-color-active-royal .tab-item {
5038 color: #444; }
5039 ion-tabs.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-color-active-royal .tab-item.activated {
5040 color: #886aea; }
5041
5042ion-tabs.tabs-striped.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-royal .tab-item.activated {
5043 border-color: #886aea;
5044 color: #886aea; }
5045
5046ion-tabs.tabs-color-active-dark .tab-item {
5047 color: #fff; }
5048 ion-tabs.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-color-active-dark .tab-item.activated {
5049 color: #444; }
5050
5051ion-tabs.tabs-striped.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-dark .tab-item.activated {
5052 border-color: #444;
5053 color: #444; }
5054
5055.tabs-top.tabs-striped {
5056 padding-bottom: 0; }
5057 .tabs-top.tabs-striped .tab-item {
5058 background: transparent;
5059 -webkit-transition: color .1s ease;
5060 -moz-transition: color .1s ease;
5061 -ms-transition: color .1s ease;
5062 -o-transition: color .1s ease;
5063 transition: color .1s ease; }
5064 .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated {
5065 margin-top: 1px;
5066 border-width: 0px 0px 2px 0px !important;
5067 border-style: solid; }
5068 .tabs-top.tabs-striped .tab-item.tab-item-active > .badge, .tabs-top.tabs-striped .tab-item.tab-item-active > i, .tabs-top.tabs-striped .tab-item.active > .badge, .tabs-top.tabs-striped .tab-item.active > i, .tabs-top.tabs-striped .tab-item.activated > .badge, .tabs-top.tabs-striped .tab-item.activated > i {
5069 margin-top: -1px; }
5070 .tabs-top.tabs-striped .tab-item .badge {
5071 -webkit-transition: color .2s ease;
5072 -moz-transition: color .2s ease;
5073 -ms-transition: color .2s ease;
5074 -o-transition: color .2s ease;
5075 transition: color .2s ease; }
5076 .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active i, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active i, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated i {
5077 display: block;
5078 margin-top: -1px; }
5079 .tabs-top.tabs-striped.tabs-icon-left .tab-item {
5080 margin-top: 1px; }
5081 .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active i, .tabs-top.tabs-striped.tabs-icon-left .tab-item.active .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.active i, .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated i {
5082 margin-top: -0.1em; }
5083
5084/* Allow parent element to have tabs-top */
5085/* If you change this, change platform.scss as well */
5086.tabs-top > .tabs,
5087.tabs.tabs-top {
5088 top: 44px;
5089 padding-top: 0;
5090 background-position: bottom;
5091 border-top-width: 0;
5092 border-bottom-width: 1px; }
5093 .tabs-top > .tabs .tab-item.tab-item-active .badge, .tabs-top > .tabs .tab-item.active .badge, .tabs-top > .tabs .tab-item.activated .badge,
5094 .tabs.tabs-top .tab-item.tab-item-active .badge,
5095 .tabs.tabs-top .tab-item.active .badge,
5096 .tabs.tabs-top .tab-item.activated .badge {
5097 top: 4%; }
5098
5099.tabs-top ~ .bar-header {
5100 border-bottom-width: 0; }
5101
5102.tab-item {
5103 -webkit-box-flex: 1;
5104 -webkit-flex: 1;
5105 -moz-box-flex: 1;
5106 -moz-flex: 1;
5107 -ms-flex: 1;
5108 flex: 1;
5109 display: block;
5110 overflow: hidden;
5111 max-width: 150px;
5112 height: 100%;
5113 color: inherit;
5114 text-align: center;
5115 text-decoration: none;
5116 text-overflow: ellipsis;
5117 white-space: nowrap;
5118 font-weight: 400;
5119 font-size: 14px;
5120 font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
5121 opacity: 0.7; }
5122 .tab-item:hover {
5123 cursor: pointer; }
5124 .tab-item.tab-hidden {
5125 display: none; }
5126
5127.tabs-item-hide > .tabs,
5128.tabs.tabs-item-hide {
5129 display: none; }
5130
5131.tabs-icon-top > .tabs .tab-item,
5132.tabs-icon-top.tabs .tab-item,
5133.tabs-icon-bottom > .tabs .tab-item,
5134.tabs-icon-bottom.tabs .tab-item {
5135 font-size: 10px;
5136 line-height: 14px; }
5137
5138.tab-item .icon {
5139 display: block;
5140 margin: 0 auto;
5141 height: 32px;
5142 font-size: 32px; }
5143
5144.tabs-icon-left.tabs .tab-item,
5145.tabs-icon-left > .tabs .tab-item,
5146.tabs-icon-right.tabs .tab-item,
5147.tabs-icon-right > .tabs .tab-item {
5148 font-size: 10px; }
5149 .tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .tab-title,
5150 .tabs-icon-left > .tabs .tab-item .icon,
5151 .tabs-icon-left > .tabs .tab-item .tab-title,
5152 .tabs-icon-right.tabs .tab-item .icon,
5153 .tabs-icon-right.tabs .tab-item .tab-title,
5154 .tabs-icon-right > .tabs .tab-item .icon,
5155 .tabs-icon-right > .tabs .tab-item .tab-title {
5156 display: inline-block;
5157 vertical-align: top;
5158 margin-top: -.1em; }
5159 .tabs-icon-left.tabs .tab-item .icon:before, .tabs-icon-left.tabs .tab-item .tab-title:before,
5160 .tabs-icon-left > .tabs .tab-item .icon:before,
5161 .tabs-icon-left > .tabs .tab-item .tab-title:before,
5162 .tabs-icon-right.tabs .tab-item .icon:before,
5163 .tabs-icon-right.tabs .tab-item .tab-title:before,
5164 .tabs-icon-right > .tabs .tab-item .icon:before,
5165 .tabs-icon-right > .tabs .tab-item .tab-title:before {
5166 font-size: 24px;
5167 line-height: 49px; }
5168
5169.tabs-icon-left > .tabs .tab-item .icon,
5170.tabs-icon-left.tabs .tab-item .icon {
5171 padding-right: 3px; }
5172
5173.tabs-icon-right > .tabs .tab-item .icon,
5174.tabs-icon-right.tabs .tab-item .icon {
5175 padding-left: 3px; }
5176
5177.tabs-icon-only > .tabs .icon,
5178.tabs-icon-only.tabs .icon {
5179 line-height: inherit; }
5180
5181.tab-item.has-badge {
5182 position: relative; }
5183
5184.tab-item .badge {
5185 position: absolute;
5186 top: 4%;
5187 right: 33%;
5188 right: calc(50% - 26px);
5189 padding: 1px 6px;
5190 height: auto;
5191 font-size: 12px;
5192 line-height: 16px; }
5193
5194/* Navigational tab */
5195/* Active state for tab */
5196.tab-item.tab-item-active,
5197.tab-item.active,
5198.tab-item.activated {
5199 opacity: 1; }
5200 .tab-item.tab-item-active.tab-item-light,
5201 .tab-item.active.tab-item-light,
5202 .tab-item.activated.tab-item-light {
5203 color: #fff; }
5204 .tab-item.tab-item-active.tab-item-stable,
5205 .tab-item.active.tab-item-stable,
5206 .tab-item.activated.tab-item-stable {
5207 color: #f8f8f8; }
5208 .tab-item.tab-item-active.tab-item-positive,
5209 .tab-item.active.tab-item-positive,
5210 .tab-item.activated.tab-item-positive {
5211 color: #387ef5; }
5212 .tab-item.tab-item-active.tab-item-calm,
5213 .tab-item.active.tab-item-calm,
5214 .tab-item.activated.tab-item-calm {
5215 color: #11c1f3; }
5216 .tab-item.tab-item-active.tab-item-assertive,
5217 .tab-item.active.tab-item-assertive,
5218 .tab-item.activated.tab-item-assertive {
5219 color: #ef473a; }
5220 .tab-item.tab-item-active.tab-item-balanced,
5221 .tab-item.active.tab-item-balanced,
5222 .tab-item.activated.tab-item-balanced {
5223 color: #33cd5f; }
5224 .tab-item.tab-item-active.tab-item-energized,
5225 .tab-item.active.tab-item-energized,
5226 .tab-item.activated.tab-item-energized {
5227 color: #ffc900; }
5228 .tab-item.tab-item-active.tab-item-royal,
5229 .tab-item.active.tab-item-royal,
5230 .tab-item.activated.tab-item-royal {
5231 color: #886aea; }
5232 .tab-item.tab-item-active.tab-item-dark,
5233 .tab-item.active.tab-item-dark,
5234 .tab-item.activated.tab-item-dark {
5235 color: #444; }
5236
5237.item.tabs {
5238 display: -webkit-box;
5239 display: -webkit-flex;
5240 display: -moz-box;
5241 display: -moz-flex;
5242 display: -ms-flexbox;
5243 display: flex;
5244 padding: 0; }
5245 .item.tabs .icon:before {
5246 position: relative; }
5247
5248.tab-item.disabled,
5249.tab-item[disabled] {
5250 opacity: .4;
5251 cursor: default;
5252 pointer-events: none; }
5253
5254.nav-bar-tabs-top.hide ~ .view-container .tabs-top .tabs {
5255 top: 0; }
5256
5257.pane[hide-nav-bar="true"] .has-tabs-top {
5258 top: 49px; }
5259
5260/**
5261 * Menus
5262 * --------------------------------------------------
5263 * Side panel structure
5264 */
5265.menu {
5266 position: absolute;
5267 top: 0;
5268 bottom: 0;
5269 z-index: 0;
5270 overflow: hidden;
5271 min-height: 100%;
5272 max-height: 100%;
5273 width: 275px;
5274 background-color: #fff; }
5275 .menu .scroll-content {
5276 z-index: 10; }
5277 .menu .bar-header {
5278 z-index: 11; }
5279
5280.menu-content {
5281 -webkit-transform: none;
5282 transform: none;
5283 box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2); }
5284
5285.menu-open .menu-content .pane,
5286.menu-open .menu-content .scroll-content {
5287 pointer-events: none; }
5288
5289.menu-open .menu-content .scroll-content .scroll {
5290 pointer-events: none; }
5291
5292.menu-open .menu-content .scroll-content:not(.overflow-scroll) {
5293 overflow: hidden; }
5294
5295.grade-b .menu-content,
5296.grade-c .menu-content {
5297 -webkit-box-sizing: content-box;
5298 -moz-box-sizing: content-box;
5299 box-sizing: content-box;
5300 right: -1px;
5301 left: -1px;
5302 border-right: 1px solid #ccc;
5303 border-left: 1px solid #ccc;
5304 box-shadow: none; }
5305
5306.menu-left {
5307 left: 0; }
5308
5309.menu-right {
5310 right: 0; }
5311
5312.aside-open.aside-resizing .menu-right {
5313 display: none; }
5314
5315.menu-animated {
5316 -webkit-transition: -webkit-transform 200ms ease;
5317 transition: transform 200ms ease; }
5318
5319/**
5320 * Modals
5321 * --------------------------------------------------
5322 * Modals are independent windows that slide in from off-screen.
5323 */
5324.modal-backdrop,
5325.modal-backdrop-bg {
5326 position: fixed;
5327 top: 0;
5328 left: 0;
5329 z-index: 10;
5330 width: 100%;
5331 height: 100%; }
5332
5333.modal-backdrop-bg {
5334 pointer-events: none; }
5335
5336.modal {
5337 display: block;
5338 position: absolute;
5339 top: 0;
5340 z-index: 10;
5341 overflow: hidden;
5342 min-height: 100%;
5343 width: 100%;
5344 background-color: #fff; }
5345
5346@media (min-width: 680px) {
5347 .modal {
5348 top: 20%;
5349 right: 20%;
5350 bottom: 20%;
5351 left: 20%;
5352 min-height: 240px;
5353 width: 60%; }
5354 .modal.ng-leave-active {
5355 bottom: 0; }
5356 .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
5357 height: 44px; }
5358 .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
5359 margin-top: 0; }
5360 .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs,
5361 .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
5362 top: 44px; }
5363 .platform-ios.platform-cordova .modal-wrapper .modal .has-header,
5364 .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
5365 top: 44px; }
5366 .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
5367 top: 88px; }
5368 .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-tabs-top {
5369 top: 93px; }
5370 .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
5371 top: 137px; }
5372 .modal-backdrop-bg {
5373 -webkit-transition: opacity 300ms ease-in-out;
5374 transition: opacity 300ms ease-in-out;
5375 background-color: #000;
5376 opacity: 0; }
5377 .active .modal-backdrop-bg {
5378 opacity: 0.5; } }
5379
5380.modal-open {
5381 pointer-events: none; }
5382 .modal-open .modal,
5383 .modal-open .modal-backdrop {
5384 pointer-events: auto; }
5385 .modal-open.loading-active .modal,
5386 .modal-open.loading-active .modal-backdrop {
5387 pointer-events: none; }
5388
5389/**
5390 * Popovers
5391 * --------------------------------------------------
5392 * Popovers are independent views which float over content
5393 */
5394.popover-backdrop {
5395 position: fixed;
5396 top: 0;
5397 left: 0;
5398 z-index: 10;
5399 width: 100%;
5400 height: 100%;
5401 background-color: transparent; }
5402 .popover-backdrop.active {
5403 background-color: rgba(0, 0, 0, 0.1); }
5404
5405.popover {
5406 position: absolute;
5407 top: 25%;
5408 left: 50%;
5409 z-index: 10;
5410 display: block;
5411 margin-top: 12px;
5412 margin-left: -110px;
5413 height: 280px;
5414 width: 220px;
5415 background-color: #fff;
5416 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
5417 opacity: 0; }
5418 .popover .item:first-child {
5419 border-top: 0; }
5420 .popover .item:last-child {
5421 border-bottom: 0; }
5422 .popover.popover-bottom {
5423 margin-top: -12px; }
5424
5425.popover,
5426.popover .bar-header {
5427 border-radius: 2px; }
5428
5429.popover .scroll-content {
5430 z-index: 1;
5431 margin: 2px 0; }
5432
5433.popover .bar-header {
5434 border-bottom-right-radius: 0;
5435 border-bottom-left-radius: 0; }
5436
5437.popover .has-header {
5438 border-top-right-radius: 0;
5439 border-top-left-radius: 0; }
5440
5441.popover-arrow {
5442 display: none; }
5443
5444.platform-ios .popover {
5445 box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
5446 border-radius: 10px; }
5447
5448.platform-ios .popover .bar-header {
5449 -webkit-border-top-right-radius: 10px;
5450 border-top-right-radius: 10px;
5451 -webkit-border-top-left-radius: 10px;
5452 border-top-left-radius: 10px; }
5453
5454.platform-ios .popover .scroll-content {
5455 margin: 8px 0;
5456 border-radius: 10px; }
5457
5458.platform-ios .popover .scroll-content.has-header {
5459 margin-top: 0; }
5460
5461.platform-ios .popover-arrow {
5462 position: absolute;
5463 display: block;
5464 top: -17px;
5465 width: 30px;
5466 height: 19px;
5467 overflow: hidden; }
5468 .platform-ios .popover-arrow:after {
5469 position: absolute;
5470 top: 12px;
5471 left: 5px;
5472 width: 20px;
5473 height: 20px;
5474 background-color: #fff;
5475 border-radius: 3px;
5476 content: '';
5477 -webkit-transform: rotate(-45deg);
5478 transform: rotate(-45deg); }
5479
5480.platform-ios .popover-bottom .popover-arrow {
5481 top: auto;
5482 bottom: -10px; }
5483 .platform-ios .popover-bottom .popover-arrow:after {
5484 top: -6px; }
5485
5486.platform-android .popover {
5487 margin-top: -32px;
5488 background-color: #fafafa;
5489 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
5490 .platform-android .popover .item {
5491 border-color: #fafafa;
5492 background-color: #fafafa;
5493 color: #4d4d4d; }
5494 .platform-android .popover.popover-bottom {
5495 margin-top: 32px; }
5496
5497.platform-android .popover-backdrop,
5498.platform-android .popover-backdrop.active {
5499 background-color: transparent; }
5500
5501.popover-open {
5502 pointer-events: none; }
5503 .popover-open .popover,
5504 .popover-open .popover-backdrop {
5505 pointer-events: auto; }
5506 .popover-open.loading-active .popover,
5507 .popover-open.loading-active .popover-backdrop {
5508 pointer-events: none; }
5509
5510@media (min-width: 680px) {
5511 .popover {
5512 width: 360px;
5513 margin-left: -180px; } }
5514
5515/**
5516 * Popups
5517 * --------------------------------------------------
5518 */
5519.popup-container {
5520 position: absolute;
5521 top: 0;
5522 left: 0;
5523 bottom: 0;
5524 right: 0;
5525 background: transparent;
5526 display: -webkit-box;
5527 display: -webkit-flex;
5528 display: -moz-box;
5529 display: -moz-flex;
5530 display: -ms-flexbox;
5531 display: flex;
5532 -webkit-box-pack: center;
5533 -ms-flex-pack: center;
5534 -webkit-justify-content: center;
5535 -moz-justify-content: center;
5536 justify-content: center;
5537 -webkit-box-align: center;
5538 -ms-flex-align: center;
5539 -webkit-align-items: center;
5540 -moz-align-items: center;
5541 align-items: center;
5542 z-index: 12;
5543 visibility: hidden; }
5544 .popup-container.popup-showing {
5545 visibility: visible; }
5546 .popup-container.popup-hidden .popup {
5547 -webkit-animation-name: scaleOut;
5548 animation-name: scaleOut;
5549 -webkit-animation-duration: 0.1s;
5550 animation-duration: 0.1s;
5551 -webkit-animation-timing-function: ease-in-out;
5552 animation-timing-function: ease-in-out;
5553 -webkit-animation-fill-mode: both;
5554 animation-fill-mode: both; }
5555 .popup-container.active .popup {
5556 -webkit-animation-name: superScaleIn;
5557 animation-name: superScaleIn;
5558 -webkit-animation-duration: 0.2s;
5559 animation-duration: 0.2s;
5560 -webkit-animation-timing-function: ease-in-out;
5561 animation-timing-function: ease-in-out;
5562 -webkit-animation-fill-mode: both;
5563 animation-fill-mode: both; }
5564 .popup-container .popup {
5565 width: 250px;
5566 max-width: 100%;
5567 max-height: 90%;
5568 border-radius: 0px;
5569 background-color: rgba(255, 255, 255, 0.9);
5570 display: -webkit-box;
5571 display: -webkit-flex;
5572 display: -moz-box;
5573 display: -moz-flex;
5574 display: -ms-flexbox;
5575 display: flex;
5576 -webkit-box-direction: normal;
5577 -webkit-box-orient: vertical;
5578 -webkit-flex-direction: column;
5579 -moz-flex-direction: column;
5580 -ms-flex-direction: column;
5581 flex-direction: column; }
5582 .popup-container input,
5583 .popup-container textarea {
5584 width: 100%; }
5585
5586.popup-head {
5587 padding: 15px 10px;
5588 border-bottom: 1px solid #eee;
5589 text-align: center; }
5590
5591.popup-title {
5592 margin: 0;
5593 padding: 0;
5594 font-size: 15px; }
5595
5596.popup-sub-title {
5597 margin: 5px 0 0 0;
5598 padding: 0;
5599 font-weight: normal;
5600 font-size: 11px; }
5601
5602.popup-body {
5603 padding: 10px;
5604 overflow: auto; }
5605
5606.popup-buttons {
5607 display: -webkit-box;
5608 display: -webkit-flex;
5609 display: -moz-box;
5610 display: -moz-flex;
5611 display: -ms-flexbox;
5612 display: flex;
5613 -webkit-box-direction: normal;
5614 -webkit-box-orient: horizontal;
5615 -webkit-flex-direction: row;
5616 -moz-flex-direction: row;
5617 -ms-flex-direction: row;
5618 flex-direction: row;
5619 padding: 10px;
5620 min-height: 65px; }
5621 .popup-buttons .button {
5622 -webkit-box-flex: 1;
5623 -webkit-flex: 1;
5624 -moz-box-flex: 1;
5625 -moz-flex: 1;
5626 -ms-flex: 1;
5627 flex: 1;
5628 display: block;
5629 min-height: 45px;
5630 border-radius: 2px;
5631 line-height: 20px;
5632 margin-right: 5px; }
5633 .popup-buttons .button:last-child {
5634 margin-right: 0px; }
5635
5636.popup-open {
5637 pointer-events: none; }
5638 .popup-open.modal-open .modal {
5639 pointer-events: none; }
5640 .popup-open .popup-backdrop, .popup-open .popup {
5641 pointer-events: auto; }
5642
5643/**
5644 * Loading
5645 * --------------------------------------------------
5646 */
5647.loading-container {
5648 position: absolute;
5649 left: 0;
5650 top: 0;
5651 right: 0;
5652 bottom: 0;
5653 z-index: 13;
5654 display: -webkit-box;
5655 display: -webkit-flex;
5656 display: -moz-box;
5657 display: -moz-flex;
5658 display: -ms-flexbox;
5659 display: flex;
5660 -webkit-box-pack: center;
5661 -ms-flex-pack: center;
5662 -webkit-justify-content: center;
5663 -moz-justify-content: center;
5664 justify-content: center;
5665 -webkit-box-align: center;
5666 -ms-flex-align: center;
5667 -webkit-align-items: center;
5668 -moz-align-items: center;
5669 align-items: center;
5670 -webkit-transition: 0.2s opacity linear;
5671 transition: 0.2s opacity linear;
5672 visibility: hidden;
5673 opacity: 0; }
5674 .loading-container:not(.visible) .icon,
5675 .loading-container:not(.visible) .spinner {
5676 display: none; }
5677 .loading-container.visible {
5678 visibility: visible; }
5679 .loading-container.active {
5680 opacity: 1; }
5681 .loading-container .loading {
5682 padding: 20px;
5683 border-radius: 5px;
5684 background-color: rgba(0, 0, 0, 0.7);
5685 color: #fff;
5686 text-align: center;
5687 text-overflow: ellipsis;
5688 font-size: 15px; }
5689 .loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 {
5690 color: #fff; }
5691
5692/**
5693 * Items
5694 * --------------------------------------------------
5695 */
5696.item {
5697 border-color: #ddd;
5698 background-color: #fff;
5699 color: #444;
5700 position: relative;
5701 z-index: 2;
5702 display: block;
5703 margin: -1px;
5704 padding: 16px;
5705 border-width: 1px;
5706 border-style: solid;
5707 font-size: 16px; }
5708 .item h2 {
5709 margin: 0 0 2px 0;
5710 font-size: 16px;
5711 font-weight: normal; }
5712 .item h3 {
5713 margin: 0 0 4px 0;
5714 font-size: 14px; }
5715 .item h4 {
5716 margin: 0 0 4px 0;
5717 font-size: 12px; }
5718 .item h5, .item h6 {
5719 margin: 0 0 3px 0;
5720 font-size: 10px; }
5721 .item p {
5722 color: #666;
5723 font-size: 14px;
5724 margin-bottom: 2px; }
5725 .item h1:last-child,
5726 .item h2:last-child,
5727 .item h3:last-child,
5728 .item h4:last-child,
5729 .item h5:last-child,
5730 .item h6:last-child,
5731 .item p:last-child {
5732 margin-bottom: 0; }
5733 .item .badge {
5734 display: -webkit-box;
5735 display: -webkit-flex;
5736 display: -moz-box;
5737 display: -moz-flex;
5738 display: -ms-flexbox;
5739 display: flex;
5740 position: absolute;
5741 top: 16px;
5742 right: 32px; }
5743 .item.item-button-right .badge {
5744 right: 67px; }
5745 .item.item-divider .badge {
5746 top: 8px; }
5747 .item .badge + .badge {
5748 margin-right: 5px; }
5749 .item.item-light {
5750 border-color: #ddd;
5751 background-color: #fff;
5752 color: #444; }
5753 .item.item-stable {
5754 border-color: #b2b2b2;
5755 background-color: #f8f8f8;
5756 color: #444; }
5757 .item.item-positive {
5758 border-color: #0c60ee;
5759 background-color: #387ef5;
5760 color: #fff; }
5761 .item.item-calm {
5762 border-color: #0a9dc7;
5763 background-color: #11c1f3;
5764 color: #fff; }
5765 .item.item-assertive {
5766 border-color: #e42112;
5767 background-color: #ef473a;
5768 color: #fff; }
5769 .item.item-balanced {
5770 border-color: #28a54c;
5771 background-color: #33cd5f;
5772 color: #fff; }
5773 .item.item-energized {
5774 border-color: #e6b500;
5775 background-color: #ffc900;
5776 color: #fff; }
5777 .item.item-royal {
5778 border-color: #6b46e5;
5779 background-color: #886aea;
5780 color: #fff; }
5781 .item.item-dark {
5782 border-color: #111;
5783 background-color: #444;
5784 color: #fff; }
5785 .item[ng-click]:hover {
5786 cursor: pointer; }
5787
5788.list-borderless .item,
5789.item-borderless {
5790 border-width: 0; }
5791
5792.item.active,
5793.item.activated,
5794.item-complex.active .item-content,
5795.item-complex.activated .item-content,
5796.item .item-content.active,
5797.item .item-content.activated {
5798 border-color: #ccc;
5799 background-color: #D9D9D9; }
5800 .item.active.item-complex > .item-content,
5801 .item.activated.item-complex > .item-content,
5802 .item-complex.active .item-content.item-complex > .item-content,
5803 .item-complex.activated .item-content.item-complex > .item-content,
5804 .item .item-content.active.item-complex > .item-content,
5805 .item .item-content.activated.item-complex > .item-content {
5806 border-color: #ccc;
5807 background-color: #D9D9D9; }
5808 .item.active.item-light,
5809 .item.activated.item-light,
5810 .item-complex.active .item-content.item-light,
5811 .item-complex.activated .item-content.item-light,
5812 .item .item-content.active.item-light,
5813 .item .item-content.activated.item-light {
5814 border-color: #ccc;
5815 background-color: #fafafa; }
5816 .item.active.item-light.item-complex > .item-content,
5817 .item.activated.item-light.item-complex > .item-content,
5818 .item-complex.active .item-content.item-light.item-complex > .item-content,
5819 .item-complex.activated .item-content.item-light.item-complex > .item-content,
5820 .item .item-content.active.item-light.item-complex > .item-content,
5821 .item .item-content.activated.item-light.item-complex > .item-content {
5822 border-color: #ccc;
5823 background-color: #fafafa; }
5824 .item.active.item-stable,
5825 .item.activated.item-stable,
5826 .item-complex.active .item-content.item-stable,
5827 .item-complex.activated .item-content.item-stable,
5828 .item .item-content.active.item-stable,
5829 .item .item-content.activated.item-stable {
5830 border-color: #a2a2a2;
5831 background-color: #e5e5e5; }
5832 .item.active.item-stable.item-complex > .item-content,
5833 .item.activated.item-stable.item-complex > .item-content,
5834 .item-complex.active .item-content.item-stable.item-complex > .item-content,
5835 .item-complex.activated .item-content.item-stable.item-complex > .item-content,
5836 .item .item-content.active.item-stable.item-complex > .item-content,
5837 .item .item-content.activated.item-stable.item-complex > .item-content {
5838 border-color: #a2a2a2;
5839 background-color: #e5e5e5; }
5840 .item.active.item-positive,
5841 .item.activated.item-positive,
5842 .item-complex.active .item-content.item-positive,
5843 .item-complex.activated .item-content.item-positive,
5844 .item .item-content.active.item-positive,
5845 .item .item-content.activated.item-positive {
5846 border-color: #0c60ee;
5847 background-color: #0c60ee; }
5848 .item.active.item-positive.item-complex > .item-content,
5849 .item.activated.item-positive.item-complex > .item-content,
5850 .item-complex.active .item-content.item-positive.item-complex > .item-content,
5851 .item-complex.activated .item-content.item-positive.item-complex > .item-content,
5852 .item .item-content.active.item-positive.item-complex > .item-content,
5853 .item .item-content.activated.item-positive.item-complex > .item-content {
5854 border-color: #0c60ee;
5855 background-color: #0c60ee; }
5856 .item.active.item-calm,
5857 .item.activated.item-calm,
5858 .item-complex.active .item-content.item-calm,
5859 .item-complex.activated .item-content.item-calm,
5860 .item .item-content.active.item-calm,
5861 .item .item-content.activated.item-calm {
5862 border-color: #0a9dc7;
5863 background-color: #0a9dc7; }
5864 .item.active.item-calm.item-complex > .item-content,
5865 .item.activated.item-calm.item-complex > .item-content,
5866 .item-complex.active .item-content.item-calm.item-complex > .item-content,
5867 .item-complex.activated .item-content.item-calm.item-complex > .item-content,
5868 .item .item-content.active.item-calm.item-complex > .item-content,
5869 .item .item-content.activated.item-calm.item-complex > .item-content {
5870 border-color: #0a9dc7;
5871 background-color: #0a9dc7; }
5872 .item.active.item-assertive,
5873 .item.activated.item-assertive,
5874 .item-complex.active .item-content.item-assertive,
5875 .item-complex.activated .item-content.item-assertive,
5876 .item .item-content.active.item-assertive,
5877 .item .item-content.activated.item-assertive {
5878 border-color: #e42112;
5879 background-color: #e42112; }
5880 .item.active.item-assertive.item-complex > .item-content,
5881 .item.activated.item-assertive.item-complex > .item-content,
5882 .item-complex.active .item-content.item-assertive.item-complex > .item-content,
5883 .item-complex.activated .item-content.item-assertive.item-complex > .item-content,
5884 .item .item-content.active.item-assertive.item-complex > .item-content,
5885 .item .item-content.activated.item-assertive.item-complex > .item-content {
5886 border-color: #e42112;
5887 background-color: #e42112; }
5888 .item.active.item-balanced,
5889 .item.activated.item-balanced,
5890 .item-complex.active .item-content.item-balanced,
5891 .item-complex.activated .item-content.item-balanced,
5892 .item .item-content.active.item-balanced,
5893 .item .item-content.activated.item-balanced {
5894 border-color: #28a54c;
5895 background-color: #28a54c; }
5896 .item.active.item-balanced.item-complex > .item-content,
5897 .item.activated.item-balanced.item-complex > .item-content,
5898 .item-complex.active .item-content.item-balanced.item-complex > .item-content,
5899 .item-complex.activated .item-content.item-balanced.item-complex > .item-content,
5900 .item .item-content.active.item-balanced.item-complex > .item-content,
5901 .item .item-content.activated.item-balanced.item-complex > .item-content {
5902 border-color: #28a54c;
5903 background-color: #28a54c; }
5904 .item.active.item-energized,
5905 .item.activated.item-energized,
5906 .item-complex.active .item-content.item-energized,
5907 .item-complex.activated .item-content.item-energized,
5908 .item .item-content.active.item-energized,
5909 .item .item-content.activated.item-energized {
5910 border-color: #e6b500;
5911 background-color: #e6b500; }
5912 .item.active.item-energized.item-complex > .item-content,
5913 .item.activated.item-energized.item-complex > .item-content,
5914 .item-complex.active .item-content.item-energized.item-complex > .item-content,
5915 .item-complex.activated .item-content.item-energized.item-complex > .item-content,
5916 .item .item-content.active.item-energized.item-complex > .item-content,
5917 .item .item-content.activated.item-energized.item-complex > .item-content {
5918 border-color: #e6b500;
5919 background-color: #e6b500; }
5920 .item.active.item-royal,
5921 .item.activated.item-royal,
5922 .item-complex.active .item-content.item-royal,
5923 .item-complex.activated .item-content.item-royal,
5924 .item .item-content.active.item-royal,
5925 .item .item-content.activated.item-royal {
5926 border-color: #6b46e5;
5927 background-color: #6b46e5; }
5928 .item.active.item-royal.item-complex > .item-content,
5929 .item.activated.item-royal.item-complex > .item-content,
5930 .item-complex.active .item-content.item-royal.item-complex > .item-content,
5931 .item-complex.activated .item-content.item-royal.item-complex > .item-content,
5932 .item .item-content.active.item-royal.item-complex > .item-content,
5933 .item .item-content.activated.item-royal.item-complex > .item-content {
5934 border-color: #6b46e5;
5935 background-color: #6b46e5; }
5936 .item.active.item-dark,
5937 .item.activated.item-dark,
5938 .item-complex.active .item-content.item-dark,
5939 .item-complex.activated .item-content.item-dark,
5940 .item .item-content.active.item-dark,
5941 .item .item-content.activated.item-dark {
5942 border-color: #000;
5943 background-color: #262626; }
5944 .item.active.item-dark.item-complex > .item-content,
5945 .item.activated.item-dark.item-complex > .item-content,
5946 .item-complex.active .item-content.item-dark.item-complex > .item-content,
5947 .item-complex.activated .item-content.item-dark.item-complex > .item-content,
5948 .item .item-content.active.item-dark.item-complex > .item-content,
5949 .item .item-content.activated.item-dark.item-complex > .item-content {
5950 border-color: #000;
5951 background-color: #262626; }
5952
5953.item,
5954.item h1,
5955.item h2,
5956.item h3,
5957.item h4,
5958.item h5,
5959.item h6,
5960.item p,
5961.item-content,
5962.item-content h1,
5963.item-content h2,
5964.item-content h3,
5965.item-content h4,
5966.item-content h5,
5967.item-content h6,
5968.item-content p {
5969 overflow: hidden;
5970 text-overflow: ellipsis;
5971 white-space: nowrap; }
5972
5973a.item {
5974 color: inherit;
5975 text-decoration: none; }
5976 a.item:hover, a.item:focus {
5977 text-decoration: none; }
5978
5979/**
5980 * Complex Items
5981 * --------------------------------------------------
5982 * Adding .item-complex allows the .item to be slidable and
5983 * have options underneath the button, but also requires an
5984 * additional .item-content element inside .item.
5985 * Basically .item-complex removes any default settings which
5986 * .item added, so that .item-content looks them as just .item.
5987 */
5988.item-complex,
5989a.item.item-complex,
5990button.item.item-complex {
5991 padding: 0; }
5992
5993.item-complex .item-content,
5994.item-radio .item-content {
5995 position: relative;
5996 z-index: 2;
5997 padding: 16px 49px 16px 16px;
5998 border: none;
5999 background-color: #fff; }
6000
6001a.item-content {
6002 display: block;
6003 color: inherit;
6004 text-decoration: none; }
6005
6006.item-text-wrap .item,
6007.item-text-wrap .item-content,
6008.item-text-wrap,
6009.item-text-wrap h1,
6010.item-text-wrap h2,
6011.item-text-wrap h3,
6012.item-text-wrap h4,
6013.item-text-wrap h5,
6014.item-text-wrap h6,
6015.item-text-wrap p,
6016.item-complex.item-text-wrap .item-content,
6017.item-body h1,
6018.item-body h2,
6019.item-body h3,
6020.item-body h4,
6021.item-body h5,
6022.item-body h6,
6023.item-body p {
6024 overflow: visible;
6025 white-space: normal; }
6026
6027.item-complex.item-text-wrap,
6028.item-complex.item-text-wrap h1,
6029.item-complex.item-text-wrap h2,
6030.item-complex.item-text-wrap h3,
6031.item-complex.item-text-wrap h4,
6032.item-complex.item-text-wrap h5,
6033.item-complex.item-text-wrap h6,
6034.item-complex.item-text-wrap p {
6035 overflow: visible;
6036 white-space: normal; }
6037
6038.item-complex.item-light > .item-content {
6039 border-color: #ddd;
6040 background-color: #fff;
6041 color: #444; }
6042 .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active {
6043 border-color: #ccc;
6044 background-color: #fafafa; }
6045 .item-complex.item-light > .item-content.active.item-complex > .item-content, .item-complex.item-light > .item-content:active.item-complex > .item-content {
6046 border-color: #ccc;
6047 background-color: #fafafa; }
6048
6049.item-complex.item-stable > .item-content {
6050 border-color: #b2b2b2;
6051 background-color: #f8f8f8;
6052 color: #444; }
6053 .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active {
6054 border-color: #a2a2a2;
6055 background-color: #e5e5e5; }
6056 .item-complex.item-stable > .item-content.active.item-complex > .item-content, .item-complex.item-stable > .item-content:active.item-complex > .item-content {
6057 border-color: #a2a2a2;
6058 background-color: #e5e5e5; }
6059
6060.item-complex.item-positive > .item-content {
6061 border-color: #0c60ee;
6062 background-color: #387ef5;
6063 color: #fff; }
6064 .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active {
6065 border-color: #0c60ee;
6066 background-color: #0c60ee; }
6067 .item-complex.item-positive > .item-content.active.item-complex > .item-content, .item-complex.item-positive > .item-content:active.item-complex > .item-content {
6068 border-color: #0c60ee;
6069 background-color: #0c60ee; }
6070
6071.item-complex.item-calm > .item-content {
6072 border-color: #0a9dc7;
6073 background-color: #11c1f3;
6074 color: #fff; }
6075 .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active {
6076 border-color: #0a9dc7;
6077 background-color: #0a9dc7; }
6078 .item-complex.item-calm > .item-content.active.item-complex > .item-content, .item-complex.item-calm > .item-content:active.item-complex > .item-content {
6079 border-color: #0a9dc7;
6080 background-color: #0a9dc7; }
6081
6082.item-complex.item-assertive > .item-content {
6083 border-color: #e42112;
6084 background-color: #ef473a;
6085 color: #fff; }
6086 .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active {
6087 border-color: #e42112;
6088 background-color: #e42112; }
6089 .item-complex.item-assertive > .item-content.active.item-complex > .item-content, .item-complex.item-assertive > .item-content:active.item-complex > .item-content {
6090 border-color: #e42112;
6091 background-color: #e42112; }
6092
6093.item-complex.item-balanced > .item-content {
6094 border-color: #28a54c;
6095 background-color: #33cd5f;
6096 color: #fff; }
6097 .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active {
6098 border-color: #28a54c;
6099 background-color: #28a54c; }
6100 .item-complex.item-balanced > .item-content.active.item-complex > .item-content, .item-complex.item-balanced > .item-content:active.item-complex > .item-content {
6101 border-color: #28a54c;
6102 background-color: #28a54c; }
6103
6104.item-complex.item-energized > .item-content {
6105 border-color: #e6b500;
6106 background-color: #ffc900;
6107 color: #fff; }
6108 .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active {
6109 border-color: #e6b500;
6110 background-color: #e6b500; }
6111 .item-complex.item-energized > .item-content.active.item-complex > .item-content, .item-complex.item-energized > .item-content:active.item-complex > .item-content {
6112 border-color: #e6b500;
6113 background-color: #e6b500; }
6114
6115.item-complex.item-royal > .item-content {
6116 border-color: #6b46e5;
6117 background-color: #886aea;
6118 color: #fff; }
6119 .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active {
6120 border-color: #6b46e5;
6121 background-color: #6b46e5; }
6122 .item-complex.item-royal > .item-content.active.item-complex > .item-content, .item-complex.item-royal > .item-content:active.item-complex > .item-content {
6123 border-color: #6b46e5;
6124 background-color: #6b46e5; }
6125
6126.item-complex.item-dark > .item-content {
6127 border-color: #111;
6128 background-color: #444;
6129 color: #fff; }
6130 .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active {
6131 border-color: #000;
6132 background-color: #262626; }
6133 .item-complex.item-dark > .item-content.active.item-complex > .item-content, .item-complex.item-dark > .item-content:active.item-complex > .item-content {
6134 border-color: #000;
6135 background-color: #262626; }
6136
6137/**
6138 * Item Icons
6139 * --------------------------------------------------
6140 */
6141.item-icon-left .icon,
6142.item-icon-right .icon {
6143 display: -webkit-box;
6144 display: -webkit-flex;
6145 display: -moz-box;
6146 display: -moz-flex;
6147 display: -ms-flexbox;
6148 display: flex;
6149 -webkit-box-align: center;
6150 -ms-flex-align: center;
6151 -webkit-align-items: center;
6152 -moz-align-items: center;
6153 align-items: center;
6154 position: absolute;
6155 top: 0;
6156 height: 100%;
6157 font-size: 32px; }
6158 .item-icon-left .icon:before,
6159 .item-icon-right .icon:before {
6160 display: block;
6161 width: 32px;
6162 text-align: center; }
6163
6164.item .fill-icon {
6165 min-width: 30px;
6166 min-height: 30px;
6167 font-size: 28px; }
6168
6169.item-icon-left {
6170 padding-left: 54px; }
6171 .item-icon-left .icon {
6172 left: 11px; }
6173
6174.item-complex.item-icon-left {
6175 padding-left: 0; }
6176 .item-complex.item-icon-left .item-content {
6177 padding-left: 54px; }
6178
6179.item-icon-right {
6180 padding-right: 54px; }
6181 .item-icon-right .icon {
6182 right: 11px; }
6183
6184.item-complex.item-icon-right {
6185 padding-right: 0; }
6186 .item-complex.item-icon-right .item-content {
6187 padding-right: 54px; }
6188
6189.item-icon-left.item-icon-right .icon:first-child {
6190 right: auto; }
6191
6192.item-icon-left.item-icon-right .icon:last-child,
6193.item-icon-left .item-delete .icon {
6194 left: auto; }
6195
6196.item-icon-left .icon-accessory,
6197.item-icon-right .icon-accessory {
6198 color: #ccc;
6199 font-size: 16px; }
6200
6201.item-icon-left .icon-accessory {
6202 left: 3px; }
6203
6204.item-icon-right .icon-accessory {
6205 right: 3px; }
6206
6207/**
6208 * Item Button
6209 * --------------------------------------------------
6210 * An item button is a child button inside an .item (not the entire .item)
6211 */
6212.item-button-left {
6213 padding-left: 72px; }
6214
6215.item-button-left > .button,
6216.item-button-left .item-content > .button {
6217 display: -webkit-box;
6218 display: -webkit-flex;
6219 display: -moz-box;
6220 display: -moz-flex;
6221 display: -ms-flexbox;
6222 display: flex;
6223 -webkit-box-align: center;
6224 -ms-flex-align: center;
6225 -webkit-align-items: center;
6226 -moz-align-items: center;
6227 align-items: center;
6228 position: absolute;
6229 top: 8px;
6230 left: 11px;
6231 min-width: 34px;
6232 min-height: 34px;
6233 font-size: 18px;
6234 line-height: 32px; }
6235 .item-button-left > .button .icon:before,
6236 .item-button-left .item-content > .button .icon:before {
6237 position: relative;
6238 left: auto;
6239 width: auto;
6240 line-height: 31px; }
6241 .item-button-left > .button > .button,
6242 .item-button-left .item-content > .button > .button {
6243 margin: 0px 2px;
6244 min-height: 34px;
6245 font-size: 18px;
6246 line-height: 32px; }
6247
6248.item-button-right,
6249a.item.item-button-right,
6250button.item.item-button-right {
6251 padding-right: 80px; }
6252
6253.item-button-right > .button,
6254.item-button-right .item-content > .button,
6255.item-button-right > .buttons,
6256.item-button-right .item-content > .buttons {
6257 display: -webkit-box;
6258 display: -webkit-flex;
6259 display: -moz-box;
6260 display: -moz-flex;
6261 display: -ms-flexbox;
6262 display: flex;
6263 -webkit-box-align: center;
6264 -ms-flex-align: center;
6265 -webkit-align-items: center;
6266 -moz-align-items: center;
6267 align-items: center;
6268 position: absolute;
6269 top: 8px;
6270 right: 16px;
6271 min-width: 34px;
6272 min-height: 34px;
6273 font-size: 18px;
6274 line-height: 32px; }
6275 .item-button-right > .button .icon:before,
6276 .item-button-right .item-content > .button .icon:before,
6277 .item-button-right > .buttons .icon:before,
6278 .item-button-right .item-content > .buttons .icon:before {
6279 position: relative;
6280 left: auto;
6281 width: auto;
6282 line-height: 31px; }
6283 .item-button-right > .button > .button,
6284 .item-button-right .item-content > .button > .button,
6285 .item-button-right > .buttons > .button,
6286 .item-button-right .item-content > .buttons > .button {
6287 margin: 0px 2px;
6288 min-width: 34px;
6289 min-height: 34px;
6290 font-size: 18px;
6291 line-height: 32px; }
6292
6293.item-button-left.item-button-right .button:first-child {
6294 right: auto; }
6295
6296.item-button-left.item-button-right .button:last-child {
6297 left: auto; }
6298
6299.item-avatar,
6300.item-avatar .item-content,
6301.item-avatar-left,
6302.item-avatar-left .item-content {
6303 padding-left: 72px;
6304 min-height: 72px; }
6305 .item-avatar > img:first-child,
6306 .item-avatar .item-image,
6307 .item-avatar .item-content > img:first-child,
6308 .item-avatar .item-content .item-image,
6309 .item-avatar-left > img:first-child,
6310 .item-avatar-left .item-image,
6311 .item-avatar-left .item-content > img:first-child,
6312 .item-avatar-left .item-content .item-image {
6313 position: absolute;
6314 top: 16px;
6315 left: 16px;
6316 max-width: 40px;
6317 max-height: 40px;
6318 width: 100%;
6319 height: 100%;
6320 border-radius: 50%; }
6321
6322.item-avatar-right,
6323.item-avatar-right .item-content {
6324 padding-right: 72px;
6325 min-height: 72px; }
6326 .item-avatar-right > img:first-child,
6327 .item-avatar-right .item-image,
6328 .item-avatar-right .item-content > img:first-child,
6329 .item-avatar-right .item-content .item-image {
6330 position: absolute;
6331 top: 16px;
6332 right: 16px;
6333 max-width: 40px;
6334 max-height: 40px;
6335 width: 100%;
6336 height: 100%;
6337 border-radius: 50%; }
6338
6339.item-thumbnail-left,
6340.item-thumbnail-left .item-content {
6341 padding-top: 8px;
6342 padding-left: 106px;
6343 min-height: 100px; }
6344 .item-thumbnail-left > img:first-child,
6345 .item-thumbnail-left .item-image,
6346 .item-thumbnail-left .item-content > img:first-child,
6347 .item-thumbnail-left .item-content .item-image {
6348 position: absolute;
6349 top: 10px;
6350 left: 10px;
6351 max-width: 80px;
6352 max-height: 80px;
6353 width: 100%;
6354 height: 100%; }
6355
6356.item-avatar.item-complex,
6357.item-avatar-left.item-complex,
6358.item-thumbnail-left.item-complex {
6359 padding-top: 0;
6360 padding-left: 0; }
6361
6362.item-thumbnail-right,
6363.item-thumbnail-right .item-content {
6364 padding-top: 8px;
6365 padding-right: 106px;
6366 min-height: 100px; }
6367 .item-thumbnail-right > img:first-child,
6368 .item-thumbnail-right .item-image,
6369 .item-thumbnail-right .item-content > img:first-child,
6370 .item-thumbnail-right .item-content .item-image {
6371 position: absolute;
6372 top: 10px;
6373 right: 10px;
6374 max-width: 80px;
6375 max-height: 80px;
6376 width: 100%;
6377 height: 100%; }
6378
6379.item-avatar-right.item-complex,
6380.item-thumbnail-right.item-complex {
6381 padding-top: 0;
6382 padding-right: 0; }
6383
6384.item-image {
6385 padding: 0;
6386 text-align: center; }
6387 .item-image img:first-child, .item-image .list-img {
6388 width: 100%;
6389 vertical-align: middle; }
6390
6391.item-body {
6392 overflow: auto;
6393 padding: 16px;
6394 text-overflow: inherit;
6395 white-space: normal; }
6396 .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p {
6397 margin-top: 16px;
6398 margin-bottom: 16px; }
6399
6400.item-divider {
6401 padding-top: 8px;
6402 padding-bottom: 8px;
6403 min-height: 30px;
6404 background-color: #f5f5f5;
6405 color: #222;
6406 font-weight: 500; }
6407
6408.platform-ios .item-divider-platform,
6409.item-divider-ios {
6410 padding-top: 26px;
6411 text-transform: uppercase;
6412 font-weight: 300;
6413 font-size: 13px;
6414 background-color: #efeff4;
6415 color: #555; }
6416
6417.platform-android .item-divider-platform,
6418.item-divider-android {
6419 font-weight: 300;
6420 font-size: 13px; }
6421
6422.item-note {
6423 float: right;
6424 color: #aaa;
6425 font-size: 14px; }
6426
6427.item-left-editable .item-content,
6428.item-right-editable .item-content {
6429 -webkit-transition-duration: 250ms;
6430 transition-duration: 250ms;
6431 -webkit-transition-timing-function: ease-in-out;
6432 transition-timing-function: ease-in-out;
6433 -webkit-transition-property: -webkit-transform;
6434 -moz-transition-property: -moz-transform;
6435 transition-property: transform; }
6436
6437.list-left-editing .item-left-editable .item-content,
6438.item-left-editing.item-left-editable .item-content {
6439 -webkit-transform: translate3d(50px, 0, 0);
6440 transform: translate3d(50px, 0, 0); }
6441
6442.item-remove-animate.ng-leave {
6443 -webkit-transition-duration: 300ms;
6444 transition-duration: 300ms; }
6445
6446.item-remove-animate.ng-leave .item-content, .item-remove-animate.ng-leave:last-of-type {
6447 -webkit-transition-duration: 300ms;
6448 transition-duration: 300ms;
6449 -webkit-transition-timing-function: ease-in;
6450 transition-timing-function: ease-in;
6451 -webkit-transition-property: all;
6452 transition-property: all; }
6453
6454.item-remove-animate.ng-leave.ng-leave-active .item-content {
6455 opacity: 0;
6456 -webkit-transform: translate3d(-100%, 0, 0) !important;
6457 transform: translate3d(-100%, 0, 0) !important; }
6458
6459.item-remove-animate.ng-leave.ng-leave-active:last-of-type {
6460 opacity: 0; }
6461
6462.item-remove-animate.ng-leave.ng-leave-active ~ ion-item:not(.ng-leave) {
6463 -webkit-transform: translate3d(0, -webkit-calc(-100% + 1px), 0);
6464 transform: translate3d(0, calc(-100% + 1px), 0);
6465 -webkit-transition-duration: 300ms;
6466 transition-duration: 300ms;
6467 -webkit-transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
6468 transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
6469 -webkit-transition-property: all;
6470 transition-property: all; }
6471
6472.item-left-edit {
6473 -webkit-transition: all ease-in-out 125ms;
6474 transition: all ease-in-out 125ms;
6475 position: absolute;
6476 top: 0;
6477 left: 0;
6478 z-index: 0;
6479 width: 50px;
6480 height: 100%;
6481 line-height: 100%;
6482 display: none;
6483 opacity: 0;
6484 -webkit-transform: translate3d(-21px, 0, 0);
6485 transform: translate3d(-21px, 0, 0); }
6486 .item-left-edit .button {
6487 height: 100%; }
6488 .item-left-edit .button.icon {
6489 display: -webkit-box;
6490 display: -webkit-flex;
6491 display: -moz-box;
6492 display: -moz-flex;
6493 display: -ms-flexbox;
6494 display: flex;
6495 -webkit-box-align: center;
6496 -ms-flex-align: center;
6497 -webkit-align-items: center;
6498 -moz-align-items: center;
6499 align-items: center;
6500 position: absolute;
6501 top: 0;
6502 height: 100%; }
6503 .item-left-edit.visible {
6504 display: block; }
6505 .item-left-edit.visible.active {
6506 opacity: 1;
6507 -webkit-transform: translate3d(8px, 0, 0);
6508 transform: translate3d(8px, 0, 0); }
6509
6510.list-left-editing .item-left-edit {
6511 -webkit-transition-delay: 125ms;
6512 transition-delay: 125ms; }
6513
6514.item-delete .button.icon {
6515 color: #ef473a;
6516 font-size: 24px; }
6517 .item-delete .button.icon:hover {
6518 opacity: .7; }
6519
6520.item-right-edit {
6521 -webkit-transition: all ease-in-out 250ms;
6522 transition: all ease-in-out 250ms;
6523 position: absolute;
6524 top: 0;
6525 right: 0;
6526 z-index: 3;
6527 width: 75px;
6528 height: 100%;
6529 background: inherit;
6530 padding-left: 20px;
6531 display: block;
6532 opacity: 0;
6533 -webkit-transform: translate3d(75px, 0, 0);
6534 transform: translate3d(75px, 0, 0); }
6535 .item-right-edit .button {
6536 min-width: 50px;
6537 height: 100%; }
6538 .item-right-edit .button.icon {
6539 display: -webkit-box;
6540 display: -webkit-flex;
6541 display: -moz-box;
6542 display: -moz-flex;
6543 display: -ms-flexbox;
6544 display: flex;
6545 -webkit-box-align: center;
6546 -ms-flex-align: center;
6547 -webkit-align-items: center;
6548 -moz-align-items: center;
6549 align-items: center;
6550 position: absolute;
6551 top: 0;
6552 height: 100%;
6553 font-size: 32px; }
6554 .item-right-edit.visible {
6555 display: block; }
6556 .item-right-edit.visible.active {
6557 opacity: 1;
6558 -webkit-transform: translate3d(0, 0, 0);
6559 transform: translate3d(0, 0, 0); }
6560
6561.item-reorder .button.icon {
6562 color: #444;
6563 font-size: 32px; }
6564
6565.item-reordering {
6566 position: absolute;
6567 left: 0;
6568 top: 0;
6569 z-index: 9;
6570 width: 100%;
6571 box-shadow: 0px 0px 10px 0px #aaa; }
6572 .item-reordering .item-reorder {
6573 z-index: 9; }
6574
6575.item-placeholder {
6576 opacity: 0.7; }
6577
6578/**
6579 * The hidden right-side buttons that can be exposed under a list item
6580 * with dragging.
6581 */
6582.item-options {
6583 position: absolute;
6584 top: 0;
6585 right: 0;
6586 z-index: 1;
6587 height: 100%; }
6588 .item-options .button {
6589 height: 100%;
6590 border: none;
6591 border-radius: 0;
6592 display: -webkit-inline-box;
6593 display: -webkit-inline-flex;
6594 display: -moz-inline-flex;
6595 display: -ms-inline-flexbox;
6596 display: inline-flex;
6597 -webkit-box-align: center;
6598 -ms-flex-align: center;
6599 -webkit-align-items: center;
6600 -moz-align-items: center;
6601 align-items: center; }
6602 .item-options .button:before {
6603 margin: 0 auto; }
6604
6605/**
6606 * Lists
6607 * --------------------------------------------------
6608 */
6609.list {
6610 position: relative;
6611 padding-top: 1px;
6612 padding-bottom: 1px;
6613 padding-left: 0;
6614 margin-bottom: 20px; }
6615
6616.list:last-child {
6617 margin-bottom: 0px; }
6618 .list:last-child.card {
6619 margin-bottom: 40px; }
6620
6621/**
6622 * List Header
6623 * --------------------------------------------------
6624 */
6625.list-header {
6626 margin-top: 20px;
6627 padding: 5px 15px;
6628 background-color: transparent;
6629 color: #222;
6630 font-weight: bold; }
6631
6632.card.list .list-item {
6633 padding-right: 1px;
6634 padding-left: 1px; }
6635
6636/**
6637 * Cards and Inset Lists
6638 * --------------------------------------------------
6639 * A card and list-inset are close to the same thing, except a card as a box shadow.
6640 */
6641.card,
6642.list-inset {
6643 overflow: hidden;
6644 margin: 20px 10px;
6645 border-radius: 2px;
6646 background-color: #fff; }
6647
6648.card {
6649 padding-top: 1px;
6650 padding-bottom: 1px;
6651 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
6652 .card .item {
6653 border-left: 0;
6654 border-right: 0; }
6655 .card .item:first-child {
6656 border-top: 0; }
6657 .card .item:last-child {
6658 border-bottom: 0; }
6659
6660.padding .card, .padding .list-inset {
6661 margin-left: 0;
6662 margin-right: 0; }
6663
6664.card .item:first-child,
6665.list-inset .item:first-child,
6666.padding > .list .item:first-child {
6667 border-top-left-radius: 2px;
6668 border-top-right-radius: 2px; }
6669 .card .item:first-child .item-content,
6670 .list-inset .item:first-child .item-content,
6671 .padding > .list .item:first-child .item-content {
6672 border-top-left-radius: 2px;
6673 border-top-right-radius: 2px; }
6674
6675.card .item:last-child,
6676.list-inset .item:last-child,
6677.padding > .list .item:last-child {
6678 border-bottom-right-radius: 2px;
6679 border-bottom-left-radius: 2px; }
6680 .card .item:last-child .item-content,
6681 .list-inset .item:last-child .item-content,
6682 .padding > .list .item:last-child .item-content {
6683 border-bottom-right-radius: 2px;
6684 border-bottom-left-radius: 2px; }
6685
6686.card .item:last-child,
6687.list-inset .item:last-child {
6688 margin-bottom: -1px; }
6689
6690.card .item,
6691.list-inset .item,
6692.padding > .list .item,
6693.padding-horizontal > .list .item {
6694 margin-right: 0;
6695 margin-left: 0; }
6696 .card .item.item-input input,
6697 .list-inset .item.item-input input,
6698 .padding > .list .item.item-input input,
6699 .padding-horizontal > .list .item.item-input input {
6700 padding-right: 44px; }
6701
6702.padding-left > .list .item {
6703 margin-left: 0; }
6704
6705.padding-right > .list .item {
6706 margin-right: 0; }
6707
6708/**
6709 * Badges
6710 * --------------------------------------------------
6711 */
6712.badge {
6713 background-color: transparent;
6714 color: #AAAAAA;
6715 z-index: 1;
6716 display: inline-block;
6717 padding: 3px 8px;
6718 min-width: 10px;
6719 border-radius: 10px;
6720 vertical-align: baseline;
6721 text-align: center;
6722 white-space: nowrap;
6723 font-weight: bold;
6724 font-size: 14px;
6725 line-height: 16px; }
6726 .badge:empty {
6727 display: none; }
6728
6729.tabs .tab-item .badge.badge-light,
6730.badge.badge-light {
6731 background-color: #fff;
6732 color: #444; }
6733
6734.tabs .tab-item .badge.badge-stable,
6735.badge.badge-stable {
6736 background-color: #f8f8f8;
6737 color: #444; }
6738
6739.tabs .tab-item .badge.badge-positive,
6740.badge.badge-positive {
6741 background-color: #387ef5;
6742 color: #fff; }
6743
6744.tabs .tab-item .badge.badge-calm,
6745.badge.badge-calm {
6746 background-color: #11c1f3;
6747 color: #fff; }
6748
6749.tabs .tab-item .badge.badge-assertive,
6750.badge.badge-assertive {
6751 background-color: #ef473a;
6752 color: #fff; }
6753
6754.tabs .tab-item .badge.badge-balanced,
6755.badge.badge-balanced {
6756 background-color: #33cd5f;
6757 color: #fff; }
6758
6759.tabs .tab-item .badge.badge-energized,
6760.badge.badge-energized {
6761 background-color: #ffc900;
6762 color: #fff; }
6763
6764.tabs .tab-item .badge.badge-royal,
6765.badge.badge-royal {
6766 background-color: #886aea;
6767 color: #fff; }
6768
6769.tabs .tab-item .badge.badge-dark,
6770.badge.badge-dark {
6771 background-color: #444;
6772 color: #fff; }
6773
6774.button .badge {
6775 position: relative;
6776 top: -1px; }
6777
6778/**
6779 * Slide Box
6780 * --------------------------------------------------
6781 */
6782.slider {
6783 position: relative;
6784 visibility: hidden;
6785 overflow: hidden; }
6786
6787.slider-slides {
6788 position: relative;
6789 height: 100%; }
6790
6791.slider-slide {
6792 position: relative;
6793 display: block;
6794 float: left;
6795 width: 100%;
6796 height: 100%;
6797 vertical-align: top; }
6798
6799.slider-slide-image > img {
6800 width: 100%; }
6801
6802.slider-pager {
6803 position: absolute;
6804 bottom: 20px;
6805 z-index: 1;
6806 width: 100%;
6807 height: 15px;
6808 text-align: center; }
6809 .slider-pager .slider-pager-page {
6810 display: inline-block;
6811 margin: 0px 3px;
6812 width: 15px;
6813 color: #000;
6814 text-decoration: none;
6815 opacity: 0.3; }
6816 .slider-pager .slider-pager-page.active {
6817 -webkit-transition: opacity 0.4s ease-in;
6818 transition: opacity 0.4s ease-in;
6819 opacity: 1; }
6820
6821.slider-slide.ng-enter, .slider-slide.ng-leave, .slider-slide.ng-animate,
6822.slider-pager-page.ng-enter,
6823.slider-pager-page.ng-leave,
6824.slider-pager-page.ng-animate {
6825 -webkit-transition: none !important;
6826 transition: none !important; }
6827
6828.slider-slide.ng-animate,
6829.slider-pager-page.ng-animate {
6830 -webkit-animation: none 0s;
6831 animation: none 0s; }
6832
6833/**
6834 * Swiper 3.2.7
6835 * Most modern mobile touch slider and framework with hardware accelerated transitions
6836 *
6837 * http://www.idangero.us/swiper/
6838 *
6839 * Copyright 2015, Vladimir Kharlampidi
6840 * The iDangero.us
6841 * http://www.idangero.us/
6842 *
6843 * Licensed under MIT
6844 *
6845 * Released on: December 7, 2015
6846 */
6847.swiper-container {
6848 margin: 0 auto;
6849 position: relative;
6850 overflow: hidden;
6851 /* Fix of Webkit flickering */
6852 z-index: 1; }
6853
6854.swiper-container-no-flexbox .swiper-slide {
6855 float: left; }
6856
6857.swiper-container-vertical > .swiper-wrapper {
6858 -webkit-box-orient: vertical;
6859 -moz-box-orient: vertical;
6860 -ms-flex-direction: column;
6861 -webkit-flex-direction: column;
6862 flex-direction: column; }
6863
6864.swiper-wrapper {
6865 position: relative;
6866 width: 100%;
6867 height: 100%;
6868 z-index: 1;
6869 display: -webkit-box;
6870 display: -moz-box;
6871 display: -ms-flexbox;
6872 display: -webkit-flex;
6873 display: flex;
6874 -webkit-transition-property: -webkit-transform;
6875 -moz-transition-property: -moz-transform;
6876 -o-transition-property: -o-transform;
6877 -ms-transition-property: -ms-transform;
6878 transition-property: transform;
6879 -webkit-box-sizing: content-box;
6880 -moz-box-sizing: content-box;
6881 box-sizing: content-box; }
6882
6883.swiper-container-android .swiper-slide,
6884.swiper-wrapper {
6885 -webkit-transform: translate3d(0px, 0, 0);
6886 -moz-transform: translate3d(0px, 0, 0);
6887 -o-transform: translate(0px, 0px);
6888 -ms-transform: translate3d(0px, 0, 0);
6889 transform: translate3d(0px, 0, 0); }
6890
6891.swiper-container-multirow > .swiper-wrapper {
6892 -webkit-box-lines: multiple;
6893 -moz-box-lines: multiple;
6894 -ms-flex-wrap: wrap;
6895 -webkit-flex-wrap: wrap;
6896 flex-wrap: wrap; }
6897
6898.swiper-container-free-mode > .swiper-wrapper {
6899 -webkit-transition-timing-function: ease-out;
6900 -moz-transition-timing-function: ease-out;
6901 -ms-transition-timing-function: ease-out;
6902 -o-transition-timing-function: ease-out;
6903 transition-timing-function: ease-out;
6904 margin: 0 auto; }
6905
6906.swiper-slide {
6907 display: block;
6908 -webkit-flex-shrink: 0;
6909 -ms-flex: 0 0 auto;
6910 flex-shrink: 0;
6911 width: 100%;
6912 height: 100%;
6913 position: relative; }
6914
6915/* Auto Height */
6916.swiper-container-autoheight,
6917.swiper-container-autoheight .swiper-slide {
6918 height: auto; }
6919
6920.swiper-container-autoheight .swiper-wrapper {
6921 -webkit-box-align: start;
6922 -ms-flex-align: start;
6923 -webkit-align-items: flex-start;
6924 align-items: flex-start;
6925 -webkit-transition-property: -webkit-transform, height;
6926 -moz-transition-property: -moz-transform;
6927 -o-transition-property: -o-transform;
6928 -ms-transition-property: -ms-transform;
6929 transition-property: transform, height; }
6930
6931/* a11y */
6932.swiper-container .swiper-notification {
6933 position: absolute;
6934 left: 0;
6935 top: 0;
6936 pointer-events: none;
6937 opacity: 0;
6938 z-index: -1000; }
6939
6940/* IE10 Windows Phone 8 Fixes */
6941.swiper-wp8-horizontal {
6942 -ms-touch-action: pan-y;
6943 touch-action: pan-y; }
6944
6945.swiper-wp8-vertical {
6946 -ms-touch-action: pan-x;
6947 touch-action: pan-x; }
6948
6949/* Arrows */
6950.swiper-button-prev,
6951.swiper-button-next {
6952 position: absolute;
6953 top: 50%;
6954 width: 27px;
6955 height: 44px;
6956 margin-top: -22px;
6957 z-index: 10;
6958 cursor: pointer;
6959 -moz-background-size: 27px 44px;
6960 -webkit-background-size: 27px 44px;
6961 background-size: 27px 44px;
6962 background-position: center;
6963 background-repeat: no-repeat; }
6964
6965.swiper-button-prev.swiper-button-disabled,
6966.swiper-button-next.swiper-button-disabled {
6967 opacity: 0.35;
6968 cursor: auto;
6969 pointer-events: none; }
6970
6971.swiper-button-prev,
6972.swiper-container-rtl .swiper-button-next {
6973 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
6974 left: 10px;
6975 right: auto; }
6976
6977.swiper-button-prev.swiper-button-black,
6978.swiper-container-rtl .swiper-button-next.swiper-button-black {
6979 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
6980
6981.swiper-button-prev.swiper-button-white,
6982.swiper-container-rtl .swiper-button-next.swiper-button-white {
6983 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
6984
6985.swiper-button-next,
6986.swiper-container-rtl .swiper-button-prev {
6987 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
6988 right: 10px;
6989 left: auto; }
6990
6991.swiper-button-next.swiper-button-black,
6992.swiper-container-rtl .swiper-button-prev.swiper-button-black {
6993 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
6994
6995.swiper-button-next.swiper-button-white,
6996.swiper-container-rtl .swiper-button-prev.swiper-button-white {
6997 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
6998
6999/* Pagination Styles */
7000.swiper-pagination {
7001 position: absolute;
7002 text-align: center;
7003 -webkit-transition: 300ms;
7004 -moz-transition: 300ms;
7005 -o-transition: 300ms;
7006 transition: 300ms;
7007 -webkit-transform: translate3d(0, 0, 0);
7008 -ms-transform: translate3d(0, 0, 0);
7009 -o-transform: translate3d(0, 0, 0);
7010 transform: translate3d(0, 0, 0);
7011 z-index: 10; }
7012
7013.swiper-pagination.swiper-pagination-hidden {
7014 opacity: 0; }
7015
7016.swiper-pagination-bullet {
7017 width: 8px;
7018 height: 8px;
7019 display: inline-block;
7020 border-radius: 100%;
7021 background: #000;
7022 opacity: 0.2; }
7023
7024button.swiper-pagination-bullet {
7025 border: none;
7026 margin: 0;
7027 padding: 0;
7028 box-shadow: none;
7029 -moz-appearance: none;
7030 -ms-appearance: none;
7031 -webkit-appearance: none;
7032 appearance: none; }
7033
7034.swiper-pagination-clickable .swiper-pagination-bullet {
7035 cursor: pointer; }
7036
7037.swiper-pagination-white .swiper-pagination-bullet {
7038 background: #fff; }
7039
7040.swiper-pagination-bullet-active {
7041 opacity: 1; }
7042
7043.swiper-pagination-white .swiper-pagination-bullet-active {
7044 background: #fff; }
7045
7046.swiper-pagination-black .swiper-pagination-bullet-active {
7047 background: #000; }
7048
7049.swiper-container-vertical > .swiper-pagination {
7050 right: 10px;
7051 top: 50%;
7052 -webkit-transform: translate3d(0px, -50%, 0);
7053 -moz-transform: translate3d(0px, -50%, 0);
7054 -o-transform: translate(0px, -50%);
7055 -ms-transform: translate3d(0px, -50%, 0);
7056 transform: translate3d(0px, -50%, 0); }
7057
7058.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
7059 margin: 5px 0;
7060 display: block; }
7061
7062.swiper-container-horizontal > .swiper-pagination {
7063 bottom: 10px;
7064 left: 0;
7065 width: 100%; }
7066
7067.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
7068 margin: 0 5px; }
7069
7070/* 3D Container */
7071.swiper-container-3d {
7072 -webkit-perspective: 1200px;
7073 -moz-perspective: 1200px;
7074 -o-perspective: 1200px;
7075 perspective: 1200px; }
7076
7077.swiper-container-3d .swiper-wrapper,
7078.swiper-container-3d .swiper-slide,
7079.swiper-container-3d .swiper-slide-shadow-left,
7080.swiper-container-3d .swiper-slide-shadow-right,
7081.swiper-container-3d .swiper-slide-shadow-top,
7082.swiper-container-3d .swiper-slide-shadow-bottom,
7083.swiper-container-3d .swiper-cube-shadow {
7084 -webkit-transform-style: preserve-3d;
7085 -moz-transform-style: preserve-3d;
7086 -ms-transform-style: preserve-3d;
7087 transform-style: preserve-3d; }
7088
7089.swiper-container-3d .swiper-slide-shadow-left,
7090.swiper-container-3d .swiper-slide-shadow-right,
7091.swiper-container-3d .swiper-slide-shadow-top,
7092.swiper-container-3d .swiper-slide-shadow-bottom {
7093 position: absolute;
7094 left: 0;
7095 top: 0;
7096 width: 100%;
7097 height: 100%;
7098 pointer-events: none;
7099 z-index: 10; }
7100
7101.swiper-container-3d .swiper-slide-shadow-left {
7102 background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
7103 /* Safari 4+, Chrome */
7104 background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
7105 /* Chrome 10+, Safari 5.1+, iOS 5+ */
7106 background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
7107 /* Firefox 3.6-15 */
7108 background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
7109 /* Opera 11.10-12.00 */
7110 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
7111 /* Firefox 16+, IE10, Opera 12.50+ */ }
7112
7113.swiper-container-3d .swiper-slide-shadow-right {
7114 background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
7115 /* Safari 4+, Chrome */
7116 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
7117 /* Chrome 10+, Safari 5.1+, iOS 5+ */
7118 background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
7119 /* Firefox 3.6-15 */
7120 background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
7121 /* Opera 11.10-12.00 */
7122 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
7123 /* Firefox 16+, IE10, Opera 12.50+ */ }
7124
7125.swiper-container-3d .swiper-slide-shadow-top {
7126 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
7127 /* Safari 4+, Chrome */
7128 background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
7129 /* Chrome 10+, Safari 5.1+, iOS 5+ */
7130 background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
7131 /* Firefox 3.6-15 */
7132 background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
7133 /* Opera 11.10-12.00 */
7134 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
7135 /* Firefox 16+, IE10, Opera 12.50+ */ }
7136
7137.swiper-container-3d .swiper-slide-shadow-bottom {
7138 background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
7139 /* Safari 4+, Chrome */
7140 background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
7141 /* Chrome 10+, Safari 5.1+, iOS 5+ */
7142 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
7143 /* Firefox 3.6-15 */
7144 background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
7145 /* Opera 11.10-12.00 */
7146 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
7147 /* Firefox 16+, IE10, Opera 12.50+ */ }
7148
7149/* Coverflow */
7150.swiper-container-coverflow .swiper-wrapper {
7151 /* Windows 8 IE 10 fix */
7152 -ms-perspective: 1200px; }
7153
7154/* Fade */
7155.swiper-container-fade.swiper-container-free-mode .swiper-slide {
7156 -webkit-transition-timing-function: ease-out;
7157 -moz-transition-timing-function: ease-out;
7158 -ms-transition-timing-function: ease-out;
7159 -o-transition-timing-function: ease-out;
7160 transition-timing-function: ease-out; }
7161
7162.swiper-container-fade .swiper-slide {
7163 pointer-events: none; }
7164
7165.swiper-container-fade .swiper-slide .swiper-slide {
7166 pointer-events: none; }
7167
7168.swiper-container-fade .swiper-slide-active,
7169.swiper-container-fade .swiper-slide-active .swiper-slide-active {
7170 pointer-events: auto; }
7171
7172/* Cube */
7173.swiper-container-cube {
7174 overflow: visible; }
7175
7176.swiper-container-cube .swiper-slide {
7177 pointer-events: none;
7178 visibility: hidden;
7179 -webkit-transform-origin: 0 0;
7180 -moz-transform-origin: 0 0;
7181 -ms-transform-origin: 0 0;
7182 transform-origin: 0 0;
7183 -webkit-backface-visibility: hidden;
7184 -moz-backface-visibility: hidden;
7185 -ms-backface-visibility: hidden;
7186 backface-visibility: hidden;
7187 width: 100%;
7188 height: 100%;
7189 z-index: 1; }
7190
7191.swiper-container-cube.swiper-container-rtl .swiper-slide {
7192 -webkit-transform-origin: 100% 0;
7193 -moz-transform-origin: 100% 0;
7194 -ms-transform-origin: 100% 0;
7195 transform-origin: 100% 0; }
7196
7197.swiper-container-cube .swiper-slide-active,
7198.swiper-container-cube .swiper-slide-next,
7199.swiper-container-cube .swiper-slide-prev,
7200.swiper-container-cube .swiper-slide-next + .swiper-slide {
7201 pointer-events: auto;
7202 visibility: visible; }
7203
7204.swiper-container-cube .swiper-slide-shadow-top,
7205.swiper-container-cube .swiper-slide-shadow-bottom,
7206.swiper-container-cube .swiper-slide-shadow-left,
7207.swiper-container-cube .swiper-slide-shadow-right {
7208 z-index: 0;
7209 -webkit-backface-visibility: hidden;
7210 -moz-backface-visibility: hidden;
7211 -ms-backface-visibility: hidden;
7212 backface-visibility: hidden; }
7213
7214.swiper-container-cube .swiper-cube-shadow {
7215 position: absolute;
7216 left: 0;
7217 bottom: 0px;
7218 width: 100%;
7219 height: 100%;
7220 background: #000;
7221 opacity: 0.6;
7222 -webkit-filter: blur(50px);
7223 filter: blur(50px);
7224 z-index: 0; }
7225
7226/* Scrollbar */
7227.swiper-scrollbar {
7228 border-radius: 10px;
7229 position: relative;
7230 -ms-touch-action: none;
7231 background: rgba(0, 0, 0, 0.1); }
7232
7233.swiper-container-horizontal > .swiper-scrollbar {
7234 position: absolute;
7235 left: 1%;
7236 bottom: 3px;
7237 z-index: 50;
7238 height: 5px;
7239 width: 98%; }
7240
7241.swiper-container-vertical > .swiper-scrollbar {
7242 position: absolute;
7243 right: 3px;
7244 top: 1%;
7245 z-index: 50;
7246 width: 5px;
7247 height: 98%; }
7248
7249.swiper-scrollbar-drag {
7250 height: 100%;
7251 width: 100%;
7252 position: relative;
7253 background: rgba(0, 0, 0, 0.5);
7254 border-radius: 10px;
7255 left: 0;
7256 top: 0; }
7257
7258.swiper-scrollbar-cursor-drag {
7259 cursor: move; }
7260
7261/* Preloader */
7262.swiper-lazy-preloader {
7263 width: 42px;
7264 height: 42px;
7265 position: absolute;
7266 left: 50%;
7267 top: 50%;
7268 margin-left: -21px;
7269 margin-top: -21px;
7270 z-index: 10;
7271 -webkit-transform-origin: 50%;
7272 -moz-transform-origin: 50%;
7273 transform-origin: 50%;
7274 -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
7275 -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
7276 animation: swiper-preloader-spin 1s steps(12, end) infinite; }
7277
7278.swiper-lazy-preloader:after {
7279 display: block;
7280 content: "";
7281 width: 100%;
7282 height: 100%;
7283 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
7284 background-position: 50%;
7285 -webkit-background-size: 100%;
7286 background-size: 100%;
7287 background-repeat: no-repeat; }
7288
7289.swiper-lazy-preloader-white:after {
7290 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
7291
7292@-webkit-keyframes swiper-preloader-spin {
7293 100% {
7294 -webkit-transform: rotate(360deg); } }
7295
7296@keyframes swiper-preloader-spin {
7297 100% {
7298 transform: rotate(360deg); } }
7299
7300ion-slides {
7301 width: 100%;
7302 height: 100%;
7303 display: block; }
7304
7305.slide-zoom {
7306 display: block;
7307 width: 100%;
7308 text-align: center; }
7309
7310.swiper-container {
7311 width: 100%;
7312 height: 100%;
7313 padding: 0;
7314 overflow: hidden; }
7315
7316.swiper-wrapper {
7317 position: absolute;
7318 left: 0;
7319 top: 0;
7320 width: 100%;
7321 height: 100%;
7322 padding: 0; }
7323
7324.swiper-slide {
7325 width: 100%;
7326 height: 100%;
7327 box-sizing: border-box;
7328 /* Center slide text vertically */ }
7329 .swiper-slide img {
7330 width: auto;
7331 height: auto;
7332 max-width: 100%;
7333 max-height: 100%; }
7334
7335.scroll-refresher {
7336 position: absolute;
7337 top: -60px;
7338 right: 0;
7339 left: 0;
7340 overflow: hidden;
7341 margin: auto;
7342 height: 60px; }
7343 .scroll-refresher .ionic-refresher-content {
7344 position: absolute;
7345 bottom: 15px;
7346 left: 0;
7347 width: 100%;
7348 color: #666666;
7349 text-align: center;
7350 font-size: 30px; }
7351 .scroll-refresher .ionic-refresher-content .text-refreshing,
7352 .scroll-refresher .ionic-refresher-content .text-pulling {
7353 font-size: 16px;
7354 line-height: 16px; }
7355 .scroll-refresher .ionic-refresher-content.ionic-refresher-with-text {
7356 bottom: 10px; }
7357 .scroll-refresher .icon-refreshing,
7358 .scroll-refresher .icon-pulling {
7359 width: 100%;
7360 -webkit-backface-visibility: hidden;
7361 backface-visibility: hidden;
7362 -webkit-transform-style: preserve-3d;
7363 transform-style: preserve-3d; }
7364 .scroll-refresher .icon-pulling {
7365 -webkit-animation-name: refresh-spin-back;
7366 animation-name: refresh-spin-back;
7367 -webkit-animation-duration: 200ms;
7368 animation-duration: 200ms;
7369 -webkit-animation-timing-function: linear;
7370 animation-timing-function: linear;
7371 -webkit-animation-fill-mode: none;
7372 animation-fill-mode: none;
7373 -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
7374 transform: translate3d(0, 0, 0) rotate(0deg); }
7375 .scroll-refresher .icon-refreshing,
7376 .scroll-refresher .text-refreshing {
7377 display: none; }
7378 .scroll-refresher .icon-refreshing {
7379 -webkit-animation-duration: 1.5s;
7380 animation-duration: 1.5s; }
7381 .scroll-refresher.active .icon-pulling:not(.pulling-rotation-disabled) {
7382 -webkit-animation-name: refresh-spin;
7383 animation-name: refresh-spin;
7384 -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
7385 transform: translate3d(0, 0, 0) rotate(-180deg); }
7386 .scroll-refresher.active.refreshing {
7387 -webkit-transition: -webkit-transform 0.2s;
7388 transition: -webkit-transform 0.2s;
7389 -webkit-transition: transform 0.2s;
7390 transition: transform 0.2s;
7391 -webkit-transform: scale(1, 1);
7392 transform: scale(1, 1); }
7393 .scroll-refresher.active.refreshing .icon-pulling,
7394 .scroll-refresher.active.refreshing .text-pulling {
7395 display: none; }
7396 .scroll-refresher.active.refreshing .icon-refreshing,
7397 .scroll-refresher.active.refreshing .text-refreshing {
7398 display: block; }
7399 .scroll-refresher.active.refreshing.refreshing-tail {
7400 -webkit-transform: scale(0, 0);
7401 transform: scale(0, 0); }
7402
7403.overflow-scroll > .scroll {
7404 -webkit-overflow-scrolling: touch;
7405 width: 100%; }
7406 .overflow-scroll > .scroll.overscroll {
7407 position: fixed;
7408 right: 0;
7409 left: 0; }
7410
7411.overflow-scroll.padding > .scroll.overscroll {
7412 padding: 10px; }
7413
7414@-webkit-keyframes refresh-spin {
7415 0% {
7416 -webkit-transform: translate3d(0, 0, 0) rotate(0); }
7417 100% {
7418 -webkit-transform: translate3d(0, 0, 0) rotate(180deg); } }
7419
7420@keyframes refresh-spin {
7421 0% {
7422 transform: translate3d(0, 0, 0) rotate(0); }
7423 100% {
7424 transform: translate3d(0, 0, 0) rotate(180deg); } }
7425
7426@-webkit-keyframes refresh-spin-back {
7427 0% {
7428 -webkit-transform: translate3d(0, 0, 0) rotate(180deg); }
7429 100% {
7430 -webkit-transform: translate3d(0, 0, 0) rotate(0); } }
7431
7432@keyframes refresh-spin-back {
7433 0% {
7434 transform: translate3d(0, 0, 0) rotate(180deg); }
7435 100% {
7436 transform: translate3d(0, 0, 0) rotate(0); } }
7437
7438/**
7439 * Spinners
7440 * --------------------------------------------------
7441 */
7442.spinner {
7443 stroke: #444;
7444 fill: #444; }
7445 .spinner svg {
7446 width: 28px;
7447 height: 28px; }
7448 .spinner.spinner-light {
7449 stroke: #fff;
7450 fill: #fff; }
7451 .spinner.spinner-stable {
7452 stroke: #f8f8f8;
7453 fill: #f8f8f8; }
7454 .spinner.spinner-positive {
7455 stroke: #387ef5;
7456 fill: #387ef5; }
7457 .spinner.spinner-calm {
7458 stroke: #11c1f3;
7459 fill: #11c1f3; }
7460 .spinner.spinner-balanced {
7461 stroke: #33cd5f;
7462 fill: #33cd5f; }
7463 .spinner.spinner-assertive {
7464 stroke: #ef473a;
7465 fill: #ef473a; }
7466 .spinner.spinner-energized {
7467 stroke: #ffc900;
7468 fill: #ffc900; }
7469 .spinner.spinner-royal {
7470 stroke: #886aea;
7471 fill: #886aea; }
7472 .spinner.spinner-dark {
7473 stroke: #444;
7474 fill: #444; }
7475
7476.spinner-android {
7477 stroke: #4b8bf4; }
7478
7479.spinner-ios,
7480.spinner-ios-small {
7481 stroke: #69717d; }
7482
7483.spinner-spiral .stop1 {
7484 stop-color: #fff;
7485 stop-opacity: 0; }
7486
7487.spinner-spiral.spinner-light .stop1 {
7488 stop-color: #444; }
7489
7490.spinner-spiral.spinner-light .stop2 {
7491 stop-color: #fff; }
7492
7493.spinner-spiral.spinner-stable .stop2 {
7494 stop-color: #f8f8f8; }
7495
7496.spinner-spiral.spinner-positive .stop2 {
7497 stop-color: #387ef5; }
7498
7499.spinner-spiral.spinner-calm .stop2 {
7500 stop-color: #11c1f3; }
7501
7502.spinner-spiral.spinner-balanced .stop2 {
7503 stop-color: #33cd5f; }
7504
7505.spinner-spiral.spinner-assertive .stop2 {
7506 stop-color: #ef473a; }
7507
7508.spinner-spiral.spinner-energized .stop2 {
7509 stop-color: #ffc900; }
7510
7511.spinner-spiral.spinner-royal .stop2 {
7512 stop-color: #886aea; }
7513
7514.spinner-spiral.spinner-dark .stop2 {
7515 stop-color: #444; }
7516
7517/**
7518 * Forms
7519 * --------------------------------------------------
7520 */
7521form {
7522 margin: 0 0 1.42857; }
7523
7524legend {
7525 display: block;
7526 margin-bottom: 1.42857;
7527 padding: 0;
7528 width: 100%;
7529 border: 1px solid #ddd;
7530 color: #444;
7531 font-size: 21px;
7532 line-height: 2.85714; }
7533 legend small {
7534 color: #f8f8f8;
7535 font-size: 1.07143; }
7536
7537label,
7538input,
7539button,
7540select,
7541textarea {
7542 font-weight: normal;
7543 font-size: 14px;
7544 line-height: 1.42857; }
7545
7546input,
7547button,
7548select,
7549textarea {
7550 font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
7551
7552.item-input {
7553 display: -webkit-box;
7554 display: -webkit-flex;
7555 display: -moz-box;
7556 display: -moz-flex;
7557 display: -ms-flexbox;
7558 display: flex;
7559 -webkit-box-align: center;
7560 -ms-flex-align: center;
7561 -webkit-align-items: center;
7562 -moz-align-items: center;
7563 align-items: center;
7564 position: relative;
7565 overflow: hidden;
7566 padding: 6px 0 5px 16px; }
7567 .item-input input {
7568 -webkit-border-radius: 0;
7569 border-radius: 0;
7570 -webkit-box-flex: 1;
7571 -webkit-flex: 1 220px;
7572 -moz-box-flex: 1;
7573 -moz-flex: 1 220px;
7574 -ms-flex: 1 220px;
7575 flex: 1 220px;
7576 -webkit-appearance: none;
7577 -moz-appearance: none;
7578 appearance: none;
7579 margin: 0;
7580 padding-right: 24px;
7581 background-color: transparent; }
7582 .item-input .button .icon {
7583 -webkit-box-flex: 0;
7584 -webkit-flex: 0 0 24px;
7585 -moz-box-flex: 0;
7586 -moz-flex: 0 0 24px;
7587 -ms-flex: 0 0 24px;
7588 flex: 0 0 24px;
7589 position: static;
7590 display: inline-block;
7591 height: auto;
7592 text-align: center;
7593 font-size: 16px; }
7594 .item-input .button-bar {
7595 -webkit-border-radius: 0;
7596 border-radius: 0;
7597 -webkit-box-flex: 1;
7598 -webkit-flex: 1 0 220px;
7599 -moz-box-flex: 1;
7600 -moz-flex: 1 0 220px;
7601 -ms-flex: 1 0 220px;
7602 flex: 1 0 220px;
7603 -webkit-appearance: none;
7604 -moz-appearance: none;
7605 appearance: none; }
7606 .item-input .icon {
7607 min-width: 14px; }
7608
7609.platform-windowsphone .item-input input {
7610 flex-shrink: 1; }
7611
7612.item-input-inset {
7613 display: -webkit-box;
7614 display: -webkit-flex;
7615 display: -moz-box;
7616 display: -moz-flex;
7617 display: -ms-flexbox;
7618 display: flex;
7619 -webkit-box-align: center;
7620 -ms-flex-align: center;
7621 -webkit-align-items: center;
7622 -moz-align-items: center;
7623 align-items: center;
7624 position: relative;
7625 overflow: hidden;
7626 padding: 10.66667px; }
7627
7628.item-input-wrapper {
7629 display: -webkit-box;
7630 display: -webkit-flex;
7631 display: -moz-box;
7632 display: -moz-flex;
7633 display: -ms-flexbox;
7634 display: flex;
7635 -webkit-box-flex: 1;
7636 -webkit-flex: 1 0;
7637 -moz-box-flex: 1;
7638 -moz-flex: 1 0;
7639 -ms-flex: 1 0;
7640 flex: 1 0;
7641 -webkit-box-align: center;
7642 -ms-flex-align: center;
7643 -webkit-align-items: center;
7644 -moz-align-items: center;
7645 align-items: center;
7646 -webkit-border-radius: 4px;
7647 border-radius: 4px;
7648 padding-right: 8px;
7649 padding-left: 8px;
7650 background: #eee; }
7651
7652.item-input-inset .item-input-wrapper input {
7653 padding-left: 4px;
7654 height: 29px;
7655 background: transparent;
7656 line-height: 18px; }
7657
7658.item-input-wrapper ~ .button {
7659 margin-left: 10.66667px; }
7660
7661.input-label {
7662 display: table;
7663 padding: 7px 10px 7px 0px;
7664 max-width: 200px;
7665 width: 35%;
7666 color: #444;
7667 font-size: 16px; }
7668
7669.placeholder-icon {
7670 color: #aaa; }
7671 .placeholder-icon:first-child {
7672 padding-right: 6px; }
7673 .placeholder-icon:last-child {
7674 padding-left: 6px; }
7675
7676.item-stacked-label {
7677 display: block;
7678 background-color: transparent;
7679 box-shadow: none; }
7680 .item-stacked-label .input-label, .item-stacked-label .icon {
7681 display: inline-block;
7682 padding: 4px 0 0 0px;
7683 vertical-align: middle; }
7684
7685.item-stacked-label input,
7686.item-stacked-label textarea {
7687 -webkit-border-radius: 2px;
7688 border-radius: 2px;
7689 padding: 4px 8px 3px 0;
7690 border: none;
7691 background-color: #fff; }
7692
7693.item-stacked-label input {
7694 overflow: hidden;
7695 height: 46px; }
7696
7697.item-select.item-stacked-label select {
7698 position: relative;
7699 padding: 0px;
7700 max-width: 90%;
7701 direction: ltr;
7702 white-space: pre-wrap;
7703 margin: -3px; }
7704
7705.item-floating-label {
7706 display: block;
7707 background-color: transparent;
7708 box-shadow: none; }
7709 .item-floating-label .input-label {
7710 position: relative;
7711 padding: 5px 0 0 0;
7712 opacity: 0;
7713 top: 10px;
7714 -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
7715 transition: opacity 0.15s ease-in, top 0.2s linear; }
7716 .item-floating-label .input-label.has-input {
7717 opacity: 1;
7718 top: 0;
7719 -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
7720 transition: opacity 0.15s ease-in, top 0.2s linear; }
7721
7722textarea,
7723input[type="text"],
7724input[type="password"],
7725input[type="datetime"],
7726input[type="datetime-local"],
7727input[type="date"],
7728input[type="month"],
7729input[type="time"],
7730input[type="week"],
7731input[type="number"],
7732input[type="email"],
7733input[type="url"],
7734input[type="search"],
7735input[type="tel"],
7736input[type="color"] {
7737 display: block;
7738 padding-top: 2px;
7739 padding-left: 0;
7740 height: 34px;
7741 color: #111;
7742 vertical-align: middle;
7743 font-size: 14px;
7744 line-height: 16px; }
7745
7746.platform-ios input[type="datetime-local"],
7747.platform-ios input[type="date"],
7748.platform-ios input[type="month"],
7749.platform-ios input[type="time"],
7750.platform-ios input[type="week"],
7751.platform-android input[type="datetime-local"],
7752.platform-android input[type="date"],
7753.platform-android input[type="month"],
7754.platform-android input[type="time"],
7755.platform-android input[type="week"] {
7756 padding-top: 8px; }
7757
7758.item-input input,
7759.item-input textarea {
7760 width: 100%; }
7761
7762textarea {
7763 padding-left: 0; }
7764 textarea::-moz-placeholder {
7765 color: #aaaaaa; }
7766 textarea:-ms-input-placeholder {
7767 color: #aaaaaa; }
7768 textarea::-webkit-input-placeholder {
7769 color: #aaaaaa;
7770 text-indent: -3px; }
7771
7772textarea {
7773 height: auto; }
7774
7775textarea,
7776input[type="text"],
7777input[type="password"],
7778input[type="datetime"],
7779input[type="datetime-local"],
7780input[type="date"],
7781input[type="month"],
7782input[type="time"],
7783input[type="week"],
7784input[type="number"],
7785input[type="email"],
7786input[type="url"],
7787input[type="search"],
7788input[type="tel"],
7789input[type="color"] {
7790 border: 0; }
7791
7792input[type="radio"],
7793input[type="checkbox"] {
7794 margin: 0;
7795 line-height: normal; }
7796
7797.item-input input[type="file"],
7798.item-input input[type="image"],
7799.item-input input[type="submit"],
7800.item-input input[type="reset"],
7801.item-input input[type="button"],
7802.item-input input[type="radio"],
7803.item-input input[type="checkbox"] {
7804 width: auto; }
7805
7806input[type="file"] {
7807 line-height: 34px; }
7808
7809.previous-input-focus,
7810.cloned-text-input + input,
7811.cloned-text-input + textarea {
7812 position: absolute !important;
7813 left: -9999px;
7814 width: 200px; }
7815
7816input::-moz-placeholder,
7817textarea::-moz-placeholder {
7818 color: #aaaaaa; }
7819
7820input:-ms-input-placeholder,
7821textarea:-ms-input-placeholder {
7822 color: #aaaaaa; }
7823
7824input::-webkit-input-placeholder,
7825textarea::-webkit-input-placeholder {
7826 color: #aaaaaa;
7827 text-indent: 0; }
7828
7829input[disabled],
7830select[disabled],
7831textarea[disabled],
7832input[readonly]:not(.cloned-text-input),
7833textarea[readonly]:not(.cloned-text-input),
7834select[readonly] {
7835 background-color: #f8f8f8;
7836 cursor: not-allowed; }
7837
7838input[type="radio"][disabled],
7839input[type="checkbox"][disabled],
7840input[type="radio"][readonly],
7841input[type="checkbox"][readonly] {
7842 background-color: transparent; }
7843
7844/**
7845 * Checkbox
7846 * --------------------------------------------------
7847 */
7848.checkbox {
7849 position: relative;
7850 display: inline-block;
7851 padding: 7px 7px;
7852 cursor: pointer; }
7853 .checkbox input:before,
7854 .checkbox .checkbox-icon:before {
7855 border-color: #ddd; }
7856 .checkbox input:checked:before,
7857 .checkbox input:checked + .checkbox-icon:before {
7858 background: #387ef5;
7859 border-color: #387ef5; }
7860
7861.checkbox-light input:before,
7862.checkbox-light .checkbox-icon:before {
7863 border-color: #ddd; }
7864
7865.checkbox-light input:checked:before,
7866.checkbox-light input:checked + .checkbox-icon:before {
7867 background: #ddd;
7868 border-color: #ddd; }
7869
7870.checkbox-stable input:before,
7871.checkbox-stable .checkbox-icon:before {
7872 border-color: #b2b2b2; }
7873
7874.checkbox-stable input:checked:before,
7875.checkbox-stable input:checked + .checkbox-icon:before {
7876 background: #b2b2b2;
7877 border-color: #b2b2b2; }
7878
7879.checkbox-positive input:before,
7880.checkbox-positive .checkbox-icon:before {
7881 border-color: #387ef5; }
7882
7883.checkbox-positive input:checked:before,
7884.checkbox-positive input:checked + .checkbox-icon:before {
7885 background: #387ef5;
7886 border-color: #387ef5; }
7887
7888.checkbox-calm input:before,
7889.checkbox-calm .checkbox-icon:before {
7890 border-color: #11c1f3; }
7891
7892.checkbox-calm input:checked:before,
7893.checkbox-calm input:checked + .checkbox-icon:before {
7894 background: #11c1f3;
7895 border-color: #11c1f3; }
7896
7897.checkbox-assertive input:before,
7898.checkbox-assertive .checkbox-icon:before {
7899 border-color: #ef473a; }
7900
7901.checkbox-assertive input:checked:before,
7902.checkbox-assertive input:checked + .checkbox-icon:before {
7903 background: #ef473a;
7904 border-color: #ef473a; }
7905
7906.checkbox-balanced input:before,
7907.checkbox-balanced .checkbox-icon:before {
7908 border-color: #33cd5f; }
7909
7910.checkbox-balanced input:checked:before,
7911.checkbox-balanced input:checked + .checkbox-icon:before {
7912 background: #33cd5f;
7913 border-color: #33cd5f; }
7914
7915.checkbox-energized input:before,
7916.checkbox-energized .checkbox-icon:before {
7917 border-color: #ffc900; }
7918
7919.checkbox-energized input:checked:before,
7920.checkbox-energized input:checked + .checkbox-icon:before {
7921 background: #ffc900;
7922 border-color: #ffc900; }
7923
7924.checkbox-royal input:before,
7925.checkbox-royal .checkbox-icon:before {
7926 border-color: #886aea; }
7927
7928.checkbox-royal input:checked:before,
7929.checkbox-royal input:checked + .checkbox-icon:before {
7930 background: #886aea;
7931 border-color: #886aea; }
7932
7933.checkbox-dark input:before,
7934.checkbox-dark .checkbox-icon:before {
7935 border-color: #444; }
7936
7937.checkbox-dark input:checked:before,
7938.checkbox-dark input:checked + .checkbox-icon:before {
7939 background: #444;
7940 border-color: #444; }
7941
7942.checkbox input:disabled:before,
7943.checkbox input:disabled + .checkbox-icon:before {
7944 border-color: #ddd; }
7945
7946.checkbox input:disabled:checked:before,
7947.checkbox input:disabled:checked + .checkbox-icon:before {
7948 background: #ddd; }
7949
7950.checkbox.checkbox-input-hidden input {
7951 display: none !important; }
7952
7953.checkbox input,
7954.checkbox-icon {
7955 position: relative;
7956 width: 28px;
7957 height: 28px;
7958 display: block;
7959 border: 0;
7960 background: transparent;
7961 cursor: pointer;
7962 -webkit-appearance: none; }
7963 .checkbox input:before,
7964 .checkbox-icon:before {
7965 display: table;
7966 width: 100%;
7967 height: 100%;
7968 border-width: 1px;
7969 border-style: solid;
7970 border-radius: 28px;
7971 background: #fff;
7972 content: ' ';
7973 -webkit-transition: background-color 20ms ease-in-out;
7974 transition: background-color 20ms ease-in-out; }
7975
7976.checkbox input:checked:before,
7977input:checked + .checkbox-icon:before {
7978 border-width: 2px; }
7979
7980.checkbox input:after,
7981.checkbox-icon:after {
7982 -webkit-transition: opacity 0.05s ease-in-out;
7983 transition: opacity 0.05s ease-in-out;
7984 -webkit-transform: rotate(-45deg);
7985 transform: rotate(-45deg);
7986 position: absolute;
7987 top: 33%;
7988 left: 25%;
7989 display: table;
7990 width: 14px;
7991 height: 6px;
7992 border: 1px solid #fff;
7993 border-top: 0;
7994 border-right: 0;
7995 content: ' ';
7996 opacity: 0; }
7997
7998.platform-android .checkbox-platform input:before,
7999.platform-android .checkbox-platform .checkbox-icon:before,
8000.checkbox-square input:before,
8001.checkbox-square .checkbox-icon:before {
8002 border-radius: 2px;
8003 width: 72%;
8004 height: 72%;
8005 margin-top: 14%;
8006 margin-left: 14%;
8007 border-width: 2px; }
8008
8009.platform-android .checkbox-platform input:after,
8010.platform-android .checkbox-platform .checkbox-icon:after,
8011.checkbox-square input:after,
8012.checkbox-square .checkbox-icon:after {
8013 border-width: 2px;
8014 top: 19%;
8015 left: 25%;
8016 width: 13px;
8017 height: 7px; }
8018
8019.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after {
8020 top: 31%; }
8021
8022.grade-c .checkbox input:after,
8023.grade-c .checkbox-icon:after {
8024 -webkit-transform: rotate(0);
8025 transform: rotate(0);
8026 top: 3px;
8027 left: 4px;
8028 border: none;
8029 color: #fff;
8030 content: '\2713';
8031 font-weight: bold;
8032 font-size: 20px; }
8033
8034.checkbox input:checked:after,
8035input:checked + .checkbox-icon:after {
8036 opacity: 1; }
8037
8038.item-checkbox {
8039 padding-left: 60px; }
8040 .item-checkbox.active {
8041 box-shadow: none; }
8042
8043.item-checkbox .checkbox {
8044 position: absolute;
8045 top: 50%;
8046 right: 8px;
8047 left: 8px;
8048 z-index: 3;
8049 margin-top: -21px; }
8050
8051.item-checkbox.item-checkbox-right {
8052 padding-right: 60px;
8053 padding-left: 16px; }
8054
8055.item-checkbox-right .checkbox input,
8056.item-checkbox-right .checkbox-icon {
8057 float: right; }
8058
8059/**
8060 * Toggle
8061 * --------------------------------------------------
8062 */
8063.item-toggle {
8064 pointer-events: none; }
8065
8066.toggle {
8067 position: relative;
8068 display: inline-block;
8069 pointer-events: auto;
8070 margin: -5px;
8071 padding: 5px; }
8072 .toggle input:checked + .track {
8073 border-color: #4cd964;
8074 background-color: #4cd964; }
8075 .toggle.dragging .handle {
8076 background-color: #f2f2f2 !important; }
8077
8078.toggle.toggle-light input:checked + .track {
8079 border-color: #ddd;
8080 background-color: #ddd; }
8081
8082.toggle.toggle-stable input:checked + .track {
8083 border-color: #b2b2b2;
8084 background-color: #b2b2b2; }
8085
8086.toggle.toggle-positive input:checked + .track {
8087 border-color: #387ef5;
8088 background-color: #387ef5; }
8089
8090.toggle.toggle-calm input:checked + .track {
8091 border-color: #11c1f3;
8092 background-color: #11c1f3; }
8093
8094.toggle.toggle-assertive input:checked + .track {
8095 border-color: #ef473a;
8096 background-color: #ef473a; }
8097
8098.toggle.toggle-balanced input:checked + .track {
8099 border-color: #33cd5f;
8100 background-color: #33cd5f; }
8101
8102.toggle.toggle-energized input:checked + .track {
8103 border-color: #ffc900;
8104 background-color: #ffc900; }
8105
8106.toggle.toggle-royal input:checked + .track {
8107 border-color: #886aea;
8108 background-color: #886aea; }
8109
8110.toggle.toggle-dark input:checked + .track {
8111 border-color: #444;
8112 background-color: #444; }
8113
8114.toggle input {
8115 display: none; }
8116
8117/* the track appearance when the toggle is "off" */
8118.toggle .track {
8119 -webkit-transition-timing-function: ease-in-out;
8120 transition-timing-function: ease-in-out;
8121 -webkit-transition-duration: 0.3s;
8122 transition-duration: 0.3s;
8123 -webkit-transition-property: background-color, border;
8124 transition-property: background-color, border;
8125 display: inline-block;
8126 box-sizing: border-box;
8127 width: 51px;
8128 height: 31px;
8129 border: solid 2px #e6e6e6;
8130 border-radius: 20px;
8131 background-color: #fff;
8132 content: ' ';
8133 cursor: pointer;
8134 pointer-events: none; }
8135
8136/* Fix to avoid background color bleeding */
8137/* (occurred on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
8138.platform-android4_2 .toggle .track {
8139 -webkit-background-clip: padding-box; }
8140
8141/* the handle (circle) thats inside the toggle's track area */
8142/* also the handle's appearance when it is "off" */
8143.toggle .handle {
8144 -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
8145 transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
8146 -webkit-transition-property: background-color, transform;
8147 transition-property: background-color, transform;
8148 position: absolute;
8149 display: block;
8150 width: 27px;
8151 height: 27px;
8152 border-radius: 27px;
8153 background-color: #fff;
8154 top: 7px;
8155 left: 7px;
8156 box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15); }
8157 .toggle .handle:before {
8158 position: absolute;
8159 top: -4px;
8160 left: -21.5px;
8161 padding: 18.5px 34px;
8162 content: " "; }
8163
8164.toggle input:checked + .track .handle {
8165 -webkit-transform: translate3d(20px, 0, 0);
8166 transform: translate3d(20px, 0, 0);
8167 background-color: #fff; }
8168
8169.item-toggle.active {
8170 box-shadow: none; }
8171
8172.item-toggle,
8173.item-toggle.item-complex .item-content {
8174 padding-right: 99px; }
8175
8176.item-toggle.item-complex {
8177 padding-right: 0; }
8178
8179.item-toggle .toggle {
8180 position: absolute;
8181 top: 10px;
8182 right: 16px;
8183 z-index: 3; }
8184
8185.toggle input:disabled + .track {
8186 opacity: .6; }
8187
8188.toggle-small .track {
8189 border: 0;
8190 width: 34px;
8191 height: 15px;
8192 background: #9e9e9e; }
8193
8194.toggle-small input:checked + .track {
8195 background: rgba(0, 150, 137, 0.5); }
8196
8197.toggle-small .handle {
8198 top: 2px;
8199 left: 4px;
8200 width: 21px;
8201 height: 21px;
8202 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); }
8203
8204.toggle-small input:checked + .track .handle {
8205 -webkit-transform: translate3d(16px, 0, 0);
8206 transform: translate3d(16px, 0, 0);
8207 background: #009689; }
8208
8209.toggle-small.item-toggle .toggle {
8210 top: 19px; }
8211
8212.toggle-small .toggle-light input:checked + .track {
8213 background-color: rgba(221, 221, 221, 0.5); }
8214
8215.toggle-small .toggle-light input:checked + .track .handle {
8216 background-color: #ddd; }
8217
8218.toggle-small .toggle-stable input:checked + .track {
8219 background-color: rgba(178, 178, 178, 0.5); }
8220
8221.toggle-small .toggle-stable input:checked + .track .handle {
8222 background-color: #b2b2b2; }
8223
8224.toggle-small .toggle-positive input:checked + .track {
8225 background-color: rgba(56, 126, 245, 0.5); }
8226
8227.toggle-small .toggle-positive input:checked + .track .handle {
8228 background-color: #387ef5; }
8229
8230.toggle-small .toggle-calm input:checked + .track {
8231 background-color: rgba(17, 193, 243, 0.5); }
8232
8233.toggle-small .toggle-calm input:checked + .track .handle {
8234 background-color: #11c1f3; }
8235
8236.toggle-small .toggle-assertive input:checked + .track {
8237 background-color: rgba(239, 71, 58, 0.5); }
8238
8239.toggle-small .toggle-assertive input:checked + .track .handle {
8240 background-color: #ef473a; }
8241
8242.toggle-small .toggle-balanced input:checked + .track {
8243 background-color: rgba(51, 205, 95, 0.5); }
8244
8245.toggle-small .toggle-balanced input:checked + .track .handle {
8246 background-color: #33cd5f; }
8247
8248.toggle-small .toggle-energized input:checked + .track {
8249 background-color: rgba(255, 201, 0, 0.5); }
8250
8251.toggle-small .toggle-energized input:checked + .track .handle {
8252 background-color: #ffc900; }
8253
8254.toggle-small .toggle-royal input:checked + .track {
8255 background-color: rgba(136, 106, 234, 0.5); }
8256
8257.toggle-small .toggle-royal input:checked + .track .handle {
8258 background-color: #886aea; }
8259
8260.toggle-small .toggle-dark input:checked + .track {
8261 background-color: rgba(68, 68, 68, 0.5); }
8262
8263.toggle-small .toggle-dark input:checked + .track .handle {
8264 background-color: #444; }
8265
8266/**
8267 * Radio Button Inputs
8268 * --------------------------------------------------
8269 */
8270.item-radio {
8271 padding: 0; }
8272 .item-radio:hover {
8273 cursor: pointer; }
8274
8275.item-radio .item-content {
8276 /* give some room to the right for the checkmark icon */
8277 padding-right: 64px; }
8278
8279.item-radio .radio-icon {
8280 /* checkmark icon will be hidden by default */
8281 position: absolute;
8282 top: 0;
8283 right: 0;
8284 z-index: 3;
8285 visibility: hidden;
8286 padding: 14px;
8287 height: 100%;
8288 font-size: 24px; }
8289
8290.item-radio input {
8291 /* hide any radio button inputs elements (the ugly circles) */
8292 position: absolute;
8293 left: -9999px; }
8294 .item-radio input:checked + .radio-content .item-content {
8295 /* style the item content when its checked */
8296 background: #f7f7f7; }
8297 .item-radio input:checked + .radio-content .radio-icon {
8298 /* show the checkmark icon when its checked */
8299 visibility: visible; }
8300
8301/**
8302 * Range
8303 * --------------------------------------------------
8304 */
8305.range input {
8306 display: inline-block;
8307 overflow: hidden;
8308 margin-top: 5px;
8309 margin-bottom: 5px;
8310 padding-right: 2px;
8311 padding-left: 1px;
8312 width: auto;
8313 height: 43px;
8314 outline: none;
8315 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
8316 background: linear-gradient(to right, #ccc 0%, #ccc 100%);
8317 background-position: center;
8318 background-size: 99% 2px;
8319 background-repeat: no-repeat;
8320 -webkit-appearance: none;
8321 /*
8322 &::-ms-track{
8323 background: transparent;
8324 border-color: transparent;
8325 border-width: 11px 0 16px;
8326 color:transparent;
8327 margin-top:20px;
8328 }
8329 &::-ms-thumb {
8330 width: $range-slider-width;
8331 height: $range-slider-height;
8332 border-radius: $range-slider-border-radius;
8333 background-color: $toggle-handle-off-bg-color;
8334 border-color:$toggle-handle-off-bg-color;
8335 box-shadow: $range-slider-box-shadow;
8336 margin-left:1px;
8337 margin-right:1px;
8338 outline:none;
8339 }
8340 &::-ms-fill-upper {
8341 height: $range-track-height;
8342 background:$range-default-track-bg;
8343 }
8344 */ }
8345 .range input::-moz-focus-outer {
8346 /* hide the focus outline in Firefox */
8347 border: 0; }
8348 .range input::-webkit-slider-thumb {
8349 position: relative;
8350 width: 28px;
8351 height: 28px;
8352 border-radius: 50%;
8353 background-color: #fff;
8354 box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);
8355 cursor: pointer;
8356 -webkit-appearance: none;
8357 border: 0; }
8358 .range input::-webkit-slider-thumb:before {
8359 /* what creates the colorful line on the left side of the slider */
8360 position: absolute;
8361 top: 13px;
8362 left: -2001px;
8363 width: 2000px;
8364 height: 2px;
8365 background: #444;
8366 content: ' '; }
8367 .range input::-webkit-slider-thumb:after {
8368 /* create a larger (but hidden) hit area */
8369 position: absolute;
8370 top: -15px;
8371 left: -15px;
8372 padding: 30px;
8373 content: ' '; }
8374 .range input::-ms-fill-lower {
8375 height: 2px;
8376 background: #444; }
8377
8378.range {
8379 display: -webkit-box;
8380 display: -webkit-flex;
8381 display: -moz-box;
8382 display: -moz-flex;
8383 display: -ms-flexbox;
8384 display: flex;
8385 -webkit-box-align: center;
8386 -ms-flex-align: center;
8387 -webkit-align-items: center;
8388 -moz-align-items: center;
8389 align-items: center;
8390 padding: 2px 11px; }
8391 .range.range-light input::-webkit-slider-thumb:before {
8392 background: #ddd; }
8393 .range.range-light input::-ms-fill-lower {
8394 background: #ddd; }
8395 .range.range-stable input::-webkit-slider-thumb:before {
8396 background: #b2b2b2; }
8397 .range.range-stable input::-ms-fill-lower {
8398 background: #b2b2b2; }
8399 .range.range-positive input::-webkit-slider-thumb:before {
8400 background: #387ef5; }
8401 .range.range-positive input::-ms-fill-lower {
8402 background: #387ef5; }
8403 .range.range-calm input::-webkit-slider-thumb:before {
8404 background: #11c1f3; }
8405 .range.range-calm input::-ms-fill-lower {
8406 background: #11c1f3; }
8407 .range.range-balanced input::-webkit-slider-thumb:before {
8408 background: #33cd5f; }
8409 .range.range-balanced input::-ms-fill-lower {
8410 background: #33cd5f; }
8411 .range.range-assertive input::-webkit-slider-thumb:before {
8412 background: #ef473a; }
8413 .range.range-assertive input::-ms-fill-lower {
8414 background: #ef473a; }
8415 .range.range-energized input::-webkit-slider-thumb:before {
8416 background: #ffc900; }
8417 .range.range-energized input::-ms-fill-lower {
8418 background: #ffc900; }
8419 .range.range-royal input::-webkit-slider-thumb:before {
8420 background: #886aea; }
8421 .range.range-royal input::-ms-fill-lower {
8422 background: #886aea; }
8423 .range.range-dark input::-webkit-slider-thumb:before {
8424 background: #444; }
8425 .range.range-dark input::-ms-fill-lower {
8426 background: #444; }
8427
8428.range .icon {
8429 -webkit-box-flex: 0;
8430 -webkit-flex: 0;
8431 -moz-box-flex: 0;
8432 -moz-flex: 0;
8433 -ms-flex: 0;
8434 flex: 0;
8435 display: block;
8436 min-width: 24px;
8437 text-align: center;
8438 font-size: 24px; }
8439
8440.range input {
8441 -webkit-box-flex: 1;
8442 -webkit-flex: 1;
8443 -moz-box-flex: 1;
8444 -moz-flex: 1;
8445 -ms-flex: 1;
8446 flex: 1;
8447 display: block;
8448 margin-right: 10px;
8449 margin-left: 10px; }
8450
8451.range-label {
8452 -webkit-box-flex: 0;
8453 -webkit-flex: 0 0 auto;
8454 -moz-box-flex: 0;
8455 -moz-flex: 0 0 auto;
8456 -ms-flex: 0 0 auto;
8457 flex: 0 0 auto;
8458 display: block;
8459 white-space: nowrap; }
8460
8461.range-label:first-child {
8462 padding-left: 5px; }
8463
8464.range input + .range-label {
8465 padding-right: 5px;
8466 padding-left: 0; }
8467
8468.platform-windowsphone .range input {
8469 height: auto; }
8470
8471/**
8472 * Select
8473 * --------------------------------------------------
8474 */
8475.item-select {
8476 position: relative; }
8477 .item-select select {
8478 -webkit-appearance: none;
8479 -moz-appearance: none;
8480 appearance: none;
8481 position: absolute;
8482 top: 0;
8483 bottom: 0;
8484 right: 0;
8485 padding: 0 48px 0 16px;
8486 max-width: 65%;
8487 border: none;
8488 background: #fff;
8489 color: #333;
8490 text-indent: .01px;
8491 text-overflow: '';
8492 white-space: nowrap;
8493 font-size: 14px;
8494 cursor: pointer;
8495 direction: rtl; }
8496 .item-select select::-ms-expand {
8497 display: none; }
8498 .item-select option {
8499 direction: ltr; }
8500 .item-select:after {
8501 position: absolute;
8502 top: 50%;
8503 right: 16px;
8504 margin-top: -3px;
8505 width: 0;
8506 height: 0;
8507 border-top: 5px solid;
8508 border-right: 5px solid transparent;
8509 border-left: 5px solid transparent;
8510 color: #999;
8511 content: "";
8512 pointer-events: none; }
8513 .item-select.item-light select {
8514 background: #fff;
8515 color: #444; }
8516 .item-select.item-stable select {
8517 background: #f8f8f8;
8518 color: #444; }
8519 .item-select.item-stable:after, .item-select.item-stable .input-label {
8520 color: #666666; }
8521 .item-select.item-positive select {
8522 background: #387ef5;
8523 color: #fff; }
8524 .item-select.item-positive:after, .item-select.item-positive .input-label {
8525 color: #fff; }
8526 .item-select.item-calm select {
8527 background: #11c1f3;
8528 color: #fff; }
8529 .item-select.item-calm:after, .item-select.item-calm .input-label {
8530 color: #fff; }
8531 .item-select.item-assertive select {
8532 background: #ef473a;
8533 color: #fff; }
8534 .item-select.item-assertive:after, .item-select.item-assertive .input-label {
8535 color: #fff; }
8536 .item-select.item-balanced select {
8537 background: #33cd5f;
8538 color: #fff; }
8539 .item-select.item-balanced:after, .item-select.item-balanced .input-label {
8540 color: #fff; }
8541 .item-select.item-energized select {
8542 background: #ffc900;
8543 color: #fff; }
8544 .item-select.item-energized:after, .item-select.item-energized .input-label {
8545 color: #fff; }
8546 .item-select.item-royal select {
8547 background: #886aea;
8548 color: #fff; }
8549 .item-select.item-royal:after, .item-select.item-royal .input-label {
8550 color: #fff; }
8551 .item-select.item-dark select {
8552 background: #444;
8553 color: #fff; }
8554 .item-select.item-dark:after, .item-select.item-dark .input-label {
8555 color: #fff; }
8556
8557select[multiple], select[size] {
8558 height: auto; }
8559
8560/**
8561 * Progress
8562 * --------------------------------------------------
8563 */
8564progress {
8565 display: block;
8566 margin: 15px auto;
8567 width: 100%; }
8568
8569/**
8570 * Buttons
8571 * --------------------------------------------------
8572 */
8573.button {
8574 border-color: transparent;
8575 background-color: #f8f8f8;
8576 color: #444;
8577 position: relative;
8578 display: inline-block;
8579 margin: 0;
8580 padding: 0 12px;
8581 min-width: 52px;
8582 min-height: 47px;
8583 border-width: 1px;
8584 border-style: solid;
8585 border-radius: 4px;
8586 vertical-align: top;
8587 text-align: center;
8588 text-overflow: ellipsis;
8589 font-size: 16px;
8590 line-height: 42px;
8591 cursor: pointer; }
8592 .button:hover {
8593 color: #444;
8594 text-decoration: none; }
8595 .button.active, .button.activated {
8596 border-color: #a2a2a2;
8597 background-color: #e5e5e5; }
8598 .button:after {
8599 position: absolute;
8600 top: -6px;
8601 right: -6px;
8602 bottom: -6px;
8603 left: -6px;
8604 content: ' '; }
8605 .button .icon {
8606 vertical-align: top;
8607 pointer-events: none; }
8608 .button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
8609 display: inline-block;
8610 padding: 0 0 1px 0;
8611 vertical-align: inherit;
8612 font-size: 24px;
8613 line-height: 41px;
8614 pointer-events: none; }
8615 .button.icon-left:before {
8616 float: left;
8617 padding-right: .2em;
8618 padding-left: 0; }
8619 .button.icon-right:before {
8620 float: right;
8621 padding-right: 0;
8622 padding-left: .2em; }
8623 .button.button-block, .button.button-full {
8624 margin-top: 10px;
8625 margin-bottom: 10px; }
8626 .button.button-light {
8627 border-color: transparent;
8628 background-color: #fff;
8629 color: #444; }
8630 .button.button-light:hover {
8631 color: #444;
8632 text-decoration: none; }
8633 .button.button-light.active, .button.button-light.activated {
8634 border-color: #a2a2a2;
8635 background-color: #fafafa; }
8636 .button.button-light.button-clear {
8637 border-color: transparent;
8638 background: none;
8639 box-shadow: none;
8640 color: #ddd; }
8641 .button.button-light.button-icon {
8642 border-color: transparent;
8643 background: none; }
8644 .button.button-light.button-outline {
8645 border-color: #ddd;
8646 background: transparent;
8647 color: #ddd; }
8648 .button.button-light.button-outline.active, .button.button-light.button-outline.activated {
8649 background-color: #ddd;
8650 box-shadow: none;
8651 color: #fff; }
8652 .button.button-stable {
8653 border-color: transparent;
8654 background-color: #f8f8f8;
8655 color: #444; }
8656 .button.button-stable:hover {
8657 color: #444;
8658 text-decoration: none; }
8659 .button.button-stable.active, .button.button-stable.activated {
8660 border-color: #a2a2a2;
8661 background-color: #e5e5e5; }
8662 .button.button-stable.button-clear {
8663 border-color: transparent;
8664 background: none;
8665 box-shadow: none;
8666 color: #b2b2b2; }
8667 .button.button-stable.button-icon {
8668 border-color: transparent;
8669 background: none; }
8670 .button.button-stable.button-outline {
8671 border-color: #b2b2b2;
8672 background: transparent;
8673 color: #b2b2b2; }
8674 .button.button-stable.button-outline.active, .button.button-stable.button-outline.activated {
8675 background-color: #b2b2b2;
8676 box-shadow: none;
8677 color: #fff; }
8678 .button.button-positive {
8679 border-color: transparent;
8680 background-color: #387ef5;
8681 color: #fff; }
8682 .button.button-positive:hover {
8683 color: #fff;
8684 text-decoration: none; }
8685 .button.button-positive.active, .button.button-positive.activated {
8686 border-color: #a2a2a2;
8687 background-color: #0c60ee; }
8688 .button.button-positive.button-clear {
8689 border-color: transparent;
8690 background: none;
8691 box-shadow: none;
8692 color: #387ef5; }
8693 .button.button-positive.button-icon {
8694 border-color: transparent;
8695 background: none; }
8696 .button.button-positive.button-outline {
8697 border-color: #387ef5;
8698 background: transparent;
8699 color: #387ef5; }
8700 .button.button-positive.button-outline.active, .button.button-positive.button-outline.activated {
8701 background-color: #387ef5;
8702 box-shadow: none;
8703 color: #fff; }
8704 .button.button-calm {
8705 border-color: transparent;
8706 background-color: #11c1f3;
8707 color: #fff; }
8708 .button.button-calm:hover {
8709 color: #fff;
8710 text-decoration: none; }
8711 .button.button-calm.active, .button.button-calm.activated {
8712 border-color: #a2a2a2;
8713 background-color: #0a9dc7; }
8714 .button.button-calm.button-clear {
8715 border-color: transparent;
8716 background: none;
8717 box-shadow: none;
8718 color: #11c1f3; }
8719 .button.button-calm.button-icon {
8720 border-color: transparent;
8721 background: none; }
8722 .button.button-calm.button-outline {
8723 border-color: #11c1f3;
8724 background: transparent;
8725 color: #11c1f3; }
8726 .button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
8727 background-color: #11c1f3;
8728 box-shadow: none;
8729 color: #fff; }
8730 .button.button-assertive {
8731 border-color: transparent;
8732 background-color: #ef473a;
8733 color: #fff; }
8734 .button.button-assertive:hover {
8735 color: #fff;
8736 text-decoration: none; }
8737 .button.button-assertive.active, .button.button-assertive.activated {
8738 border-color: #a2a2a2;
8739 background-color: #e42112; }
8740 .button.button-assertive.button-clear {
8741 border-color: transparent;
8742 background: none;
8743 box-shadow: none;
8744 color: #ef473a; }
8745 .button.button-assertive.button-icon {
8746 border-color: transparent;
8747 background: none; }
8748 .button.button-assertive.button-outline {
8749 border-color: #ef473a;
8750 background: transparent;
8751 color: #ef473a; }
8752 .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
8753 background-color: #ef473a;
8754 box-shadow: none;
8755 color: #fff; }
8756 .button.button-balanced {
8757 border-color: transparent;
8758 background-color: #33cd5f;
8759 color: #fff; }
8760 .button.button-balanced:hover {
8761 color: #fff;
8762 text-decoration: none; }
8763 .button.button-balanced.active, .button.button-balanced.activated {
8764 border-color: #a2a2a2;
8765 background-color: #28a54c; }
8766 .button.button-balanced.button-clear {
8767 border-color: transparent;
8768 background: none;
8769 box-shadow: none;
8770 color: #33cd5f; }
8771 .button.button-balanced.button-icon {
8772 border-color: transparent;
8773 background: none; }
8774 .button.button-balanced.button-outline {
8775 border-color: #33cd5f;
8776 background: transparent;
8777 color: #33cd5f; }
8778 .button.button-balanced.button-outline.active, .button.button-balanced.button-outline.activated {
8779 background-color: #33cd5f;
8780 box-shadow: none;
8781 color: #fff; }
8782 .button.button-energized {
8783 border-color: transparent;
8784 background-color: #ffc900;
8785 color: #fff; }
8786 .button.button-energized:hover {
8787 color: #fff;
8788 text-decoration: none; }
8789 .button.button-energized.active, .button.button-energized.activated {
8790 border-color: #a2a2a2;
8791 background-color: #e6b500; }
8792 .button.button-energized.button-clear {
8793 border-color: transparent;
8794 background: none;
8795 box-shadow: none;
8796 color: #ffc900; }
8797 .button.button-energized.button-icon {
8798 border-color: transparent;
8799 background: none; }
8800 .button.button-energized.button-outline {
8801 border-color: #ffc900;
8802 background: transparent;
8803 color: #ffc900; }
8804 .button.button-energized.button-outline.active, .button.button-energized.button-outline.activated {
8805 background-color: #ffc900;
8806 box-shadow: none;
8807 color: #fff; }
8808 .button.button-royal {
8809 border-color: transparent;
8810 background-color: #886aea;
8811 color: #fff; }
8812 .button.button-royal:hover {
8813 color: #fff;
8814 text-decoration: none; }
8815 .button.button-royal.active, .button.button-royal.activated {
8816 border-color: #a2a2a2;
8817 background-color: #6b46e5; }
8818 .button.button-royal.button-clear {
8819 border-color: transparent;
8820 background: none;
8821 box-shadow: none;
8822 color: #886aea; }
8823 .button.button-royal.button-icon {
8824 border-color: transparent;
8825 background: none; }
8826 .button.button-royal.button-outline {
8827 border-color: #886aea;
8828 background: transparent;
8829 color: #886aea; }
8830 .button.button-royal.button-outline.active, .button.button-royal.button-outline.activated {
8831 background-color: #886aea;
8832 box-shadow: none;
8833 color: #fff; }
8834 .button.button-dark {
8835 border-color: transparent;
8836 background-color: #444;
8837 color: #fff; }
8838 .button.button-dark:hover {
8839 color: #fff;
8840 text-decoration: none; }
8841 .button.button-dark.active, .button.button-dark.activated {
8842 border-color: #a2a2a2;
8843 background-color: #262626; }
8844 .button.button-dark.button-clear {
8845 border-color: transparent;
8846 background: none;
8847 box-shadow: none;
8848 color: #444; }
8849 .button.button-dark.button-icon {
8850 border-color: transparent;
8851 background: none; }
8852 .button.button-dark.button-outline {
8853 border-color: #444;
8854 background: transparent;
8855 color: #444; }
8856 .button.button-dark.button-outline.active, .button.button-dark.button-outline.activated {
8857 background-color: #444;
8858 box-shadow: none;
8859 color: #fff; }
8860
8861.button-small {
8862 padding: 2px 4px 1px;
8863 min-width: 28px;
8864 min-height: 30px;
8865 font-size: 12px;
8866 line-height: 26px; }
8867 .button-small .icon:before, .button-small.icon:before, .button-small.icon-left:before, .button-small.icon-right:before {
8868 font-size: 16px;
8869 line-height: 19px;
8870 margin-top: 3px; }
8871
8872.button-large {
8873 padding: 0 16px;
8874 min-width: 68px;
8875 min-height: 59px;
8876 font-size: 20px;
8877 line-height: 53px; }
8878 .button-large .icon:before, .button-large.icon:before, .button-large.icon-left:before, .button-large.icon-right:before {
8879 padding-bottom: 2px;
8880 font-size: 32px;
8881 line-height: 51px; }
8882
8883.button-icon {
8884 -webkit-transition: opacity 0.1s;
8885 transition: opacity 0.1s;
8886 padding: 0 6px;
8887 min-width: initial;
8888 border-color: transparent;
8889 background: none; }
8890 .button-icon.button.active, .button-icon.button.activated {
8891 border-color: transparent;
8892 background: none;
8893 box-shadow: none;
8894 opacity: 0.3; }
8895 .button-icon .icon:before, .button-icon.icon:before {
8896 font-size: 32px; }
8897
8898.button-clear {
8899 -webkit-transition: opacity 0.1s;
8900 transition: opacity 0.1s;
8901 padding: 0 6px;
8902 max-height: 42px;
8903 border-color: transparent;
8904 background: none;
8905 box-shadow: none; }
8906 .button-clear.button-clear {
8907 border-color: transparent;
8908 background: none;
8909 box-shadow: none;
8910 color: transparent; }
8911 .button-clear.button-icon {
8912 border-color: transparent;
8913 background: none; }
8914 .button-clear.active, .button-clear.activated {
8915 opacity: 0.3; }
8916
8917.button-outline {
8918 -webkit-transition: opacity 0.1s;
8919 transition: opacity 0.1s;
8920 background: none;
8921 box-shadow: none; }
8922 .button-outline.button-outline {
8923 border-color: transparent;
8924 background: transparent;
8925 color: transparent; }
8926 .button-outline.button-outline.active, .button-outline.button-outline.activated {
8927 background-color: transparent;
8928 box-shadow: none;
8929 color: #fff; }
8930
8931.padding > .button.button-block:first-child {
8932 margin-top: 0; }
8933
8934.button-block {
8935 display: block;
8936 clear: both; }
8937 .button-block:after {
8938 clear: both; }
8939
8940.button-full,
8941.button-full > .button {
8942 display: block;
8943 margin-right: 0;
8944 margin-left: 0;
8945 border-right-width: 0;
8946 border-left-width: 0;
8947 border-radius: 0; }
8948
8949button.button-block,
8950button.button-full,
8951.button-full > button.button,
8952input.button.button-block {
8953 width: 100%; }
8954
8955a.button {
8956 text-decoration: none; }
8957 a.button .icon:before, a.button.icon:before, a.button.icon-left:before, a.button.icon-right:before {
8958 margin-top: 2px; }
8959
8960.button.disabled,
8961.button[disabled] {
8962 opacity: .4;
8963 cursor: default !important;
8964 pointer-events: none; }
8965
8966/**
8967 * Button Bar
8968 * --------------------------------------------------
8969 */
8970.button-bar {
8971 display: -webkit-box;
8972 display: -webkit-flex;
8973 display: -moz-box;
8974 display: -moz-flex;
8975 display: -ms-flexbox;
8976 display: flex;
8977 -webkit-box-flex: 1;
8978 -webkit-flex: 1;
8979 -moz-box-flex: 1;
8980 -moz-flex: 1;
8981 -ms-flex: 1;
8982 flex: 1;
8983 width: 100%; }
8984 .button-bar.button-bar-inline {
8985 display: block;
8986 width: auto;
8987 *zoom: 1; }
8988 .button-bar.button-bar-inline:before, .button-bar.button-bar-inline:after {
8989 display: table;
8990 content: "";
8991 line-height: 0; }
8992 .button-bar.button-bar-inline:after {
8993 clear: both; }
8994 .button-bar.button-bar-inline > .button {
8995 width: auto;
8996 display: inline-block;
8997 float: left; }
8998 .button-bar.bar-light > .button {
8999 border-color: #ddd; }
9000 .button-bar.bar-stable > .button {
9001 border-color: #b2b2b2; }
9002 .button-bar.bar-positive > .button {
9003 border-color: #0c60ee; }
9004 .button-bar.bar-calm > .button {
9005 border-color: #0a9dc7; }
9006 .button-bar.bar-assertive > .button {
9007 border-color: #e42112; }
9008 .button-bar.bar-balanced > .button {
9009 border-color: #28a54c; }
9010 .button-bar.bar-energized > .button {
9011 border-color: #e6b500; }
9012 .button-bar.bar-royal > .button {
9013 border-color: #6b46e5; }
9014 .button-bar.bar-dark > .button {
9015 border-color: #111; }
9016
9017.button-bar > .button {
9018 -webkit-box-flex: 1;
9019 -webkit-flex: 1;
9020 -moz-box-flex: 1;
9021 -moz-flex: 1;
9022 -ms-flex: 1;
9023 flex: 1;
9024 display: block;
9025 overflow: hidden;
9026 padding: 0 16px;
9027 width: 0;
9028 border-width: 1px 0px 1px 1px;
9029 border-radius: 0;
9030 text-align: center;
9031 text-overflow: ellipsis;
9032 white-space: nowrap; }
9033 .button-bar > .button:before,
9034 .button-bar > .button .icon:before {
9035 line-height: 44px; }
9036 .button-bar > .button:first-child {
9037 border-radius: 4px 0px 0px 4px; }
9038 .button-bar > .button:last-child {
9039 border-right-width: 1px;
9040 border-radius: 0px 4px 4px 0px; }
9041 .button-bar > .button:only-child {
9042 border-radius: 4px; }
9043
9044.button-bar > .button-small:before,
9045.button-bar > .button-small .icon:before {
9046 line-height: 28px; }
9047
9048/**
9049 * Grid
9050 * --------------------------------------------------
9051 * Using flexbox for the grid, inspired by Philip Walton:
9052 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
9053 * By default each .col within a .row will evenly take up
9054 * available width, and the height of each .col with take
9055 * up the height of the tallest .col in the same .row.
9056 */
9057.row {
9058 display: -webkit-box;
9059 display: -webkit-flex;
9060 display: -moz-box;
9061 display: -moz-flex;
9062 display: -ms-flexbox;
9063 display: flex;
9064 padding: 5px;
9065 width: 100%; }
9066
9067.row-wrap {
9068 -webkit-flex-wrap: wrap;
9069 -moz-flex-wrap: wrap;
9070 -ms-flex-wrap: wrap;
9071 flex-wrap: wrap; }
9072
9073.row-no-padding {
9074 padding: 0; }
9075 .row-no-padding > .col {
9076 padding: 0; }
9077
9078.row + .row {
9079 margin-top: -5px;
9080 padding-top: 0; }
9081
9082.col {
9083 -webkit-box-flex: 1;
9084 -webkit-flex: 1;
9085 -moz-box-flex: 1;
9086 -moz-flex: 1;
9087 -ms-flex: 1;
9088 flex: 1;
9089 display: block;
9090 padding: 5px;
9091 width: 100%; }
9092
9093/* Vertically Align Columns */
9094/* .row-* vertically aligns every .col in the .row */
9095.row-top {
9096 -webkit-box-align: start;
9097 -ms-flex-align: start;
9098 -webkit-align-items: flex-start;
9099 -moz-align-items: flex-start;
9100 align-items: flex-start; }
9101
9102.row-bottom {
9103 -webkit-box-align: end;
9104 -ms-flex-align: end;
9105 -webkit-align-items: flex-end;
9106 -moz-align-items: flex-end;
9107 align-items: flex-end; }
9108
9109.row-center {
9110 -webkit-box-align: center;
9111 -ms-flex-align: center;
9112 -webkit-align-items: center;
9113 -moz-align-items: center;
9114 align-items: center; }
9115
9116.row-stretch {
9117 -webkit-box-align: stretch;
9118 -ms-flex-align: stretch;
9119 -webkit-align-items: stretch;
9120 -moz-align-items: stretch;
9121 align-items: stretch; }
9122
9123.row-baseline {
9124 -webkit-box-align: baseline;
9125 -ms-flex-align: baseline;
9126 -webkit-align-items: baseline;
9127 -moz-align-items: baseline;
9128 align-items: baseline; }
9129
9130/* .col-* vertically aligns an individual .col */
9131.col-top {
9132 -webkit-align-self: flex-start;
9133 -moz-align-self: flex-start;
9134 -ms-flex-item-align: start;
9135 align-self: flex-start; }
9136
9137.col-bottom {
9138 -webkit-align-self: flex-end;
9139 -moz-align-self: flex-end;
9140 -ms-flex-item-align: end;
9141 align-self: flex-end; }
9142
9143.col-center {
9144 -webkit-align-self: center;
9145 -moz-align-self: center;
9146 -ms-flex-item-align: center;
9147 align-self: center; }
9148
9149/* Column Offsets */
9150.col-offset-10 {
9151 margin-left: 10%; }
9152
9153.col-offset-20 {
9154 margin-left: 20%; }
9155
9156.col-offset-25 {
9157 margin-left: 25%; }
9158
9159.col-offset-33, .col-offset-34 {
9160 margin-left: 33.3333%; }
9161
9162.col-offset-50 {
9163 margin-left: 50%; }
9164
9165.col-offset-66, .col-offset-67 {
9166 margin-left: 66.6666%; }
9167
9168.col-offset-75 {
9169 margin-left: 75%; }
9170
9171.col-offset-80 {
9172 margin-left: 80%; }
9173
9174.col-offset-90 {
9175 margin-left: 90%; }
9176
9177/* Explicit Column Percent Sizes */
9178/* By default each grid column will evenly distribute */
9179/* across the grid. However, you can specify individual */
9180/* columns to take up a certain size of the available area */
9181.col-10 {
9182 -webkit-box-flex: 0;
9183 -webkit-flex: 0 0 10%;
9184 -moz-box-flex: 0;
9185 -moz-flex: 0 0 10%;
9186 -ms-flex: 0 0 10%;
9187 flex: 0 0 10%;
9188 max-width: 10%; }
9189
9190.col-20 {
9191 -webkit-box-flex: 0;
9192 -webkit-flex: 0 0 20%;
9193 -moz-box-flex: 0;
9194 -moz-flex: 0 0 20%;
9195 -ms-flex: 0 0 20%;
9196 flex: 0 0 20%;
9197 max-width: 20%; }
9198
9199.col-25 {
9200 -webkit-box-flex: 0;
9201 -webkit-flex: 0 0 25%;
9202 -moz-box-flex: 0;
9203 -moz-flex: 0 0 25%;
9204 -ms-flex: 0 0 25%;
9205 flex: 0 0 25%;
9206 max-width: 25%; }
9207
9208.col-33, .col-34 {
9209 -webkit-box-flex: 0;
9210 -webkit-flex: 0 0 33.3333%;
9211 -moz-box-flex: 0;
9212 -moz-flex: 0 0 33.3333%;
9213 -ms-flex: 0 0 33.3333%;
9214 flex: 0 0 33.3333%;
9215 max-width: 33.3333%; }
9216
9217.col-40 {
9218 -webkit-box-flex: 0;
9219 -webkit-flex: 0 0 40%;
9220 -moz-box-flex: 0;
9221 -moz-flex: 0 0 40%;
9222 -ms-flex: 0 0 40%;
9223 flex: 0 0 40%;
9224 max-width: 40%; }
9225
9226.col-50 {
9227 -webkit-box-flex: 0;
9228 -webkit-flex: 0 0 50%;
9229 -moz-box-flex: 0;
9230 -moz-flex: 0 0 50%;
9231 -ms-flex: 0 0 50%;
9232 flex: 0 0 50%;
9233 max-width: 50%; }
9234
9235.col-60 {
9236 -webkit-box-flex: 0;
9237 -webkit-flex: 0 0 60%;
9238 -moz-box-flex: 0;
9239 -moz-flex: 0 0 60%;
9240 -ms-flex: 0 0 60%;
9241 flex: 0 0 60%;
9242 max-width: 60%; }
9243
9244.col-66, .col-67 {
9245 -webkit-box-flex: 0;
9246 -webkit-flex: 0 0 66.6666%;
9247 -moz-box-flex: 0;
9248 -moz-flex: 0 0 66.6666%;
9249 -ms-flex: 0 0 66.6666%;
9250 flex: 0 0 66.6666%;
9251 max-width: 66.6666%; }
9252
9253.col-75 {
9254 -webkit-box-flex: 0;
9255 -webkit-flex: 0 0 75%;
9256 -moz-box-flex: 0;
9257 -moz-flex: 0 0 75%;
9258 -ms-flex: 0 0 75%;
9259 flex: 0 0 75%;
9260 max-width: 75%; }
9261
9262.col-80 {
9263 -webkit-box-flex: 0;
9264 -webkit-flex: 0 0 80%;
9265 -moz-box-flex: 0;
9266 -moz-flex: 0 0 80%;
9267 -ms-flex: 0 0 80%;
9268 flex: 0 0 80%;
9269 max-width: 80%; }
9270
9271.col-90 {
9272 -webkit-box-flex: 0;
9273 -webkit-flex: 0 0 90%;
9274 -moz-box-flex: 0;
9275 -moz-flex: 0 0 90%;
9276 -ms-flex: 0 0 90%;
9277 flex: 0 0 90%;
9278 max-width: 90%; }
9279
9280/* Responsive Grid Classes */
9281/* Adding a class of responsive-X to a row */
9282/* will trigger the flex-direction to */
9283/* change to column and add some margin */
9284/* to any columns in the row for clearity */
9285@media (max-width: 567px) {
9286 .responsive-sm {
9287 -webkit-box-direction: normal;
9288 -moz-box-direction: normal;
9289 -webkit-box-orient: vertical;
9290 -moz-box-orient: vertical;
9291 -webkit-flex-direction: column;
9292 -ms-flex-direction: column;
9293 flex-direction: column; }
9294 .responsive-sm .col, .responsive-sm .col-10, .responsive-sm .col-20, .responsive-sm .col-25, .responsive-sm .col-33, .responsive-sm .col-34, .responsive-sm .col-50, .responsive-sm .col-66, .responsive-sm .col-67, .responsive-sm .col-75, .responsive-sm .col-80, .responsive-sm .col-90 {
9295 -webkit-box-flex: 1;
9296 -webkit-flex: 1;
9297 -moz-box-flex: 1;
9298 -moz-flex: 1;
9299 -ms-flex: 1;
9300 flex: 1;
9301 margin-bottom: 15px;
9302 margin-left: 0;
9303 max-width: 100%;
9304 width: 100%; } }
9305
9306@media (max-width: 767px) {
9307 .responsive-md {
9308 -webkit-box-direction: normal;
9309 -moz-box-direction: normal;
9310 -webkit-box-orient: vertical;
9311 -moz-box-orient: vertical;
9312 -webkit-flex-direction: column;
9313 -ms-flex-direction: column;
9314 flex-direction: column; }
9315 .responsive-md .col, .responsive-md .col-10, .responsive-md .col-20, .responsive-md .col-25, .responsive-md .col-33, .responsive-md .col-34, .responsive-md .col-50, .responsive-md .col-66, .responsive-md .col-67, .responsive-md .col-75, .responsive-md .col-80, .responsive-md .col-90 {
9316 -webkit-box-flex: 1;
9317 -webkit-flex: 1;
9318 -moz-box-flex: 1;
9319 -moz-flex: 1;
9320 -ms-flex: 1;
9321 flex: 1;
9322 margin-bottom: 15px;
9323 margin-left: 0;
9324 max-width: 100%;
9325 width: 100%; } }
9326
9327@media (max-width: 1023px) {
9328 .responsive-lg {
9329 -webkit-box-direction: normal;
9330 -moz-box-direction: normal;
9331 -webkit-box-orient: vertical;
9332 -moz-box-orient: vertical;
9333 -webkit-flex-direction: column;
9334 -ms-flex-direction: column;
9335 flex-direction: column; }
9336 .responsive-lg .col, .responsive-lg .col-10, .responsive-lg .col-20, .responsive-lg .col-25, .responsive-lg .col-33, .responsive-lg .col-34, .responsive-lg .col-50, .responsive-lg .col-66, .responsive-lg .col-67, .responsive-lg .col-75, .responsive-lg .col-80, .responsive-lg .col-90 {
9337 -webkit-box-flex: 1;
9338 -webkit-flex: 1;
9339 -moz-box-flex: 1;
9340 -moz-flex: 1;
9341 -ms-flex: 1;
9342 flex: 1;
9343 margin-bottom: 15px;
9344 margin-left: 0;
9345 max-width: 100%;
9346 width: 100%; } }
9347
9348/**
9349 * Utility Classes
9350 * --------------------------------------------------
9351 */
9352.hide {
9353 display: none; }
9354
9355.opacity-hide {
9356 opacity: 0; }
9357
9358.grade-b .opacity-hide,
9359.grade-c .opacity-hide {
9360 opacity: 1;
9361 display: none; }
9362
9363.show {
9364 display: block; }
9365
9366.opacity-show {
9367 opacity: 1; }
9368
9369.invisible {
9370 visibility: hidden; }
9371
9372.keyboard-open .hide-on-keyboard-open {
9373 display: none; }
9374
9375.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
9376.keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
9377 bottom: 0; }
9378
9379.inline {
9380 display: inline-block; }
9381
9382.disable-pointer-events {
9383 pointer-events: none; }
9384
9385.enable-pointer-events {
9386 pointer-events: auto; }
9387
9388.disable-user-behavior {
9389 -webkit-user-select: none;
9390 -moz-user-select: none;
9391 -ms-user-select: none;
9392 user-select: none;
9393 -webkit-touch-callout: none;
9394 -webkit-tap-highlight-color: transparent;
9395 -webkit-tap-highlight-color: transparent;
9396 -webkit-user-drag: none;
9397 -ms-touch-action: none;
9398 -ms-content-zooming: none; }
9399
9400.click-block {
9401 position: absolute;
9402 top: 0;
9403 right: 0;
9404 bottom: 0;
9405 left: 0;
9406 opacity: 0;
9407 z-index: 99999;
9408 -webkit-transform: translate3d(0, 0, 0);
9409 transform: translate3d(0, 0, 0);
9410 overflow: hidden; }
9411
9412.click-block-hide {
9413 -webkit-transform: translate3d(-9999px, 0, 0);
9414 transform: translate3d(-9999px, 0, 0); }
9415
9416.no-resize {
9417 resize: none; }
9418
9419.block {
9420 display: block;
9421 clear: both; }
9422 .block:after {
9423 display: block;
9424 visibility: hidden;
9425 clear: both;
9426 height: 0;
9427 content: "."; }
9428
9429.full-image {
9430 width: 100%; }
9431
9432.clearfix {
9433 *zoom: 1; }
9434 .clearfix:before, .clearfix:after {
9435 display: table;
9436 content: "";
9437 line-height: 0; }
9438 .clearfix:after {
9439 clear: both; }
9440
9441/**
9442 * Content Padding
9443 * --------------------------------------------------
9444 */
9445.padding {
9446 padding: 10px; }
9447
9448.padding-top,
9449.padding-vertical {
9450 padding-top: 10px; }
9451
9452.padding-right,
9453.padding-horizontal {
9454 padding-right: 10px; }
9455
9456.padding-bottom,
9457.padding-vertical {
9458 padding-bottom: 10px; }
9459
9460.padding-left,
9461.padding-horizontal {
9462 padding-left: 10px; }
9463
9464/**
9465 * Scrollable iFrames
9466 * --------------------------------------------------
9467 */
9468.iframe-wrapper {
9469 position: fixed;
9470 -webkit-overflow-scrolling: touch;
9471 overflow: scroll; }
9472 .iframe-wrapper iframe {
9473 height: 100%;
9474 width: 100%; }
9475
9476/**
9477 * Rounded
9478 * --------------------------------------------------
9479 */
9480.rounded {
9481 border-radius: 4px; }
9482
9483/**
9484 * Utility Colors
9485 * --------------------------------------------------
9486 * Utility colors are added to help set a naming convention. You'll
9487 * notice we purposely do not use words like "red" or "blue", but
9488 * instead have colors which represent an emotion or generic theme.
9489 */
9490.light, a.light {
9491 color: #fff; }
9492
9493.light-bg {
9494 background-color: #fff; }
9495
9496.light-border {
9497 border-color: #ddd; }
9498
9499.stable, a.stable {
9500 color: #f8f8f8; }
9501
9502.stable-bg {
9503 background-color: #f8f8f8; }
9504
9505.stable-border {
9506 border-color: #b2b2b2; }
9507
9508.positive, a.positive {
9509 color: #387ef5; }
9510
9511.positive-bg {
9512 background-color: #387ef5; }
9513
9514.positive-border {
9515 border-color: #0c60ee; }
9516
9517.calm, a.calm {
9518 color: #11c1f3; }
9519
9520.calm-bg {
9521 background-color: #11c1f3; }
9522
9523.calm-border {
9524 border-color: #0a9dc7; }
9525
9526.assertive, a.assertive {
9527 color: #ef473a; }
9528
9529.assertive-bg {
9530 background-color: #ef473a; }
9531
9532.assertive-border {
9533 border-color: #e42112; }
9534
9535.balanced, a.balanced {
9536 color: #33cd5f; }
9537
9538.balanced-bg {
9539 background-color: #33cd5f; }
9540
9541.balanced-border {
9542 border-color: #28a54c; }
9543
9544.energized, a.energized {
9545 color: #ffc900; }
9546
9547.energized-bg {
9548 background-color: #ffc900; }
9549
9550.energized-border {
9551 border-color: #e6b500; }
9552
9553.royal, a.royal {
9554 color: #886aea; }
9555
9556.royal-bg {
9557 background-color: #886aea; }
9558
9559.royal-border {
9560 border-color: #6b46e5; }
9561
9562.dark, a.dark {
9563 color: #444; }
9564
9565.dark-bg {
9566 background-color: #444; }
9567
9568.dark-border {
9569 border-color: #111; }
9570
9571[collection-repeat] {
9572 /* Position is set by transforms */
9573 left: 0 !important;
9574 top: 0 !important;
9575 position: absolute !important;
9576 z-index: 1; }
9577
9578.collection-repeat-container {
9579 position: relative;
9580 z-index: 1; }
9581
9582.collection-repeat-after-container {
9583 z-index: 0;
9584 display: block;
9585 /* when scrolling horizontally, make sure the after container doesn't take up 100% width */ }
9586 .collection-repeat-after-container.horizontal {
9587 display: inline-block; }
9588
9589[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
9590.x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
9591 display: none !important; }
9592
9593/**
9594 * Platform
9595 * --------------------------------------------------
9596 * Platform specific tweaks
9597 */
9598.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
9599 height: 64px; }
9600 .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
9601 margin-top: 19px !important; }
9602 .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
9603 margin-top: 20px; }
9604
9605.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs,
9606.platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top {
9607 top: 64px; }
9608
9609.platform-ios.platform-cordova:not(.fullscreen) .has-header,
9610.platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
9611 top: 64px; }
9612
9613.platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
9614 top: 108px; }
9615
9616.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-tabs-top {
9617 top: 113px; }
9618
9619.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top {
9620 top: 157px; }
9621
9622.platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader) {
9623 height: 44px; }
9624 .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
9625 margin-top: -1px; }
9626 .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader) > * {
9627 margin-top: 0; }
9628
9629.platform-ios.platform-cordova .popover .has-header,
9630.platform-ios.platform-cordova .popover .bar-subheader {
9631 top: 44px; }
9632
9633.platform-ios.platform-cordova .popover .has-subheader {
9634 top: 88px; }
9635
9636.platform-ios.platform-cordova.status-bar-hide {
9637 margin-bottom: 20px; }
9638
9639@media (orientation: landscape) {
9640 .platform-ios.platform-browser.platform-ipad {
9641 position: fixed; } }
9642
9643.platform-c:not(.enable-transitions) * {
9644 -webkit-transition: none !important;
9645 transition: none !important; }
9646
9647.slide-in-up {
9648 -webkit-transform: translate3d(0, 100%, 0);
9649 transform: translate3d(0, 100%, 0); }
9650
9651.slide-in-up.ng-enter,
9652.slide-in-up > .ng-enter {
9653 -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
9654 transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }
9655
9656.slide-in-up.ng-enter-active,
9657.slide-in-up > .ng-enter-active {
9658 -webkit-transform: translate3d(0, 0, 0);
9659 transform: translate3d(0, 0, 0); }
9660
9661.slide-in-up.ng-leave,
9662.slide-in-up > .ng-leave {
9663 -webkit-transition: all ease-in-out 250ms;
9664 transition: all ease-in-out 250ms; }
9665
9666@-webkit-keyframes scaleOut {
9667 from {
9668 -webkit-transform: scale(1);
9669 opacity: 1; }
9670 to {
9671 -webkit-transform: scale(0.8);
9672 opacity: 0; } }
9673
9674@keyframes scaleOut {
9675 from {
9676 transform: scale(1);
9677 opacity: 1; }
9678 to {
9679 transform: scale(0.8);
9680 opacity: 0; } }
9681
9682@-webkit-keyframes superScaleIn {
9683 from {
9684 -webkit-transform: scale(1.2);
9685 opacity: 0; }
9686 to {
9687 -webkit-transform: scale(1);
9688 opacity: 1; } }
9689
9690@keyframes superScaleIn {
9691 from {
9692 transform: scale(1.2);
9693 opacity: 0; }
9694 to {
9695 transform: scale(1);
9696 opacity: 1; } }
9697
9698[nav-view-transition="ios"] [nav-view="entering"],
9699[nav-view-transition="ios"] [nav-view="leaving"] {
9700 -webkit-transition-duration: 500ms;
9701 transition-duration: 500ms;
9702 -webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
9703 transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
9704 -webkit-transition-property: opacity, -webkit-transform, box-shadow;
9705 transition-property: opacity, transform, box-shadow; }
9706
9707[nav-view-transition="ios"][nav-view-direction="forward"], [nav-view-transition="ios"][nav-view-direction="back"] {
9708 background-color: #000; }
9709
9710[nav-view-transition="ios"] [nav-view="active"],
9711[nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="entering"],
9712[nav-view-transition="ios"][nav-view-direction="back"] [nav-view="leaving"] {
9713 z-index: 3; }
9714
9715[nav-view-transition="ios"][nav-view-direction="back"] [nav-view="entering"],
9716[nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="leaving"] {
9717 z-index: 2; }
9718
9719[nav-bar-transition="ios"] .title,
9720[nav-bar-transition="ios"] .buttons,
9721[nav-bar-transition="ios"] .back-text {
9722 -webkit-transition-duration: 500ms;
9723 transition-duration: 500ms;
9724 -webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
9725 transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
9726 -webkit-transition-property: opacity, -webkit-transform;
9727 transition-property: opacity, transform; }
9728
9729[nav-bar-transition="ios"] [nav-bar="active"],
9730[nav-bar-transition="ios"] [nav-bar="entering"] {
9731 z-index: 10; }
9732 [nav-bar-transition="ios"] [nav-bar="active"] .bar,
9733 [nav-bar-transition="ios"] [nav-bar="entering"] .bar {
9734 background: transparent; }
9735
9736[nav-bar-transition="ios"] [nav-bar="cached"] {
9737 display: block; }
9738 [nav-bar-transition="ios"] [nav-bar="cached"] .header-item {
9739 display: none; }
9740
9741[nav-view-transition="android"] [nav-view="entering"],
9742[nav-view-transition="android"] [nav-view="leaving"] {
9743 -webkit-transition-duration: 200ms;
9744 transition-duration: 200ms;
9745 -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
9746 transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
9747 -webkit-transition-property: -webkit-transform;
9748 transition-property: transform; }
9749
9750[nav-view-transition="android"] [nav-view="active"],
9751[nav-view-transition="android"][nav-view-direction="forward"] [nav-view="entering"],
9752[nav-view-transition="android"][nav-view-direction="back"] [nav-view="leaving"] {
9753 z-index: 3; }
9754
9755[nav-view-transition="android"][nav-view-direction="back"] [nav-view="entering"],
9756[nav-view-transition="android"][nav-view-direction="forward"] [nav-view="leaving"] {
9757 z-index: 2; }
9758
9759[nav-bar-transition="android"] .title,
9760[nav-bar-transition="android"] .buttons {
9761 -webkit-transition-duration: 200ms;
9762 transition-duration: 200ms;
9763 -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
9764 transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
9765 -webkit-transition-property: opacity;
9766 transition-property: opacity; }
9767
9768[nav-bar-transition="android"] [nav-bar="active"],
9769[nav-bar-transition="android"] [nav-bar="entering"] {
9770 z-index: 10; }
9771 [nav-bar-transition="android"] [nav-bar="active"] .bar,
9772 [nav-bar-transition="android"] [nav-bar="entering"] .bar {
9773 background: transparent; }
9774
9775[nav-bar-transition="android"] [nav-bar="cached"] {
9776 display: block; }
9777 [nav-bar-transition="android"] [nav-bar="cached"] .header-item {
9778 display: none; }
9779
9780[nav-swipe="fast"] [nav-view],
9781[nav-swipe="fast"] .title,
9782[nav-swipe="fast"] .buttons,
9783[nav-swipe="fast"] .back-text {
9784 -webkit-transition-duration: 50ms;
9785 transition-duration: 50ms;
9786 -webkit-transition-timing-function: linear;
9787 transition-timing-function: linear; }
9788
9789[nav-swipe="slow"] [nav-view],
9790[nav-swipe="slow"] .title,
9791[nav-swipe="slow"] .buttons,
9792[nav-swipe="slow"] .back-text {
9793 -webkit-transition-duration: 160ms;
9794 transition-duration: 160ms;
9795 -webkit-transition-timing-function: linear;
9796 transition-timing-function: linear; }
9797
9798[nav-view="cached"],
9799[nav-bar="cached"] {
9800 display: none; }
9801
9802[nav-view="stage"] {
9803 opacity: 0;
9804 -webkit-transition-duration: 0;
9805 transition-duration: 0; }
9806
9807[nav-bar="stage"] .title,
9808[nav-bar="stage"] .buttons,
9809[nav-bar="stage"] .back-text {
9810 position: absolute;
9811 opacity: 0;
9812 -webkit-transition-duration: 0s;
9813 transition-duration: 0s; }