API tools faq
paste
Advertisement
Guest User

ionic.rem.css v1.0.0-beta.14

a guest
Dec 21st, 2014
367
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 207.51 KB | None | 0 0
raw download clone embed print report
  1. /*!
  2.  * Copyright 2014 Drifty Co.
  3.  * http://drifty.com/
  4.  *
  5.  * Ionic, v1.0.0-beta.14
  6.  * A powerful HTML5 mobile app framework.
  7.  * http://ionicframework.com/
  8.  *
  9.  * By @maxlynch, @benjsperry, @adamdbradley <3
  10.  *
  11.  * Licensed under the MIT license. Please see LICENSE for more information.
  12.  *
  13.  */
  14. /*!
  15.   Ionicons, v1.5.2
  16.   Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  17.   https://twitter.com/benjsperry  https://twitter.com/ionicframework
  18.   MIT License: https://github.com/driftyco/ionicons
  19. */
  20. @font-face {
  21.   font-family: "Ionicons";
  22.   src: url("../fonts/ionicons.eot?v=1.5.2");
  23.   src: url("../fonts/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.5.2") format("truetype"), url("../fonts/ionicons.woff?v=1.5.2") format("woff"), url("../fonts/ionicons.svg?v=1.5.2#Ionicons") format("svg");
  24.   font-weight: normal;
  25.   font-style: normal; }
  26.  
  27. .ion, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-contact:before, .ion-android-alarm:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down-left:before, .ion-android-arrow-down-right:before, .ion-android-arrow-forward:before, .ion-android-arrow-up-left:before, .ion-android-arrow-up-right:before, .ion-android-battery:before, .ion-android-book:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-chat:before, .ion-android-checkmark:before, .ion-android-clock:before, .ion-android-close:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-data:before, .ion-android-developer:before, .ion-android-display:before, .ion-android-download:before, .ion-android-drawer:before, .ion-android-dropdown:before, .ion-android-earth:before, .ion-android-folder:before, .ion-android-forums:before, .ion-android-friends:before, .ion-android-hand:before, .ion-android-image:before, .ion-android-inbox:before, .ion-android-information:before, .ion-android-keypad:before, .ion-android-lightbulb:before, .ion-android-locate:before, .ion-android-location:before, .ion-android-mail:before, .ion-android-microphone:before, .ion-android-mixer:before, .ion-android-more:before, .ion-android-note:before, .ion-android-playstore:before, .ion-android-printer:before, .ion-android-promotion:before, .ion-android-reminder:before, .ion-android-remove:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-social:before, .ion-android-social-user:before, .ion-android-sort:before, .ion-android-stair-drawer:before, .ion-android-star:before, .ion-android-stopwatch:before, .ion-android-storage:before, .ion-android-system-back:before, .ion-android-system-home:before, .ion-android-system-windows:before, .ion-android-timer:before, .ion-android-trash:before, .ion-android-user-menu:before, .ion-android-volume:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-flask:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-game-controller-a:before, .ion-game-controller-b:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-icon-social-google-plus:before, .ion-icon-social-google-plus-outline:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios7-alarm:before, .ion-ios7-alarm-outline:before, .ion-ios7-albums:before, .ion-ios7-albums-outline:before, .ion-ios7-americanfootball:before, .ion-ios7-americanfootball-outline:before, .ion-ios7-analytics:before, .ion-ios7-analytics-outline:before, .ion-ios7-arrow-back:before, .ion-ios7-arrow-down:before, .ion-ios7-arrow-forward:before, .ion-ios7-arrow-left:before, .ion-ios7-arrow-right:before, .ion-ios7-arrow-thin-down:before, .ion-ios7-arrow-thin-left:before, .ion-ios7-arrow-thin-right:before, .ion-ios7-arrow-thin-up:before, .ion-ios7-arrow-up:before, .ion-ios7-at:before, .ion-ios7-at-outline:before, .ion-ios7-barcode:before, .ion-ios7-barcode-outline:before, .ion-ios7-baseball:before, .ion-ios7-baseball-outline:before, .ion-ios7-basketball:before, .ion-ios7-basketball-outline:before, .ion-ios7-bell:before, .ion-ios7-bell-outline:before, .ion-ios7-bolt:before, .ion-ios7-bolt-outline:before, .ion-ios7-bookmarks:before, .ion-ios7-bookmarks-outline:before, .ion-ios7-box:before, .ion-ios7-box-outline:before, .ion-ios7-briefcase:before, .ion-ios7-briefcase-outline:before, .ion-ios7-browsers:before, .ion-ios7-browsers-outline:before, .ion-ios7-calculator:before, .ion-ios7-calculator-outline:before, .ion-ios7-calendar:before, .ion-ios7-calendar-outline:before, .ion-ios7-camera:before, .ion-ios7-camera-outline:before, .ion-ios7-cart:before, .ion-ios7-cart-outline:before, .ion-ios7-chatboxes:before, .ion-ios7-chatboxes-outline:before, .ion-ios7-chatbubble:before, .ion-ios7-chatbubble-outline:before, .ion-ios7-checkmark:before, .ion-ios7-checkmark-empty:before, .ion-ios7-checkmark-outline:before, .ion-ios7-circle-filled:before, .ion-ios7-circle-outline:before, .ion-ios7-clock:before, .ion-ios7-clock-outline:before, .ion-ios7-close:before, .ion-ios7-close-empty:before, .ion-ios7-close-outline:before, .ion-ios7-cloud:before, .ion-ios7-cloud-download:before, .ion-ios7-cloud-download-outline:before, .ion-ios7-cloud-outline:before, .ion-ios7-cloud-upload:before, .ion-ios7-cloud-upload-outline:before, .ion-ios7-cloudy:before, .ion-ios7-cloudy-night:before, .ion-ios7-cloudy-night-outline:before, .ion-ios7-cloudy-outline:before, .ion-ios7-cog:before, .ion-ios7-cog-outline:before, .ion-ios7-compose:before, .ion-ios7-compose-outline:before, .ion-ios7-contact:before, .ion-ios7-contact-outline:before, .ion-ios7-copy:before, .ion-ios7-copy-outline:before, .ion-ios7-download:before, .ion-ios7-download-outline:before, .ion-ios7-drag:before, .ion-ios7-email:before, .ion-ios7-email-outline:before, .ion-ios7-expand:before, .ion-ios7-eye:before, .ion-ios7-eye-outline:before, .ion-ios7-fastforward:before, .ion-ios7-fastforward-outline:before, .ion-ios7-filing:before, .ion-ios7-filing-outline:before, .ion-ios7-film:before, .ion-ios7-film-outline:before, .ion-ios7-flag:before, .ion-ios7-flag-outline:before, .ion-ios7-folder:before, .ion-ios7-folder-outline:before, .ion-ios7-football:before, .ion-ios7-football-outline:before, .ion-ios7-gear:before, .ion-ios7-gear-outline:before, .ion-ios7-glasses:before, .ion-ios7-glasses-outline:before, .ion-ios7-heart:before, .ion-ios7-heart-outline:before, .ion-ios7-help:before, .ion-ios7-help-empty:before, .ion-ios7-help-outline:before, .ion-ios7-home:before, .ion-ios7-home-outline:before, .ion-ios7-infinite:before, .ion-ios7-infinite-outline:before, .ion-ios7-information:before, .ion-ios7-information-empty:before, .ion-ios7-information-outline:before, .ion-ios7-ionic-outline:before, .ion-ios7-keypad:before, .ion-ios7-keypad-outline:before, .ion-ios7-lightbulb:before, .ion-ios7-lightbulb-outline:before, .ion-ios7-location:before, .ion-ios7-location-outline:before, .ion-ios7-locked:before, .ion-ios7-locked-outline:before, .ion-ios7-loop:before, .ion-ios7-loop-strong:before, .ion-ios7-medkit:before, .ion-ios7-medkit-outline:before, .ion-ios7-mic:before, .ion-ios7-mic-off:before, .ion-ios7-mic-outline:before, .ion-ios7-minus:before, .ion-ios7-minus-empty:before, .ion-ios7-minus-outline:before, .ion-ios7-monitor:before, .ion-ios7-monitor-outline:before, .ion-ios7-moon:before, .ion-ios7-moon-outline:before, .ion-ios7-more:before, .ion-ios7-more-outline:before, .ion-ios7-musical-note:before, .ion-ios7-musical-notes:before, .ion-ios7-navigate:before, .ion-ios7-navigate-outline:before, .ion-ios7-paper:before, .ion-ios7-paper-outline:before, .ion-ios7-paperplane:before, .ion-ios7-paperplane-outline:before, .ion-ios7-partlysunny:before, .ion-ios7-partlysunny-outline:before, .ion-ios7-pause:before, .ion-ios7-pause-outline:before, .ion-ios7-paw:before, .ion-ios7-paw-outline:before, .ion-ios7-people:before, .ion-ios7-people-outline:before, .ion-ios7-person:before, .ion-ios7-person-outline:before, .ion-ios7-personadd:before, .ion-ios7-personadd-outline:before, .ion-ios7-photos:before, .ion-ios7-photos-outline:before, .ion-ios7-pie:before, .ion-ios7-pie-outline:before, .ion-ios7-play:before, .ion-ios7-play-outline:before, .ion-ios7-plus:before, .ion-ios7-plus-empty:before, .ion-ios7-plus-outline:before, .ion-ios7-pricetag:before, .ion-ios7-pricetag-outline:before, .ion-ios7-pricetags:before, .ion-ios7-pricetags-outline:before, .ion-ios7-printer:before, .ion-ios7-printer-outline:before, .ion-ios7-pulse:before, .ion-ios7-pulse-strong:before, .ion-ios7-rainy:before, .ion-ios7-rainy-outline:before, .ion-ios7-recording:before, .ion-ios7-recording-outline:before, .ion-ios7-redo:before, .ion-ios7-redo-outline:before, .ion-ios7-refresh:before, .ion-ios7-refresh-empty:before, .ion-ios7-refresh-outline:before, .ion-ios7-reload:before, .ion-ios7-reloading:before, .ion-ios7-reverse-camera:before, .ion-ios7-reverse-camera-outline:before, .ion-ios7-rewind:before, .ion-ios7-rewind-outline:before, .ion-ios7-search:before, .ion-ios7-search-strong:before, .ion-ios7-settings:before, .ion-ios7-settings-strong:before, .ion-ios7-shrink:before, .ion-ios7-skipbackward:before, .ion-ios7-skipbackward-outline:before, .ion-ios7-skipforward:before, .ion-ios7-skipforward-outline:before, .ion-ios7-snowy:before, .ion-ios7-speedometer:before, .ion-ios7-speedometer-outline:before, .ion-ios7-star:before, .ion-ios7-star-half:before, .ion-ios7-star-outline:before, .ion-ios7-stopwatch:before, .ion-ios7-stopwatch-outline:before, .ion-ios7-sunny:before, .ion-ios7-sunny-outline:before, .ion-ios7-telephone:before, .ion-ios7-telephone-outline:before, .ion-ios7-tennisball:before, .ion-ios7-tennisball-outline:before, .ion-ios7-thunderstorm:before, .ion-ios7-thunderstorm-outline:before, .ion-ios7-time:before, .ion-ios7-time-outline:before, .ion-ios7-timer:before, .ion-ios7-timer-outline:before, .ion-ios7-toggle:before, .ion-ios7-toggle-outline:before, .ion-ios7-trash:before, .ion-ios7-trash-outline:before, .ion-ios7-undo:before, .ion-ios7-undo-outline:before, .ion-ios7-unlocked:before, .ion-ios7-unlocked-outline:before, .ion-ios7-upload:before, .ion-ios7-upload-outline:before, .ion-ios7-videocam:before, .ion-ios7-videocam-outline:before, .ion-ios7-volume-high:before, .ion-ios7-volume-low:before, .ion-ios7-wineglass:before, .ion-ios7-wineglass-outline:before, .ion-ios7-world:before, .ion-ios7-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-loading-a:before, .ion-load-b:before, .ion-loading-b:before, .ion-load-c:before, .ion-loading-c:before, .ion-load-d:before, .ion-loading-d:before, .ion-location:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-looping:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-refreshing:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
  28.   display: inline-block;
  29.   font-family: "Ionicons";
  30.   speak: none;
  31.   font-style: normal;
  32.   font-weight: normal;
  33.   font-variant: normal;
  34.   text-transform: none;
  35.   text-rendering: auto;
  36.   line-height: 1;
  37.   -webkit-font-smoothing: antialiased;
  38.   -moz-osx-font-smoothing: grayscale; }
  39.  
  40. .ion-spin, .ion-loading-a, .ion-loading-b, .ion-loading-c, .ion-loading-d, .ion-looping, .ion-refreshing, .ion-ios7-reloading {
  41.   -webkit-animation: spin 1s infinite linear;
  42.   -moz-animation: spin 1s infinite linear;
  43.   -o-animation: spin 1s infinite linear;
  44.   animation: spin 1s infinite linear; }
  45.  
  46. @-moz-keyframes spin {
  47.   0% {
  48.     -moz-transform: rotate(0deg); }
  49.  
  50.   100% {
  51.     -moz-transform: rotate(359deg); } }
  52.  
  53. @-webkit-keyframes spin {
  54.   0% {
  55.     -webkit-transform: rotate(0deg); }
  56.  
  57.   100% {
  58.     -webkit-transform: rotate(359deg); } }
  59.  
  60. @-o-keyframes spin {
  61.   0% {
  62.     -o-transform: rotate(0deg); }
  63.  
  64.   100% {
  65.     -o-transform: rotate(359deg); } }
  66.  
  67. @-ms-keyframes spin {
  68.   0% {
  69.     -ms-transform: rotate(0deg); }
  70.  
  71.   100% {
  72.     -ms-transform: rotate(359deg); } }
  73.  
  74. @keyframes spin {
  75.   0% {
  76.     transform: rotate(0deg); }
  77.  
  78.   100% {
  79.     transform: rotate(359deg); } }
  80.  
  81. .ion-loading-a {
  82.   -webkit-animation-timing-function: steps(8, start);
  83.   -moz-animation-timing-function: steps(8, start);
  84.   animation-timing-function: steps(8, start); }
  85.  
  86. .ion-alert:before {
  87.   content: "\f101"; }
  88.  
  89. .ion-alert-circled:before {
  90.   content: "\f100"; }
  91.  
  92. .ion-android-add:before {
  93.   content: "\f2c7"; }
  94.  
  95. .ion-android-add-contact:before {
  96.   content: "\f2c6"; }
  97.  
  98. .ion-android-alarm:before {
  99.   content: "\f2c8"; }
  100.  
  101. .ion-android-archive:before {
  102.   content: "\f2c9"; }
  103.  
  104. .ion-android-arrow-back:before {
  105.   content: "\f2ca"; }
  106.  
  107. .ion-android-arrow-down-left:before {
  108.   content: "\f2cb"; }
  109.  
  110. .ion-android-arrow-down-right:before {
  111.   content: "\f2cc"; }
  112.  
  113. .ion-android-arrow-forward:before {
  114.   content: "\f30f"; }
  115.  
  116. .ion-android-arrow-up-left:before {
  117.   content: "\f2cd"; }
  118.  
  119. .ion-android-arrow-up-right:before {
  120.   content: "\f2ce"; }
  121.  
  122. .ion-android-battery:before {
  123.   content: "\f2cf"; }
  124.  
  125. .ion-android-book:before {
  126.   content: "\f2d0"; }
  127.  
  128. .ion-android-calendar:before {
  129.   content: "\f2d1"; }
  130.  
  131. .ion-android-call:before {
  132.   content: "\f2d2"; }
  133.  
  134. .ion-android-camera:before {
  135.   content: "\f2d3"; }
  136.  
  137. .ion-android-chat:before {
  138.   content: "\f2d4"; }
  139.  
  140. .ion-android-checkmark:before {
  141.   content: "\f2d5"; }
  142.  
  143. .ion-android-clock:before {
  144.   content: "\f2d6"; }
  145.  
  146. .ion-android-close:before {
  147.   content: "\f2d7"; }
  148.  
  149. .ion-android-contact:before {
  150.   content: "\f2d8"; }
  151.  
  152. .ion-android-contacts:before {
  153.   content: "\f2d9"; }
  154.  
  155. .ion-android-data:before {
  156.   content: "\f2da"; }
  157.  
  158. .ion-android-developer:before {
  159.   content: "\f2db"; }
  160.  
  161. .ion-android-display:before {
  162.   content: "\f2dc"; }
  163.  
  164. .ion-android-download:before {
  165.   content: "\f2dd"; }
  166.  
  167. .ion-android-drawer:before {
  168.   content: "\f310"; }
  169.  
  170. .ion-android-dropdown:before {
  171.   content: "\f2de"; }
  172.  
  173. .ion-android-earth:before {
  174.   content: "\f2df"; }
  175.  
  176. .ion-android-folder:before {
  177.   content: "\f2e0"; }
  178.  
  179. .ion-android-forums:before {
  180.   content: "\f2e1"; }
  181.  
  182. .ion-android-friends:before {
  183.   content: "\f2e2"; }
  184.  
  185. .ion-android-hand:before {
  186.   content: "\f2e3"; }
  187.  
  188. .ion-android-image:before {
  189.   content: "\f2e4"; }
  190.  
  191. .ion-android-inbox:before {
  192.   content: "\f2e5"; }
  193.  
  194. .ion-android-information:before {
  195.   content: "\f2e6"; }
  196.  
  197. .ion-android-keypad:before {
  198.   content: "\f2e7"; }
  199.  
  200. .ion-android-lightbulb:before {
  201.   content: "\f2e8"; }
  202.  
  203. .ion-android-locate:before {
  204.   content: "\f2e9"; }
  205.  
  206. .ion-android-location:before {
  207.   content: "\f2ea"; }
  208.  
  209. .ion-android-mail:before {
  210.   content: "\f2eb"; }
  211.  
  212. .ion-android-microphone:before {
  213.   content: "\f2ec"; }
  214.  
  215. .ion-android-mixer:before {
  216.   content: "\f2ed"; }
  217.  
  218. .ion-android-more:before {
  219.   content: "\f2ee"; }
  220.  
  221. .ion-android-note:before {
  222.   content: "\f2ef"; }
  223.  
  224. .ion-android-playstore:before {
  225.   content: "\f2f0"; }
  226.  
  227. .ion-android-printer:before {
  228.   content: "\f2f1"; }
  229.  
  230. .ion-android-promotion:before {
  231.   content: "\f2f2"; }
  232.  
  233. .ion-android-reminder:before {
  234.   content: "\f2f3"; }
  235.  
  236. .ion-android-remove:before {
  237.   content: "\f2f4"; }
  238.  
  239. .ion-android-search:before {
  240.   content: "\f2f5"; }
  241.  
  242. .ion-android-send:before {
  243.   content: "\f2f6"; }
  244.  
  245. .ion-android-settings:before {
  246.   content: "\f2f7"; }
  247.  
  248. .ion-android-share:before {
  249.   content: "\f2f8"; }
  250.  
  251. .ion-android-social:before {
  252.   content: "\f2fa"; }
  253.  
  254. .ion-android-social-user:before {
  255.   content: "\f2f9"; }
  256.  
  257. .ion-android-sort:before {
  258.   content: "\f2fb"; }
  259.  
  260. .ion-android-stair-drawer:before {
  261.   content: "\f311"; }
  262.  
  263. .ion-android-star:before {
  264.   content: "\f2fc"; }
  265.  
  266. .ion-android-stopwatch:before {
  267.   content: "\f2fd"; }
  268.  
  269. .ion-android-storage:before {
  270.   content: "\f2fe"; }
  271.  
  272. .ion-android-system-back:before {
  273.   content: "\f2ff"; }
  274.  
  275. .ion-android-system-home:before {
  276.   content: "\f300"; }
  277.  
  278. .ion-android-system-windows:before {
  279.   content: "\f301"; }
  280.  
  281. .ion-android-timer:before {
  282.   content: "\f302"; }
  283.  
  284. .ion-android-trash:before {
  285.   content: "\f303"; }
  286.  
  287. .ion-android-user-menu:before {
  288.   content: "\f312"; }
  289.  
  290. .ion-android-volume:before {
  291.   content: "\f304"; }
  292.  
  293. .ion-android-wifi:before {
  294.   content: "\f305"; }
  295.  
  296. .ion-aperture:before {
  297.   content: "\f313"; }
  298.  
  299. .ion-archive:before {
  300.   content: "\f102"; }
  301.  
  302. .ion-arrow-down-a:before {
  303.   content: "\f103"; }
  304.  
  305. .ion-arrow-down-b:before {
  306.   content: "\f104"; }
  307.  
  308. .ion-arrow-down-c:before {
  309.   content: "\f105"; }
  310.  
  311. .ion-arrow-expand:before {
  312.   content: "\f25e"; }
  313.  
  314. .ion-arrow-graph-down-left:before {
  315.   content: "\f25f"; }
  316.  
  317. .ion-arrow-graph-down-right:before {
  318.   content: "\f260"; }
  319.  
  320. .ion-arrow-graph-up-left:before {
  321.   content: "\f261"; }
  322.  
  323. .ion-arrow-graph-up-right:before {
  324.   content: "\f262"; }
  325.  
  326. .ion-arrow-left-a:before {
  327.   content: "\f106"; }
  328.  
  329. .ion-arrow-left-b:before {
  330.   content: "\f107"; }
  331.  
  332. .ion-arrow-left-c:before {
  333.   content: "\f108"; }
  334.  
  335. .ion-arrow-move:before {
  336.   content: "\f263"; }
  337.  
  338. .ion-arrow-resize:before {
  339.   content: "\f264"; }
  340.  
  341. .ion-arrow-return-left:before {
  342.   content: "\f265"; }
  343.  
  344. .ion-arrow-return-right:before {
  345.   content: "\f266"; }
  346.  
  347. .ion-arrow-right-a:before {
  348.   content: "\f109"; }
  349.  
  350. .ion-arrow-right-b:before {
  351.   content: "\f10a"; }
  352.  
  353. .ion-arrow-right-c:before {
  354.   content: "\f10b"; }
  355.  
  356. .ion-arrow-shrink:before {
  357.   content: "\f267"; }
  358.  
  359. .ion-arrow-swap:before {
  360.   content: "\f268"; }
  361.  
  362. .ion-arrow-up-a:before {
  363.   content: "\f10c"; }
  364.  
  365. .ion-arrow-up-b:before {
  366.   content: "\f10d"; }
  367.  
  368. .ion-arrow-up-c:before {
  369.   content: "\f10e"; }
  370.  
  371. .ion-asterisk:before {
  372.   content: "\f314"; }
  373.  
  374. .ion-at:before {
  375.   content: "\f10f"; }
  376.  
  377. .ion-bag:before {
  378.   content: "\f110"; }
  379.  
  380. .ion-battery-charging:before {
  381.   content: "\f111"; }
  382.  
  383. .ion-battery-empty:before {
  384.   content: "\f112"; }
  385.  
  386. .ion-battery-full:before {
  387.   content: "\f113"; }
  388.  
  389. .ion-battery-half:before {
  390.   content: "\f114"; }
  391.  
  392. .ion-battery-low:before {
  393.   content: "\f115"; }
  394.  
  395. .ion-beaker:before {
  396.   content: "\f269"; }
  397.  
  398. .ion-beer:before {
  399.   content: "\f26a"; }
  400.  
  401. .ion-bluetooth:before {
  402.   content: "\f116"; }
  403.  
  404. .ion-bonfire:before {
  405.   content: "\f315"; }
  406.  
  407. .ion-bookmark:before {
  408.   content: "\f26b"; }
  409.  
  410. .ion-briefcase:before {
  411.   content: "\f26c"; }
  412.  
  413. .ion-bug:before {
  414.   content: "\f2be"; }
  415.  
  416. .ion-calculator:before {
  417.   content: "\f26d"; }
  418.  
  419. .ion-calendar:before {
  420.   content: "\f117"; }
  421.  
  422. .ion-camera:before {
  423.   content: "\f118"; }
  424.  
  425. .ion-card:before {
  426.   content: "\f119"; }
  427.  
  428. .ion-cash:before {
  429.   content: "\f316"; }
  430.  
  431. .ion-chatbox:before {
  432.   content: "\f11b"; }
  433.  
  434. .ion-chatbox-working:before {
  435.   content: "\f11a"; }
  436.  
  437. .ion-chatboxes:before {
  438.   content: "\f11c"; }
  439.  
  440. .ion-chatbubble:before {
  441.   content: "\f11e"; }
  442.  
  443. .ion-chatbubble-working:before {
  444.   content: "\f11d"; }
  445.  
  446. .ion-chatbubbles:before {
  447.   content: "\f11f"; }
  448.  
  449. .ion-checkmark:before {
  450.   content: "\f122"; }
  451.  
  452. .ion-checkmark-circled:before {
  453.   content: "\f120"; }
  454.  
  455. .ion-checkmark-round:before {
  456.   content: "\f121"; }
  457.  
  458. .ion-chevron-down:before {
  459.   content: "\f123"; }
  460.  
  461. .ion-chevron-left:before {
  462.   content: "\f124"; }
  463.  
  464. .ion-chevron-right:before {
  465.   content: "\f125"; }
  466.  
  467. .ion-chevron-up:before {
  468.   content: "\f126"; }
  469.  
  470. .ion-clipboard:before {
  471.   content: "\f127"; }
  472.  
  473. .ion-clock:before {
  474.   content: "\f26e"; }
  475.  
  476. .ion-close:before {
  477.   content: "\f12a"; }
  478.  
  479. .ion-close-circled:before {
  480.   content: "\f128"; }
  481.  
  482. .ion-close-round:before {
  483.   content: "\f129"; }
  484.  
  485. .ion-closed-captioning:before {
  486.   content: "\f317"; }
  487.  
  488. .ion-cloud:before {
  489.   content: "\f12b"; }
  490.  
  491. .ion-code:before {
  492.   content: "\f271"; }
  493.  
  494. .ion-code-download:before {
  495.   content: "\f26f"; }
  496.  
  497. .ion-code-working:before {
  498.   content: "\f270"; }
  499.  
  500. .ion-coffee:before {
  501.   content: "\f272"; }
  502.  
  503. .ion-compass:before {
  504.   content: "\f273"; }
  505.  
  506. .ion-compose:before {
  507.   content: "\f12c"; }
  508.  
  509. .ion-connection-bars:before {
  510.   content: "\f274"; }
  511.  
  512. .ion-contrast:before {
  513.   content: "\f275"; }
  514.  
  515. .ion-cube:before {
  516.   content: "\f318"; }
  517.  
  518. .ion-disc:before {
  519.   content: "\f12d"; }
  520.  
  521. .ion-document:before {
  522.   content: "\f12f"; }
  523.  
  524. .ion-document-text:before {
  525.   content: "\f12e"; }
  526.  
  527. .ion-drag:before {
  528.   content: "\f130"; }
  529.  
  530. .ion-earth:before {
  531.   content: "\f276"; }
  532.  
  533. .ion-edit:before {
  534.   content: "\f2bf"; }
  535.  
  536. .ion-egg:before {
  537.   content: "\f277"; }
  538.  
  539. .ion-eject:before {
  540.   content: "\f131"; }
  541.  
  542. .ion-email:before {
  543.   content: "\f132"; }
  544.  
  545. .ion-eye:before {
  546.   content: "\f133"; }
  547.  
  548. .ion-eye-disabled:before {
  549.   content: "\f306"; }
  550.  
  551. .ion-female:before {
  552.   content: "\f278"; }
  553.  
  554. .ion-filing:before {
  555.   content: "\f134"; }
  556.  
  557. .ion-film-marker:before {
  558.   content: "\f135"; }
  559.  
  560. .ion-fireball:before {
  561.   content: "\f319"; }
  562.  
  563. .ion-flag:before {
  564.   content: "\f279"; }
  565.  
  566. .ion-flame:before {
  567.   content: "\f31a"; }
  568.  
  569. .ion-flash:before {
  570.   content: "\f137"; }
  571.  
  572. .ion-flash-off:before {
  573.   content: "\f136"; }
  574.  
  575. .ion-flask:before {
  576.   content: "\f138"; }
  577.  
  578. .ion-folder:before {
  579.   content: "\f139"; }
  580.  
  581. .ion-fork:before {
  582.   content: "\f27a"; }
  583.  
  584. .ion-fork-repo:before {
  585.   content: "\f2c0"; }
  586.  
  587. .ion-forward:before {
  588.   content: "\f13a"; }
  589.  
  590. .ion-funnel:before {
  591.   content: "\f31b"; }
  592.  
  593. .ion-game-controller-a:before {
  594.   content: "\f13b"; }
  595.  
  596. .ion-game-controller-b:before {
  597.   content: "\f13c"; }
  598.  
  599. .ion-gear-a:before {
  600.   content: "\f13d"; }
  601.  
  602. .ion-gear-b:before {
  603.   content: "\f13e"; }
  604.  
  605. .ion-grid:before {
  606.   content: "\f13f"; }
  607.  
  608. .ion-hammer:before {
  609.   content: "\f27b"; }
  610.  
  611. .ion-happy:before {
  612.   content: "\f31c"; }
  613.  
  614. .ion-headphone:before {
  615.   content: "\f140"; }
  616.  
  617. .ion-heart:before {
  618.   content: "\f141"; }
  619.  
  620. .ion-heart-broken:before {
  621.   content: "\f31d"; }
  622.  
  623. .ion-help:before {
  624.   content: "\f143"; }
  625.  
  626. .ion-help-buoy:before {
  627.   content: "\f27c"; }
  628.  
  629. .ion-help-circled:before {
  630.   content: "\f142"; }
  631.  
  632. .ion-home:before {
  633.   content: "\f144"; }
  634.  
  635. .ion-icecream:before {
  636.   content: "\f27d"; }
  637.  
  638. .ion-icon-social-google-plus:before {
  639.   content: "\f146"; }
  640.  
  641. .ion-icon-social-google-plus-outline:before {
  642.   content: "\f145"; }
  643.  
  644. .ion-image:before {
  645.   content: "\f147"; }
  646.  
  647. .ion-images:before {
  648.   content: "\f148"; }
  649.  
  650. .ion-information:before {
  651.   content: "\f14a"; }
  652.  
  653. .ion-information-circled:before {
  654.   content: "\f149"; }
  655.  
  656. .ion-ionic:before {
  657.   content: "\f14b"; }
  658.  
  659. .ion-ios7-alarm:before {
  660.   content: "\f14d"; }
  661.  
  662. .ion-ios7-alarm-outline:before {
  663.   content: "\f14c"; }
  664.  
  665. .ion-ios7-albums:before {
  666.   content: "\f14f"; }
  667.  
  668. .ion-ios7-albums-outline:before {
  669.   content: "\f14e"; }
  670.  
  671. .ion-ios7-americanfootball:before {
  672.   content: "\f31f"; }
  673.  
  674. .ion-ios7-americanfootball-outline:before {
  675.   content: "\f31e"; }
  676.  
  677. .ion-ios7-analytics:before {
  678.   content: "\f321"; }
  679.  
  680. .ion-ios7-analytics-outline:before {
  681.   content: "\f320"; }
  682.  
  683. .ion-ios7-arrow-back:before {
  684.   content: "\f150"; }
  685.  
  686. .ion-ios7-arrow-down:before {
  687.   content: "\f151"; }
  688.  
  689. .ion-ios7-arrow-forward:before {
  690.   content: "\f152"; }
  691.  
  692. .ion-ios7-arrow-left:before {
  693.   content: "\f153"; }
  694.  
  695. .ion-ios7-arrow-right:before {
  696.   content: "\f154"; }
  697.  
  698. .ion-ios7-arrow-thin-down:before {
  699.   content: "\f27e"; }
  700.  
  701. .ion-ios7-arrow-thin-left:before {
  702.   content: "\f27f"; }
  703.  
  704. .ion-ios7-arrow-thin-right:before {
  705.   content: "\f280"; }
  706.  
  707. .ion-ios7-arrow-thin-up:before {
  708.   content: "\f281"; }
  709.  
  710. .ion-ios7-arrow-up:before {
  711.   content: "\f155"; }
  712.  
  713. .ion-ios7-at:before {
  714.   content: "\f157"; }
  715.  
  716. .ion-ios7-at-outline:before {
  717.   content: "\f156"; }
  718.  
  719. .ion-ios7-barcode:before {
  720.   content: "\f323"; }
  721.  
  722. .ion-ios7-barcode-outline:before {
  723.   content: "\f322"; }
  724.  
  725. .ion-ios7-baseball:before {
  726.   content: "\f325"; }
  727.  
  728. .ion-ios7-baseball-outline:before {
  729.   content: "\f324"; }
  730.  
  731. .ion-ios7-basketball:before {
  732.   content: "\f327"; }
  733.  
  734. .ion-ios7-basketball-outline:before {
  735.   content: "\f326"; }
  736.  
  737. .ion-ios7-bell:before {
  738.   content: "\f159"; }
  739.  
  740. .ion-ios7-bell-outline:before {
  741.   content: "\f158"; }
  742.  
  743. .ion-ios7-bolt:before {
  744.   content: "\f15b"; }
  745.  
  746. .ion-ios7-bolt-outline:before {
  747.   content: "\f15a"; }
  748.  
  749. .ion-ios7-bookmarks:before {
  750.   content: "\f15d"; }
  751.  
  752. .ion-ios7-bookmarks-outline:before {
  753.   content: "\f15c"; }
  754.  
  755. .ion-ios7-box:before {
  756.   content: "\f15f"; }
  757.  
  758. .ion-ios7-box-outline:before {
  759.   content: "\f15e"; }
  760.  
  761. .ion-ios7-briefcase:before {
  762.   content: "\f283"; }
  763.  
  764. .ion-ios7-briefcase-outline:before {
  765.   content: "\f282"; }
  766.  
  767. .ion-ios7-browsers:before {
  768.   content: "\f161"; }
  769.  
  770. .ion-ios7-browsers-outline:before {
  771.   content: "\f160"; }
  772.  
  773. .ion-ios7-calculator:before {
  774.   content: "\f285"; }
  775.  
  776. .ion-ios7-calculator-outline:before {
  777.   content: "\f284"; }
  778.  
  779. .ion-ios7-calendar:before {
  780.   content: "\f163"; }
  781.  
  782. .ion-ios7-calendar-outline:before {
  783.   content: "\f162"; }
  784.  
  785. .ion-ios7-camera:before {
  786.   content: "\f165"; }
  787.  
  788. .ion-ios7-camera-outline:before {
  789.   content: "\f164"; }
  790.  
  791. .ion-ios7-cart:before {
  792.   content: "\f167"; }
  793.  
  794. .ion-ios7-cart-outline:before {
  795.   content: "\f166"; }
  796.  
  797. .ion-ios7-chatboxes:before {
  798.   content: "\f169"; }
  799.  
  800. .ion-ios7-chatboxes-outline:before {
  801.   content: "\f168"; }
  802.  
  803. .ion-ios7-chatbubble:before {
  804.   content: "\f16b"; }
  805.  
  806. .ion-ios7-chatbubble-outline:before {
  807.   content: "\f16a"; }
  808.  
  809. .ion-ios7-checkmark:before {
  810.   content: "\f16e"; }
  811.  
  812. .ion-ios7-checkmark-empty:before {
  813.   content: "\f16c"; }
  814.  
  815. .ion-ios7-checkmark-outline:before {
  816.   content: "\f16d"; }
  817.  
  818. .ion-ios7-circle-filled:before {
  819.   content: "\f16f"; }
  820.  
  821. .ion-ios7-circle-outline:before {
  822.   content: "\f170"; }
  823.  
  824. .ion-ios7-clock:before {
  825.   content: "\f172"; }
  826.  
  827. .ion-ios7-clock-outline:before {
  828.   content: "\f171"; }
  829.  
  830. .ion-ios7-close:before {
  831.   content: "\f2bc"; }
  832.  
  833. .ion-ios7-close-empty:before {
  834.   content: "\f2bd"; }
  835.  
  836. .ion-ios7-close-outline:before {
  837.   content: "\f2bb"; }
  838.  
  839. .ion-ios7-cloud:before {
  840.   content: "\f178"; }
  841.  
  842. .ion-ios7-cloud-download:before {
  843.   content: "\f174"; }
  844.  
  845. .ion-ios7-cloud-download-outline:before {
  846.   content: "\f173"; }
  847.  
  848. .ion-ios7-cloud-outline:before {
  849.   content: "\f175"; }
  850.  
  851. .ion-ios7-cloud-upload:before {
  852.   content: "\f177"; }
  853.  
  854. .ion-ios7-cloud-upload-outline:before {
  855.   content: "\f176"; }
  856.  
  857. .ion-ios7-cloudy:before {
  858.   content: "\f17a"; }
  859.  
  860. .ion-ios7-cloudy-night:before {
  861.   content: "\f308"; }
  862.  
  863. .ion-ios7-cloudy-night-outline:before {
  864.   content: "\f307"; }
  865.  
  866. .ion-ios7-cloudy-outline:before {
  867.   content: "\f179"; }
  868.  
  869. .ion-ios7-cog:before {
  870.   content: "\f17c"; }
  871.  
  872. .ion-ios7-cog-outline:before {
  873.   content: "\f17b"; }
  874.  
  875. .ion-ios7-compose:before {
  876.   content: "\f17e"; }
  877.  
  878. .ion-ios7-compose-outline:before {
  879.   content: "\f17d"; }
  880.  
  881. .ion-ios7-contact:before {
  882.   content: "\f180"; }
  883.  
  884. .ion-ios7-contact-outline:before {
  885.   content: "\f17f"; }
  886.  
  887. .ion-ios7-copy:before {
  888.   content: "\f182"; }
  889.  
  890. .ion-ios7-copy-outline:before {
  891.   content: "\f181"; }
  892.  
  893. .ion-ios7-download:before {
  894.   content: "\f184"; }
  895.  
  896. .ion-ios7-download-outline:before {
  897.   content: "\f183"; }
  898.  
  899. .ion-ios7-drag:before {
  900.   content: "\f185"; }
  901.  
  902. .ion-ios7-email:before {
  903.   content: "\f187"; }
  904.  
  905. .ion-ios7-email-outline:before {
  906.   content: "\f186"; }
  907.  
  908. .ion-ios7-expand:before {
  909.   content: "\f30d"; }
  910.  
  911. .ion-ios7-eye:before {
  912.   content: "\f189"; }
  913.  
  914. .ion-ios7-eye-outline:before {
  915.   content: "\f188"; }
  916.  
  917. .ion-ios7-fastforward:before {
  918.   content: "\f18b"; }
  919.  
  920. .ion-ios7-fastforward-outline:before {
  921.   content: "\f18a"; }
  922.  
  923. .ion-ios7-filing:before {
  924.   content: "\f18d"; }
  925.  
  926. .ion-ios7-filing-outline:before {
  927.   content: "\f18c"; }
  928.  
  929. .ion-ios7-film:before {
  930.   content: "\f18f"; }
  931.  
  932. .ion-ios7-film-outline:before {
  933.   content: "\f18e"; }
  934.  
  935. .ion-ios7-flag:before {
  936.   content: "\f191"; }
  937.  
  938. .ion-ios7-flag-outline:before {
  939.   content: "\f190"; }
  940.  
  941. .ion-ios7-folder:before {
  942.   content: "\f193"; }
  943.  
  944. .ion-ios7-folder-outline:before {
  945.   content: "\f192"; }
  946.  
  947. .ion-ios7-football:before {
  948.   content: "\f329"; }
  949.  
  950. .ion-ios7-football-outline:before {
  951.   content: "\f328"; }
  952.  
  953. .ion-ios7-gear:before {
  954.   content: "\f195"; }
  955.  
  956. .ion-ios7-gear-outline:before {
  957.   content: "\f194"; }
  958.  
  959. .ion-ios7-glasses:before {
  960.   content: "\f197"; }
  961.  
  962. .ion-ios7-glasses-outline:before {
  963.   content: "\f196"; }
  964.  
  965. .ion-ios7-heart:before {
  966.   content: "\f199"; }
  967.  
  968. .ion-ios7-heart-outline:before {
  969.   content: "\f198"; }
  970.  
  971. .ion-ios7-help:before {
  972.   content: "\f19c"; }
  973.  
  974. .ion-ios7-help-empty:before {
  975.   content: "\f19a"; }
  976.  
  977. .ion-ios7-help-outline:before {
  978.   content: "\f19b"; }
  979.  
  980. .ion-ios7-home:before {
  981.   content: "\f32b"; }
  982.  
  983. .ion-ios7-home-outline:before {
  984.   content: "\f32a"; }
  985.  
  986. .ion-ios7-infinite:before {
  987.   content: "\f19e"; }
  988.  
  989. .ion-ios7-infinite-outline:before {
  990.   content: "\f19d"; }
  991.  
  992. .ion-ios7-information:before {
  993.   content: "\f1a1"; }
  994.  
  995. .ion-ios7-information-empty:before {
  996.   content: "\f19f"; }
  997.  
  998. .ion-ios7-information-outline:before {
  999.   content: "\f1a0"; }
  1000.  
  1001. .ion-ios7-ionic-outline:before {
  1002.   content: "\f1a2"; }
  1003.  
  1004. .ion-ios7-keypad:before {
  1005.   content: "\f1a4"; }
  1006.  
  1007. .ion-ios7-keypad-outline:before {
  1008.   content: "\f1a3"; }
  1009.  
  1010. .ion-ios7-lightbulb:before {
  1011.   content: "\f287"; }
  1012.  
  1013. .ion-ios7-lightbulb-outline:before {
  1014.   content: "\f286"; }
  1015.  
  1016. .ion-ios7-location:before {
  1017.   content: "\f1a6"; }
  1018.  
  1019. .ion-ios7-location-outline:before {
  1020.   content: "\f1a5"; }
  1021.  
  1022. .ion-ios7-locked:before {
  1023.   content: "\f1a8"; }
  1024.  
  1025. .ion-ios7-locked-outline:before {
  1026.   content: "\f1a7"; }
  1027.  
  1028. .ion-ios7-loop:before {
  1029.   content: "\f32d"; }
  1030.  
  1031. .ion-ios7-loop-strong:before {
  1032.   content: "\f32c"; }
  1033.  
  1034. .ion-ios7-medkit:before {
  1035.   content: "\f289"; }
  1036.  
  1037. .ion-ios7-medkit-outline:before {
  1038.   content: "\f288"; }
  1039.  
  1040. .ion-ios7-mic:before {
  1041.   content: "\f1ab"; }
  1042.  
  1043. .ion-ios7-mic-off:before {
  1044.   content: "\f1a9"; }
  1045.  
  1046. .ion-ios7-mic-outline:before {
  1047.   content: "\f1aa"; }
  1048.  
  1049. .ion-ios7-minus:before {
  1050.   content: "\f1ae"; }
  1051.  
  1052. .ion-ios7-minus-empty:before {
  1053.   content: "\f1ac"; }
  1054.  
  1055. .ion-ios7-minus-outline:before {
  1056.   content: "\f1ad"; }
  1057.  
  1058. .ion-ios7-monitor:before {
  1059.   content: "\f1b0"; }
  1060.  
  1061. .ion-ios7-monitor-outline:before {
  1062.   content: "\f1af"; }
  1063.  
  1064. .ion-ios7-moon:before {
  1065.   content: "\f1b2"; }
  1066.  
  1067. .ion-ios7-moon-outline:before {
  1068.   content: "\f1b1"; }
  1069.  
  1070. .ion-ios7-more:before {
  1071.   content: "\f1b4"; }
  1072.  
  1073. .ion-ios7-more-outline:before {
  1074.   content: "\f1b3"; }
  1075.  
  1076. .ion-ios7-musical-note:before {
  1077.   content: "\f1b5"; }
  1078.  
  1079. .ion-ios7-musical-notes:before {
  1080.   content: "\f1b6"; }
  1081.  
  1082. .ion-ios7-navigate:before {
  1083.   content: "\f1b8"; }
  1084.  
  1085. .ion-ios7-navigate-outline:before {
  1086.   content: "\f1b7"; }
  1087.  
  1088. .ion-ios7-paper:before {
  1089.   content: "\f32f"; }
  1090.  
  1091. .ion-ios7-paper-outline:before {
  1092.   content: "\f32e"; }
  1093.  
  1094. .ion-ios7-paperplane:before {
  1095.   content: "\f1ba"; }
  1096.  
  1097. .ion-ios7-paperplane-outline:before {
  1098.   content: "\f1b9"; }
  1099.  
  1100. .ion-ios7-partlysunny:before {
  1101.   content: "\f1bc"; }
  1102.  
  1103. .ion-ios7-partlysunny-outline:before {
  1104.   content: "\f1bb"; }
  1105.  
  1106. .ion-ios7-pause:before {
  1107.   content: "\f1be"; }
  1108.  
  1109. .ion-ios7-pause-outline:before {
  1110.   content: "\f1bd"; }
  1111.  
  1112. .ion-ios7-paw:before {
  1113.   content: "\f331"; }
  1114.  
  1115. .ion-ios7-paw-outline:before {
  1116.   content: "\f330"; }
  1117.  
  1118. .ion-ios7-people:before {
  1119.   content: "\f1c0"; }
  1120.  
  1121. .ion-ios7-people-outline:before {
  1122.   content: "\f1bf"; }
  1123.  
  1124. .ion-ios7-person:before {
  1125.   content: "\f1c2"; }
  1126.  
  1127. .ion-ios7-person-outline:before {
  1128.   content: "\f1c1"; }
  1129.  
  1130. .ion-ios7-personadd:before {
  1131.   content: "\f1c4"; }
  1132.  
  1133. .ion-ios7-personadd-outline:before {
  1134.   content: "\f1c3"; }
  1135.  
  1136. .ion-ios7-photos:before {
  1137.   content: "\f1c6"; }
  1138.  
  1139. .ion-ios7-photos-outline:before {
  1140.   content: "\f1c5"; }
  1141.  
  1142. .ion-ios7-pie:before {
  1143.   content: "\f28b"; }
  1144.  
  1145. .ion-ios7-pie-outline:before {
  1146.   content: "\f28a"; }
  1147.  
  1148. .ion-ios7-play:before {
  1149.   content: "\f1c8"; }
  1150.  
  1151. .ion-ios7-play-outline:before {
  1152.   content: "\f1c7"; }
  1153.  
  1154. .ion-ios7-plus:before {
  1155.   content: "\f1cb"; }
  1156.  
  1157. .ion-ios7-plus-empty:before {
  1158.   content: "\f1c9"; }
  1159.  
  1160. .ion-ios7-plus-outline:before {
  1161.   content: "\f1ca"; }
  1162.  
  1163. .ion-ios7-pricetag:before {
  1164.   content: "\f28d"; }
  1165.  
  1166. .ion-ios7-pricetag-outline:before {
  1167.   content: "\f28c"; }
  1168.  
  1169. .ion-ios7-pricetags:before {
  1170.   content: "\f333"; }
  1171.  
  1172. .ion-ios7-pricetags-outline:before {
  1173.   content: "\f332"; }
  1174.  
  1175. .ion-ios7-printer:before {
  1176.   content: "\f1cd"; }
  1177.  
  1178. .ion-ios7-printer-outline:before {
  1179.   content: "\f1cc"; }
  1180.  
  1181. .ion-ios7-pulse:before {
  1182.   content: "\f335"; }
  1183.  
  1184. .ion-ios7-pulse-strong:before {
  1185.   content: "\f334"; }
  1186.  
  1187. .ion-ios7-rainy:before {
  1188.   content: "\f1cf"; }
  1189.  
  1190. .ion-ios7-rainy-outline:before {
  1191.   content: "\f1ce"; }
  1192.  
  1193. .ion-ios7-recording:before {
  1194.   content: "\f1d1"; }
  1195.  
  1196. .ion-ios7-recording-outline:before {
  1197.   content: "\f1d0"; }
  1198.  
  1199. .ion-ios7-redo:before {
  1200.   content: "\f1d3"; }
  1201.  
  1202. .ion-ios7-redo-outline:before {
  1203.   content: "\f1d2"; }
  1204.  
  1205. .ion-ios7-refresh:before {
  1206.   content: "\f1d6"; }
  1207.  
  1208. .ion-ios7-refresh-empty:before {
  1209.   content: "\f1d4"; }
  1210.  
  1211. .ion-ios7-refresh-outline:before {
  1212.   content: "\f1d5"; }
  1213.  
  1214. .ion-ios7-reload:before, .ion-ios7-reloading:before {
  1215.   content: "\f28e"; }
  1216.  
  1217. .ion-ios7-reverse-camera:before {
  1218.   content: "\f337"; }
  1219.  
  1220. .ion-ios7-reverse-camera-outline:before {
  1221.   content: "\f336"; }
  1222.  
  1223. .ion-ios7-rewind:before {
  1224.   content: "\f1d8"; }
  1225.  
  1226. .ion-ios7-rewind-outline:before {
  1227.   content: "\f1d7"; }
  1228.  
  1229. .ion-ios7-search:before {
  1230.   content: "\f1da"; }
  1231.  
  1232. .ion-ios7-search-strong:before {
  1233.   content: "\f1d9"; }
  1234.  
  1235. .ion-ios7-settings:before {
  1236.   content: "\f339"; }
  1237.  
  1238. .ion-ios7-settings-strong:before {
  1239.   content: "\f338"; }
  1240.  
  1241. .ion-ios7-shrink:before {
  1242.   content: "\f30e"; }
  1243.  
  1244. .ion-ios7-skipbackward:before {
  1245.   content: "\f1dc"; }
  1246.  
  1247. .ion-ios7-skipbackward-outline:before {
  1248.   content: "\f1db"; }
  1249.  
  1250. .ion-ios7-skipforward:before {
  1251.   content: "\f1de"; }
  1252.  
  1253. .ion-ios7-skipforward-outline:before {
  1254.   content: "\f1dd"; }
  1255.  
  1256. .ion-ios7-snowy:before {
  1257.   content: "\f309"; }
  1258.  
  1259. .ion-ios7-speedometer:before {
  1260.   content: "\f290"; }
  1261.  
  1262. .ion-ios7-speedometer-outline:before {
  1263.   content: "\f28f"; }
  1264.  
  1265. .ion-ios7-star:before {
  1266.   content: "\f1e0"; }
  1267.  
  1268. .ion-ios7-star-half:before {
  1269.   content: "\f33a"; }
  1270.  
  1271. .ion-ios7-star-outline:before {
  1272.   content: "\f1df"; }
  1273.  
  1274. .ion-ios7-stopwatch:before {
  1275.   content: "\f1e2"; }
  1276.  
  1277. .ion-ios7-stopwatch-outline:before {
  1278.   content: "\f1e1"; }
  1279.  
  1280. .ion-ios7-sunny:before {
  1281.   content: "\f1e4"; }
  1282.  
  1283. .ion-ios7-sunny-outline:before {
  1284.   content: "\f1e3"; }
  1285.  
  1286. .ion-ios7-telephone:before {
  1287.   content: "\f1e6"; }
  1288.  
  1289. .ion-ios7-telephone-outline:before {
  1290.   content: "\f1e5"; }
  1291.  
  1292. .ion-ios7-tennisball:before {
  1293.   content: "\f33c"; }
  1294.  
  1295. .ion-ios7-tennisball-outline:before {
  1296.   content: "\f33b"; }
  1297.  
  1298. .ion-ios7-thunderstorm:before {
  1299.   content: "\f1e8"; }
  1300.  
  1301. .ion-ios7-thunderstorm-outline:before {
  1302.   content: "\f1e7"; }
  1303.  
  1304. .ion-ios7-time:before {
  1305.   content: "\f292"; }
  1306.  
  1307. .ion-ios7-time-outline:before {
  1308.   content: "\f291"; }
  1309.  
  1310. .ion-ios7-timer:before {
  1311.   content: "\f1ea"; }
  1312.  
  1313. .ion-ios7-timer-outline:before {
  1314.   content: "\f1e9"; }
  1315.  
  1316. .ion-ios7-toggle:before {
  1317.   content: "\f33e"; }
  1318.  
  1319. .ion-ios7-toggle-outline:before {
  1320.   content: "\f33d"; }
  1321.  
  1322. .ion-ios7-trash:before {
  1323.   content: "\f1ec"; }
  1324.  
  1325. .ion-ios7-trash-outline:before {
  1326.   content: "\f1eb"; }
  1327.  
  1328. .ion-ios7-undo:before {
  1329.   content: "\f1ee"; }
  1330.  
  1331. .ion-ios7-undo-outline:before {
  1332.   content: "\f1ed"; }
  1333.  
  1334. .ion-ios7-unlocked:before {
  1335.   content: "\f1f0"; }
  1336.  
  1337. .ion-ios7-unlocked-outline:before {
  1338.   content: "\f1ef"; }
  1339.  
  1340. .ion-ios7-upload:before {
  1341.   content: "\f1f2"; }
  1342.  
  1343. .ion-ios7-upload-outline:before {
  1344.   content: "\f1f1"; }
  1345.  
  1346. .ion-ios7-videocam:before {
  1347.   content: "\f1f4"; }
  1348.  
  1349. .ion-ios7-videocam-outline:before {
  1350.   content: "\f1f3"; }
  1351.  
  1352. .ion-ios7-volume-high:before {
  1353.   content: "\f1f5"; }
  1354.  
  1355. .ion-ios7-volume-low:before {
  1356.   content: "\f1f6"; }
  1357.  
  1358. .ion-ios7-wineglass:before {
  1359.   content: "\f294"; }
  1360.  
  1361. .ion-ios7-wineglass-outline:before {
  1362.   content: "\f293"; }
  1363.  
  1364. .ion-ios7-world:before {
  1365.   content: "\f1f8"; }
  1366.  
  1367. .ion-ios7-world-outline:before {
  1368.   content: "\f1f7"; }
  1369.  
  1370. .ion-ipad:before {
  1371.   content: "\f1f9"; }
  1372.  
  1373. .ion-iphone:before {
  1374.   content: "\f1fa"; }
  1375.  
  1376. .ion-ipod:before {
  1377.   content: "\f1fb"; }
  1378.  
  1379. .ion-jet:before {
  1380.   content: "\f295"; }
  1381.  
  1382. .ion-key:before {
  1383.   content: "\f296"; }
  1384.  
  1385. .ion-knife:before {
  1386.   content: "\f297"; }
  1387.  
  1388. .ion-laptop:before {
  1389.   content: "\f1fc"; }
  1390.  
  1391. .ion-leaf:before {
  1392.   content: "\f1fd"; }
  1393.  
  1394. .ion-levels:before {
  1395.   content: "\f298"; }
  1396.  
  1397. .ion-lightbulb:before {
  1398.   content: "\f299"; }
  1399.  
  1400. .ion-link:before {
  1401.   content: "\f1fe"; }
  1402.  
  1403. .ion-load-a:before, .ion-loading-a:before {
  1404.   content: "\f29a"; }
  1405.  
  1406. .ion-load-b:before, .ion-loading-b:before {
  1407.   content: "\f29b"; }
  1408.  
  1409. .ion-load-c:before, .ion-loading-c:before {
  1410.   content: "\f29c"; }
  1411.  
  1412. .ion-load-d:before, .ion-loading-d:before {
  1413.   content: "\f29d"; }
  1414.  
  1415. .ion-location:before {
  1416.   content: "\f1ff"; }
  1417.  
  1418. .ion-locked:before {
  1419.   content: "\f200"; }
  1420.  
  1421. .ion-log-in:before {
  1422.   content: "\f29e"; }
  1423.  
  1424. .ion-log-out:before {
  1425.   content: "\f29f"; }
  1426.  
  1427. .ion-loop:before, .ion-looping:before {
  1428.   content: "\f201"; }
  1429.  
  1430. .ion-magnet:before {
  1431.   content: "\f2a0"; }
  1432.  
  1433. .ion-male:before {
  1434.   content: "\f2a1"; }
  1435.  
  1436. .ion-man:before {
  1437.   content: "\f202"; }
  1438.  
  1439. .ion-map:before {
  1440.   content: "\f203"; }
  1441.  
  1442. .ion-medkit:before {
  1443.   content: "\f2a2"; }
  1444.  
  1445. .ion-merge:before {
  1446.   content: "\f33f"; }
  1447.  
  1448. .ion-mic-a:before {
  1449.   content: "\f204"; }
  1450.  
  1451. .ion-mic-b:before {
  1452.   content: "\f205"; }
  1453.  
  1454. .ion-mic-c:before {
  1455.   content: "\f206"; }
  1456.  
  1457. .ion-minus:before {
  1458.   content: "\f209"; }
  1459.  
  1460. .ion-minus-circled:before {
  1461.   content: "\f207"; }
  1462.  
  1463. .ion-minus-round:before {
  1464.   content: "\f208"; }
  1465.  
  1466. .ion-model-s:before {
  1467.   content: "\f2c1"; }
  1468.  
  1469. .ion-monitor:before {
  1470.   content: "\f20a"; }
  1471.  
  1472. .ion-more:before {
  1473.   content: "\f20b"; }
  1474.  
  1475. .ion-mouse:before {
  1476.   content: "\f340"; }
  1477.  
  1478. .ion-music-note:before {
  1479.   content: "\f20c"; }
  1480.  
  1481. .ion-navicon:before {
  1482.   content: "\f20e"; }
  1483.  
  1484. .ion-navicon-round:before {
  1485.   content: "\f20d"; }
  1486.  
  1487. .ion-navigate:before {
  1488.   content: "\f2a3"; }
  1489.  
  1490. .ion-network:before {
  1491.   content: "\f341"; }
  1492.  
  1493. .ion-no-smoking:before {
  1494.   content: "\f2c2"; }
  1495.  
  1496. .ion-nuclear:before {
  1497.   content: "\f2a4"; }
  1498.  
  1499. .ion-outlet:before {
  1500.   content: "\f342"; }
  1501.  
  1502. .ion-paper-airplane:before {
  1503.   content: "\f2c3"; }
  1504.  
  1505. .ion-paperclip:before {
  1506.   content: "\f20f"; }
  1507.  
  1508. .ion-pause:before {
  1509.   content: "\f210"; }
  1510.  
  1511. .ion-person:before {
  1512.   content: "\f213"; }
  1513.  
  1514. .ion-person-add:before {
  1515.   content: "\f211"; }
  1516.  
  1517. .ion-person-stalker:before {
  1518.   content: "\f212"; }
  1519.  
  1520. .ion-pie-graph:before {
  1521.   content: "\f2a5"; }
  1522.  
  1523. .ion-pin:before {
  1524.   content: "\f2a6"; }
  1525.  
  1526. .ion-pinpoint:before {
  1527.   content: "\f2a7"; }
  1528.  
  1529. .ion-pizza:before {
  1530.   content: "\f2a8"; }
  1531.  
  1532. .ion-plane:before {
  1533.   content: "\f214"; }
  1534.  
  1535. .ion-planet:before {
  1536.   content: "\f343"; }
  1537.  
  1538. .ion-play:before {
  1539.   content: "\f215"; }
  1540.  
  1541. .ion-playstation:before {
  1542.   content: "\f30a"; }
  1543.  
  1544. .ion-plus:before {
  1545.   content: "\f218"; }
  1546.  
  1547. .ion-plus-circled:before {
  1548.   content: "\f216"; }
  1549.  
  1550. .ion-plus-round:before {
  1551.   content: "\f217"; }
  1552.  
  1553. .ion-podium:before {
  1554.   content: "\f344"; }
  1555.  
  1556. .ion-pound:before {
  1557.   content: "\f219"; }
  1558.  
  1559. .ion-power:before {
  1560.   content: "\f2a9"; }
  1561.  
  1562. .ion-pricetag:before {
  1563.   content: "\f2aa"; }
  1564.  
  1565. .ion-pricetags:before {
  1566.   content: "\f2ab"; }
  1567.  
  1568. .ion-printer:before {
  1569.   content: "\f21a"; }
  1570.  
  1571. .ion-pull-request:before {
  1572.   content: "\f345"; }
  1573.  
  1574. .ion-qr-scanner:before {
  1575.   content: "\f346"; }
  1576.  
  1577. .ion-quote:before {
  1578.   content: "\f347"; }
  1579.  
  1580. .ion-radio-waves:before {
  1581.   content: "\f2ac"; }
  1582.  
  1583. .ion-record:before {
  1584.   content: "\f21b"; }
  1585.  
  1586. .ion-refresh:before, .ion-refreshing:before {
  1587.   content: "\f21c"; }
  1588.  
  1589. .ion-reply:before {
  1590.   content: "\f21e"; }
  1591.  
  1592. .ion-reply-all:before {
  1593.   content: "\f21d"; }
  1594.  
  1595. .ion-ribbon-a:before {
  1596.   content: "\f348"; }
  1597.  
  1598. .ion-ribbon-b:before {
  1599.   content: "\f349"; }
  1600.  
  1601. .ion-sad:before {
  1602.   content: "\f34a"; }
  1603.  
  1604. .ion-scissors:before {
  1605.   content: "\f34b"; }
  1606.  
  1607. .ion-search:before {
  1608.   content: "\f21f"; }
  1609.  
  1610. .ion-settings:before {
  1611.   content: "\f2ad"; }
  1612.  
  1613. .ion-share:before {
  1614.   content: "\f220"; }
  1615.  
  1616. .ion-shuffle:before {
  1617.   content: "\f221"; }
  1618.  
  1619. .ion-skip-backward:before {
  1620.   content: "\f222"; }
  1621.  
  1622. .ion-skip-forward:before {
  1623.   content: "\f223"; }
  1624.  
  1625. .ion-social-android:before {
  1626.   content: "\f225"; }
  1627.  
  1628. .ion-social-android-outline:before {
  1629.   content: "\f224"; }
  1630.  
  1631. .ion-social-apple:before {
  1632.   content: "\f227"; }
  1633.  
  1634. .ion-social-apple-outline:before {
  1635.   content: "\f226"; }
  1636.  
  1637. .ion-social-bitcoin:before {
  1638.   content: "\f2af"; }
  1639.  
  1640. .ion-social-bitcoin-outline:before {
  1641.   content: "\f2ae"; }
  1642.  
  1643. .ion-social-buffer:before {
  1644.   content: "\f229"; }
  1645.  
  1646. .ion-social-buffer-outline:before {
  1647.   content: "\f228"; }
  1648.  
  1649. .ion-social-designernews:before {
  1650.   content: "\f22b"; }
  1651.  
  1652. .ion-social-designernews-outline:before {
  1653.   content: "\f22a"; }
  1654.  
  1655. .ion-social-dribbble:before {
  1656.   content: "\f22d"; }
  1657.  
  1658. .ion-social-dribbble-outline:before {
  1659.   content: "\f22c"; }
  1660.  
  1661. .ion-social-dropbox:before {
  1662.   content: "\f22f"; }
  1663.  
  1664. .ion-social-dropbox-outline:before {
  1665.   content: "\f22e"; }
  1666.  
  1667. .ion-social-facebook:before {
  1668.   content: "\f231"; }
  1669.  
  1670. .ion-social-facebook-outline:before {
  1671.   content: "\f230"; }
  1672.  
  1673. .ion-social-foursquare:before {
  1674.   content: "\f34d"; }
  1675.  
  1676. .ion-social-foursquare-outline:before {
  1677.   content: "\f34c"; }
  1678.  
  1679. .ion-social-freebsd-devil:before {
  1680.   content: "\f2c4"; }
  1681.  
  1682. .ion-social-github:before {
  1683.   content: "\f233"; }
  1684.  
  1685. .ion-social-github-outline:before {
  1686.   content: "\f232"; }
  1687.  
  1688. .ion-social-google:before {
  1689.   content: "\f34f"; }
  1690.  
  1691. .ion-social-google-outline:before {
  1692.   content: "\f34e"; }
  1693.  
  1694. .ion-social-googleplus:before {
  1695.   content: "\f235"; }
  1696.  
  1697. .ion-social-googleplus-outline:before {
  1698.   content: "\f234"; }
  1699.  
  1700. .ion-social-hackernews:before {
  1701.   content: "\f237"; }
  1702.  
  1703. .ion-social-hackernews-outline:before {
  1704.   content: "\f236"; }
  1705.  
  1706. .ion-social-instagram:before {
  1707.   content: "\f351"; }
  1708.  
  1709. .ion-social-instagram-outline:before {
  1710.   content: "\f350"; }
  1711.  
  1712. .ion-social-linkedin:before {
  1713.   content: "\f239"; }
  1714.  
  1715. .ion-social-linkedin-outline:before {
  1716.   content: "\f238"; }
  1717.  
  1718. .ion-social-pinterest:before {
  1719.   content: "\f2b1"; }
  1720.  
  1721. .ion-social-pinterest-outline:before {
  1722.   content: "\f2b0"; }
  1723.  
  1724. .ion-social-reddit:before {
  1725.   content: "\f23b"; }
  1726.  
  1727. .ion-social-reddit-outline:before {
  1728.   content: "\f23a"; }
  1729.  
  1730. .ion-social-rss:before {
  1731.   content: "\f23d"; }
  1732.  
  1733. .ion-social-rss-outline:before {
  1734.   content: "\f23c"; }
  1735.  
  1736. .ion-social-skype:before {
  1737.   content: "\f23f"; }
  1738.  
  1739. .ion-social-skype-outline:before {
  1740.   content: "\f23e"; }
  1741.  
  1742. .ion-social-tumblr:before {
  1743.   content: "\f241"; }
  1744.  
  1745. .ion-social-tumblr-outline:before {
  1746.   content: "\f240"; }
  1747.  
  1748. .ion-social-tux:before {
  1749.   content: "\f2c5"; }
  1750.  
  1751. .ion-social-twitter:before {
  1752.   content: "\f243"; }
  1753.  
  1754. .ion-social-twitter-outline:before {
  1755.   content: "\f242"; }
  1756.  
  1757. .ion-social-usd:before {
  1758.   content: "\f353"; }
  1759.  
  1760. .ion-social-usd-outline:before {
  1761.   content: "\f352"; }
  1762.  
  1763. .ion-social-vimeo:before {
  1764.   content: "\f245"; }
  1765.  
  1766. .ion-social-vimeo-outline:before {
  1767.   content: "\f244"; }
  1768.  
  1769. .ion-social-windows:before {
  1770.   content: "\f247"; }
  1771.  
  1772. .ion-social-windows-outline:before {
  1773.   content: "\f246"; }
  1774.  
  1775. .ion-social-wordpress:before {
  1776.   content: "\f249"; }
  1777.  
  1778. .ion-social-wordpress-outline:before {
  1779.   content: "\f248"; }
  1780.  
  1781. .ion-social-yahoo:before {
  1782.   content: "\f24b"; }
  1783.  
  1784. .ion-social-yahoo-outline:before {
  1785.   content: "\f24a"; }
  1786.  
  1787. .ion-social-youtube:before {
  1788.   content: "\f24d"; }
  1789.  
  1790. .ion-social-youtube-outline:before {
  1791.   content: "\f24c"; }
  1792.  
  1793. .ion-speakerphone:before {
  1794.   content: "\f2b2"; }
  1795.  
  1796. .ion-speedometer:before {
  1797.   content: "\f2b3"; }
  1798.  
  1799. .ion-spoon:before {
  1800.   content: "\f2b4"; }
  1801.  
  1802. .ion-star:before {
  1803.   content: "\f24e"; }
  1804.  
  1805. .ion-stats-bars:before {
  1806.   content: "\f2b5"; }
  1807.  
  1808. .ion-steam:before {
  1809.   content: "\f30b"; }
  1810.  
  1811. .ion-stop:before {
  1812.   content: "\f24f"; }
  1813.  
  1814. .ion-thermometer:before {
  1815.   content: "\f2b6"; }
  1816.  
  1817. .ion-thumbsdown:before {
  1818.   content: "\f250"; }
  1819.  
  1820. .ion-thumbsup:before {
  1821.   content: "\f251"; }
  1822.  
  1823. .ion-toggle:before {
  1824.   content: "\f355"; }
  1825.  
  1826. .ion-toggle-filled:before {
  1827.   content: "\f354"; }
  1828.  
  1829. .ion-trash-a:before {
  1830.   content: "\f252"; }
  1831.  
  1832. .ion-trash-b:before {
  1833.   content: "\f253"; }
  1834.  
  1835. .ion-trophy:before {
  1836.   content: "\f356"; }
  1837.  
  1838. .ion-umbrella:before {
  1839.   content: "\f2b7"; }
  1840.  
  1841. .ion-university:before {
  1842.   content: "\f357"; }
  1843.  
  1844. .ion-unlocked:before {
  1845.   content: "\f254"; }
  1846.  
  1847. .ion-upload:before {
  1848.   content: "\f255"; }
  1849.  
  1850. .ion-usb:before {
  1851.   content: "\f2b8"; }
  1852.  
  1853. .ion-videocamera:before {
  1854.   content: "\f256"; }
  1855.  
  1856. .ion-volume-high:before {
  1857.   content: "\f257"; }
  1858.  
  1859. .ion-volume-low:before {
  1860.   content: "\f258"; }
  1861.  
  1862. .ion-volume-medium:before {
  1863.   content: "\f259"; }
  1864.  
  1865. .ion-volume-mute:before {
  1866.   content: "\f25a"; }
  1867.  
  1868. .ion-wand:before {
  1869.   content: "\f358"; }
  1870.  
  1871. .ion-waterdrop:before {
  1872.   content: "\f25b"; }
  1873.  
  1874. .ion-wifi:before {
  1875.   content: "\f25c"; }
  1876.  
  1877. .ion-wineglass:before {
  1878.   content: "\f2b9"; }
  1879.  
  1880. .ion-woman:before {
  1881.   content: "\f25d"; }
  1882.  
  1883. .ion-wrench:before {
  1884.   content: "\f2ba"; }
  1885.  
  1886. .ion-xbox:before {
  1887.   content: "\f30c"; }
  1888.  
  1889. /**
  1890.  * Resets
  1891.  * --------------------------------------------------
  1892.  * Adapted from normalize.css and some reset.css. We don't care even one
  1893.  * bit about old IE, so we don't need any hacks for that in here.
  1894.  *
  1895.  * There are probably other things we could remove here, as well.
  1896.  *
  1897.  * normalize.css v2.1.2 | MIT License | git.io/normalize
  1898.  
  1899.  * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
  1900.  * http://cssreset.com
  1901.  */
  1902. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, fieldset, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1903.   margin: 0;
  1904.   padding: 0;
  1905.   border: 0;
  1906.   vertical-align: baseline;
  1907.   font: inherit;
  1908.   font-size: 100%; }
  1909.  
  1910. ol, ul {
  1911.   list-style: none; }
  1912.  
  1913. blockquote, q {
  1914.   quotes: none; }
  1915.  
  1916. blockquote:before, blockquote:after, q:before, q:after {
  1917.   content: '';
  1918.   content: none; }
  1919.  
  1920. /**
  1921.  * Prevent modern browsers from displaying `audio` without controls.
  1922.  * Remove excess height in iOS 5 devices.
  1923.  */
  1924. audio:not([controls]) {
  1925.   display: none;
  1926.   height: 0; }
  1927.  
  1928. /**
  1929.  * Hide the `template` element in IE, Safari, and Firefox < 22.
  1930.  */
  1931. [hidden], template {
  1932.   display: none; }
  1933.  
  1934. script {
  1935.   display: none !important; }
  1936.  
  1937. /* ==========================================================================
  1938.    Base
  1939.    ========================================================================== */
  1940. /**
  1941.  * 1. Set default font family to sans-serif.
  1942.  * 2. Prevent iOS text size adjust after orientation change, without disabling
  1943.  *  user zoom.
  1944.  */
  1945. html {
  1946.   -webkit-user-select: none;
  1947.   -moz-user-select: none;
  1948.   -ms-user-select: none;
  1949.   user-select: none;
  1950.   font-family: sans-serif;
  1951.   /* 1 */
  1952.   -webkit-text-size-adjust: 100%;
  1953.   -ms-text-size-adjust: 100%;
  1954.   /* 2 */
  1955.   -webkit-text-size-adjust: 100%;
  1956.   /* 2 */ }
  1957.  
  1958. /**
  1959.  * Remove default margin.
  1960.  */
  1961. body {
  1962.   margin: 0;
  1963.   line-height: 1; }
  1964.  
  1965. /**
  1966.  * Remove default outlines.
  1967.  */
  1968. a, button, :focus, a:focus, button:focus, a:active, a:hover {
  1969.   outline: 0; }
  1970.  
  1971. /* *
  1972.  * Remove tap highlight color
  1973.  */
  1974. a {
  1975.   -webkit-user-drag: none;
  1976.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1977.   -webkit-tap-highlight-color: transparent; }
  1978.   a[href]:hover {
  1979.     cursor: pointer; }
  1980.  
  1981. /* ==========================================================================
  1982.    Typography
  1983.    ========================================================================== */
  1984. /**
  1985.  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  1986.  */
  1987. b, strong {
  1988.   font-weight: bold; }
  1989.  
  1990. /**
  1991.  * Address styling not present in Safari 5 and Chrome.
  1992.  */
  1993. dfn {
  1994.   font-style: italic; }
  1995.  
  1996. /**
  1997.  * Address differences between Firefox and other browsers.
  1998.  */
  1999. hr {
  2000.   -moz-box-sizing: content-box;
  2001.   box-sizing: content-box;
  2002.   height: 0; }
  2003.  
  2004. /**
  2005.  * Correct font family set oddly in Safari 5 and Chrome.
  2006.  */
  2007. code, kbd, pre, samp {
  2008.   font-size: 1em;
  2009.   font-family: monospace, serif; }
  2010.  
  2011. /**
  2012.  * Improve readability of pre-formatted text in all browsers.
  2013.  */
  2014. pre {
  2015.   white-space: pre-wrap; }
  2016.  
  2017. /**
  2018.  * Set consistent quote types.
  2019.  */
  2020. q {
  2021.   quotes: "\201C" "\201D" "\2018" "\2019"; }
  2022.  
  2023. /**
  2024.  * Address inconsistent and variable font size in all browsers.
  2025.  */
  2026. small {
  2027.   font-size: 80%; }
  2028.  
  2029. /**
  2030.  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  2031.  */
  2032. sub, sup {
  2033.   position: relative;
  2034.   vertical-align: baseline;
  2035.   font-size: 75%;
  2036.   line-height: 0; }
  2037.  
  2038. sup {
  2039.   top: -0.5em; }
  2040.  
  2041. sub {
  2042.   bottom: -0.25em; }
  2043.  
  2044. /**
  2045.  * Define consistent border, margin, and padding.
  2046.  */
  2047. fieldset {
  2048.   margin: 0 0.125rem;
  2049.   padding: 0.35em 0.625em 0.75em;
  2050.   border: 0.0625rem solid #c0c0c0; }
  2051.  
  2052. /**
  2053.  * 1. Correct `color` not being inherited in IE 8/9.
  2054.  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  2055.  */
  2056. legend {
  2057.   padding: 0;
  2058.   /* 2 */
  2059.   border: 0;
  2060.   /* 1 */ }
  2061.  
  2062. /**
  2063.  * 1. Correct font family not being inherited in all browsers.
  2064.  * 2. Correct font size not being inherited in all browsers.
  2065.  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  2066.  * 4. Remove any default :focus styles
  2067.  * 5. Make sure webkit font smoothing is being inherited
  2068.  * 6. Remove default gradient in Android Firefox / FirefoxOS
  2069.  */
  2070. button, input, select, textarea {
  2071.   margin: 0;
  2072.   /* 3 */
  2073.   font-size: 100%;
  2074.   /* 2 */
  2075.   font-family: inherit;
  2076.   /* 1 */
  2077.   outline-offset: 0;
  2078.   /* 4 */
  2079.   outline-style: none;
  2080.   /* 4 */
  2081.   outline-width: 0;
  2082.   /* 4 */
  2083.   -webkit-font-smoothing: inherit;
  2084.   /* 5 */
  2085.   background-image: none;
  2086.   /* 6 */ }
  2087.  
  2088. /**
  2089.  * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
  2090.  * the UA stylesheet.
  2091.  */
  2092. button, input {
  2093.   line-height: normal; }
  2094.  
  2095. /**
  2096.  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  2097.  * All other form control elements do not inherit `text-transform` values.
  2098.  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  2099.  * Correct `select` style inheritance in Firefox 4+ and Opera.
  2100.  */
  2101. button, select {
  2102.   text-transform: none; }
  2103.  
  2104. /**
  2105.  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  2106.  *  and `video` controls.
  2107.  * 2. Correct inability to style clickable `input` types in iOS.
  2108.  * 3. Improve usability and consistency of cursor style between image-type
  2109.  *  `input` and others.
  2110.  */
  2111. button, html input[type="button"], input[type="reset"], input[type="submit"] {
  2112.   cursor: pointer;
  2113.   /* 3 */
  2114.   -webkit-appearance: button;
  2115.   /* 2 */ }
  2116.  
  2117. /**
  2118.  * Re-set default cursor for disabled elements.
  2119.  */
  2120. button[disabled], html input[disabled] {
  2121.   cursor: default; }
  2122.  
  2123. /**
  2124.  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  2125.  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  2126.  *  (include `-moz` to future-proof).
  2127.  */
  2128. input[type="search"] {
  2129.   -webkit-box-sizing: content-box;
  2130.   /* 2 */
  2131.   -moz-box-sizing: content-box;
  2132.   box-sizing: content-box;
  2133.   -webkit-appearance: textfield;
  2134.   /* 1 */ }
  2135.  
  2136. /**
  2137.  * Remove inner padding and search cancel button in Safari 5 and Chrome
  2138.  * on OS X.
  2139.  */
  2140. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  2141.   -webkit-appearance: none; }
  2142.  
  2143. /**
  2144.  * Remove inner padding and border in Firefox 4+.
  2145.  */
  2146. button::-moz-focus-inner, input::-moz-focus-inner {
  2147.   padding: 0;
  2148.   border: 0; }
  2149.  
  2150. /**
  2151.  * 1. Remove default vertical scrollbar in IE 8/9.
  2152.  * 2. Improve readability and alignment in all browsers.
  2153.  */
  2154. textarea {
  2155.   overflow: auto;
  2156.   /* 1 */
  2157.   vertical-align: top;
  2158.   /* 2 */ }
  2159.  
  2160. img {
  2161.   -webkit-user-drag: none; }
  2162.  
  2163. /* ==========================================================================
  2164.    Tables
  2165.    ========================================================================== */
  2166. /**
  2167.  * Remove most spacing between table cells.
  2168.  */
  2169. table {
  2170.   border-spacing: 0;
  2171.   border-collapse: collapse; }
  2172.  
  2173. /**
  2174.  * Scaffolding
  2175.  * --------------------------------------------------
  2176.  */
  2177. *, *:before, *:after {
  2178.   -webkit-box-sizing: border-box;
  2179.   -moz-box-sizing: border-box;
  2180.   box-sizing: border-box; }
  2181.  
  2182. html {
  2183.   overflow: hidden;
  2184.   -ms-touch-action: pan-y;
  2185.   touch-action: pan-y; }
  2186.  
  2187. body, .ionic-body {
  2188.   -webkit-touch-callout: none;
  2189.   -webkit-font-smoothing: antialiased;
  2190.   font-smoothing: antialiased;
  2191.   -webkit-text-size-adjust: none;
  2192.   -moz-text-size-adjust: none;
  2193.   text-size-adjust: none;
  2194.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2195.   -webkit-tap-highlight-color: transparent;
  2196.   -webkit-user-select: none;
  2197.   -moz-user-select: none;
  2198.   -ms-user-select: none;
  2199.   user-select: none;
  2200.   top: 0;
  2201.   right: 0;
  2202.   bottom: 0;
  2203.   left: 0;
  2204.   overflow: hidden;
  2205.   margin: 0;
  2206.   padding: 0;
  2207.   color: #000;
  2208.   word-wrap: break-word;
  2209.   font-size: 0.875rem;
  2210.   font-family: "Helvetica Neue", "Roboto", sans-serif;
  2211.   line-height: 1.25rem;
  2212.   text-rendering: optimizeLegibility;
  2213.   -webkit-backface-visibility: hidden;
  2214.   -webkit-user-drag: none; }
  2215.  
  2216. body.grade-b, body.grade-c {
  2217.   text-rendering: auto; }
  2218.  
  2219. .content {
  2220.   position: relative; }
  2221.  
  2222. .scroll-content {
  2223.   position: absolute;
  2224.   top: 0;
  2225.   right: 0;
  2226.   bottom: 0;
  2227.   left: 0;
  2228.   overflow: hidden;
  2229.   margin-top: -0.0625rem;
  2230.   padding-top: 0.0625rem;
  2231.   width: auto;
  2232.   height: auto; }
  2233.  
  2234. .scroll-content-false, .menu .scroll-content.scroll-content-false {
  2235.   z-index: 11; }
  2236.  
  2237. .scroll-view {
  2238.   position: relative;
  2239.   display: block;
  2240.   overflow: hidden;
  2241.   margin-top: -0.0625rem; }
  2242.  
  2243. /**
  2244.  * Scroll is the scroll view component available for complex and custom
  2245.  * scroll view functionality.
  2246.  */
  2247. .scroll {
  2248.   -webkit-user-select: none;
  2249.   -moz-user-select: none;
  2250.   -ms-user-select: none;
  2251.   user-select: none;
  2252.   -webkit-touch-callout: none;
  2253.   -webkit-text-size-adjust: none;
  2254.   -moz-text-size-adjust: none;
  2255.   text-size-adjust: none;
  2256.   -webkit-transform-origin: left top;
  2257.   transform-origin: left top; }
  2258.  
  2259. ::-webkit-scrollbar {
  2260.   display: none; }
  2261.  
  2262. .scroll-bar {
  2263.   position: absolute;
  2264.   z-index: 9999; }
  2265.  
  2266. .ng-animate .scroll-bar {
  2267.   visibility: hidden; }
  2268.  
  2269. .scroll-bar-h {
  2270.   right: 0.125rem;
  2271.   bottom: 0.1875rem;
  2272.   left: 0.125rem;
  2273.   height: 0.1875rem; }
  2274.   .scroll-bar-h .scroll-bar-indicator {
  2275.     height: 100%; }
  2276.  
  2277. .scroll-bar-v {
  2278.   top: 0.125rem;
  2279.   right: 0.1875rem;
  2280.   bottom: 0.125rem;
  2281.   width: 0.1875rem; }
  2282.   .scroll-bar-v .scroll-bar-indicator {
  2283.     width: 100%; }
  2284.  
  2285. .scroll-bar-indicator {
  2286.   position: absolute;
  2287.   border-radius: 0.25rem;
  2288.   background: rgba(0, 0, 0, 0.3);
  2289.   opacity: 1;
  2290.   -webkit-transition: opacity 0.3s linear;
  2291.   transition: opacity 0.3s linear; }
  2292.   .scroll-bar-indicator.scroll-bar-fade-out {
  2293.     opacity: 0; }
  2294.  
  2295. .platform-android .scroll-bar-indicator {
  2296.   border-radius: 0; }
  2297.  
  2298. .grade-b .scroll-bar-indicator, .grade-c .scroll-bar-indicator {
  2299.   background: #aaa; }
  2300.   .grade-b .scroll-bar-indicator.scroll-bar-fade-out, .grade-c .scroll-bar-indicator.scroll-bar-fade-out {
  2301.     -webkit-transition: none;
  2302.     transition: none; }
  2303.  
  2304. @keyframes refresh-spin {
  2305.   0% {
  2306.     transform: translate3d(0, 0, 0) rotate(0); }
  2307.  
  2308.   100% {
  2309.     transform: translate3d(0, 0, 0) rotate(180deg); } }
  2310.  
  2311. @-webkit-keyframes refresh-spin {
  2312.   0% {
  2313.     -webkit-transform: translate3d(0, 0, 0) rotate(0); }
  2314.  
  2315.   100% {
  2316.     -webkit-transform: translate3d(0, 0, 0) rotate(180deg); } }
  2317.  
  2318. @keyframes refresh-spin-back {
  2319.   0% {
  2320.     transform: translate3d(0, 0, 0) rotate(180deg); }
  2321.  
  2322.   100% {
  2323.     transform: translate3d(0, 0, 0) rotate(0); } }
  2324.  
  2325. @-webkit-keyframes refresh-spin-back {
  2326.   0% {
  2327.     -webkit-transform: translate3d(0, 0, 0) rotate(180deg); }
  2328.  
  2329.   100% {
  2330.     -webkit-transform: translate3d(0, 0, 0) rotate(0); } }
  2331.  
  2332. .scroll-refresher {
  2333.   position: absolute;
  2334.   top: -3.75rem;
  2335.   right: 0;
  2336.   left: 0;
  2337.   overflow: hidden;
  2338.   margin: auto;
  2339.   height: 3.75rem; }
  2340.   .scroll-refresher .ionic-refresher-content {
  2341.     position: absolute;
  2342.     bottom: 0.9375rem;
  2343.     left: 0;
  2344.     width: 100%;
  2345.     color: #666666;
  2346.     text-align: center;
  2347.     font-size: 1.875rem; }
  2348.     .scroll-refresher .ionic-refresher-content .text-refreshing, .scroll-refresher .ionic-refresher-content .text-pulling {
  2349.       font-size: 1.0rem;
  2350.       line-height: 1.0rem; }
  2351.     .scroll-refresher .ionic-refresher-content.ionic-refresher-with-text {
  2352.       bottom: 0.625rem; }
  2353.   .scroll-refresher .icon-refreshing, .scroll-refresher .icon-pulling {
  2354.     width: 100%;
  2355.     -webkit-backface-visibility: hidden;
  2356.     -webkit-transform-style: preserve-3d;
  2357.     backface-visibility: hidden;
  2358.     transform-style: preserve-3d; }
  2359.   .scroll-refresher .icon-pulling {
  2360.     -webkit-animation-name: refresh-spin-back;
  2361.     animation-name: refresh-spin-back;
  2362.     -webkit-animation-duration: 200ms;
  2363.     animation-duration: 200ms;
  2364.     -webkit-animation-timing-function: linear;
  2365.     animation-timing-function: linear;
  2366.     -webkit-animation-fill-mode: none;
  2367.     animation-fill-mode: none;
  2368.     -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  2369.     transform: translate3d(0, 0, 0) rotate(0deg); }
  2370.   .scroll-refresher .icon-refreshing, .scroll-refresher .text-refreshing {
  2371.     display: none; }
  2372.   .scroll-refresher .icon-refreshing {
  2373.     -webkit-animation-duration: 1.5s;
  2374.     animation-duration: 1.5s; }
  2375.   .scroll-refresher.active .icon-pulling:not(.pulling-rotation-disabled) {
  2376.     -webkit-animation-name: refresh-spin;
  2377.     animation-name: refresh-spin;
  2378.     -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
  2379.     transform: translate3d(0, 0, 0) rotate(-180deg); }
  2380.   .scroll-refresher.active.refreshing {
  2381.     -webkit-transition: transform 0.2s;
  2382.     transition: transform 0.2s;
  2383.     -webkit-transition: -webkit-transform 0.2s;
  2384.     transition: -webkit-transform 0.2s;
  2385.     -webkit-transform: scale(1, 1);
  2386.     transform: scale(1, 1); }
  2387.     .scroll-refresher.active.refreshing .icon-pulling, .scroll-refresher.active.refreshing .text-pulling {
  2388.       display: none; }
  2389.     .scroll-refresher.active.refreshing .icon-refreshing, .scroll-refresher.active.refreshing .text-refreshing {
  2390.       display: block; }
  2391.     .scroll-refresher.active.refreshing.refreshing-tail {
  2392.       -webkit-transform: scale(0, 0);
  2393.       transform: scale(0, 0); }
  2394.  
  2395. ion-infinite-scroll {
  2396.   height: 3.75rem;
  2397.   width: 100%;
  2398.   opacity: 0;
  2399.   display: block;
  2400.   -webkit-transition: opacity 0.25s;
  2401.   transition: opacity 0.25s;
  2402.   display: -webkit-box;
  2403.   display: -webkit-flex;
  2404.   display: -moz-box;
  2405.   display: -moz-flex;
  2406.   display: -ms-flexbox;
  2407.   display: flex;
  2408.   -webkit-box-direction: normal;
  2409.   -webkit-box-orient: horizontal;
  2410.   -webkit-flex-direction: row;
  2411.   -moz-flex-direction: row;
  2412.   -ms-flex-direction: row;
  2413.   flex-direction: row;
  2414.   -webkit-box-pack: center;
  2415.   -ms-flex-pack: center;
  2416.   -webkit-justify-content: center;
  2417.   -moz-justify-content: center;
  2418.   justify-content: center;
  2419.   -webkit-box-align: center;
  2420.   -ms-flex-align: center;
  2421.   -webkit-align-items: center;
  2422.   -moz-align-items: center;
  2423.   align-items: center; }
  2424.   ion-infinite-scroll .icon {
  2425.     color: #666666;
  2426.     font-size: 1.875rem;
  2427.     color: #666666; }
  2428.   ion-infinite-scroll.active {
  2429.     opacity: 1; }
  2430.  
  2431. .overflow-scroll {
  2432.   overflow-x: hidden;
  2433.   overflow-y: scroll;
  2434.   -webkit-overflow-scrolling: touch;
  2435.   top: 0;
  2436.   right: 0;
  2437.   bottom: 0;
  2438.   left: 0;
  2439.   position: absolute; }
  2440.   .overflow-scroll .scroll {
  2441.     position: static;
  2442.     height: 100%;
  2443.     -webkit-transform: translate3d(0, 0, 0); }
  2444.  
  2445. /* If you change these, change platform.scss as well */
  2446. .has-header {
  2447.   top: 2.75rem; }
  2448.  
  2449. .no-header {
  2450.   top: 0; }
  2451.  
  2452. .has-subheader {
  2453.   top: 5.5rem; }
  2454.  
  2455. .has-tabs-top {
  2456.   top: 5.8125rem; }
  2457.  
  2458. .has-header.has-subheader.has-tabs-top {
  2459.   top: 8.5625rem; }
  2460.  
  2461. .has-footer {
  2462.   bottom: 2.75rem; }
  2463.  
  2464. .has-subfooter {
  2465.   bottom: 5.5rem; }
  2466.  
  2467. .has-tabs, .bar-footer.has-tabs {
  2468.   bottom: 3.0625rem; }
  2469.  
  2470. .has-footer.has-tabs {
  2471.   bottom: 5.8125rem; }
  2472.  
  2473. .pane {
  2474.   -webkit-transform: translate3d(0, 0, 0);
  2475.   transform: translate3d(0, 0, 0);
  2476.   -webkit-transition-duration: 0;
  2477.   transition-duration: 0;
  2478.   z-index: 1; }
  2479.  
  2480. .view {
  2481.   z-index: 1; }
  2482.  
  2483. .pane, .view {
  2484.   position: absolute;
  2485.   top: 0;
  2486.   right: 0;
  2487.   bottom: 0;
  2488.   left: 0;
  2489.   width: 100%;
  2490.   height: 100%;
  2491.   background-color: #fff;
  2492.   overflow: hidden; }
  2493.  
  2494. .view-container {
  2495.   position: absolute;
  2496.   display: block;
  2497.   width: 100%;
  2498.   height: 100%; }
  2499.  
  2500. /**
  2501.  * Typography
  2502.  * --------------------------------------------------
  2503.  */
  2504. p {
  2505.   margin: 0 0 0.625rem; }
  2506.  
  2507. small {
  2508.   font-size: 85%; }
  2509.  
  2510. cite {
  2511.   font-style: normal; }
  2512.  
  2513. .text-left {
  2514.   text-align: left; }
  2515.  
  2516. .text-right {
  2517.   text-align: right; }
  2518.  
  2519. .text-center {
  2520.   text-align: center; }
  2521.  
  2522. h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  2523.   color: #000;
  2524.   font-weight: 500;
  2525.   font-family: "Helvetica Neue", "Roboto", sans-serif;
  2526.   line-height: 1.2; }
  2527.   h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  2528.     font-weight: normal;
  2529.     line-height: 1; }
  2530.  
  2531. h1, .h1, h2, .h2, h3, .h3 {
  2532.   margin-top: 1.25rem;
  2533.   margin-bottom: 0.625rem; }
  2534.   h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child {
  2535.     margin-top: 0; }
  2536.   h1 + h1, h1 + .h1, h1 + h2, h1 + .h2, h1 + h3, h1 + .h3, .h1 + h1, .h1 + .h1, .h1 + h2, .h1 + .h2, .h1 + h3, .h1 + .h3, h2 + h1, h2 + .h1, h2 + h2, h2 + .h2, h2 + h3, h2 + .h3, .h2 + h1, .h2 + .h1, .h2 + h2, .h2 + .h2, .h2 + h3, .h2 + .h3, h3 + h1, h3 + .h1, h3 + h2, h3 + .h2, h3 + h3, h3 + .h3, .h3 + h1, .h3 + .h1, .h3 + h2, .h3 + .h2, .h3 + h3, .h3 + .h3 {
  2537.     margin-top: 0.625rem; }
  2538.  
  2539. h4, .h4, h5, .h5, h6, .h6 {
  2540.   margin-top: 0.625rem;
  2541.   margin-bottom: 0.625rem; }
  2542.  
  2543. h1, .h1 {
  2544.   font-size: 2.25rem; }
  2545.  
  2546. h2, .h2 {
  2547.   font-size: 1.875rem; }
  2548.  
  2549. h3, .h3 {
  2550.   font-size: 1.5rem; }
  2551.  
  2552. h4, .h4 {
  2553.   font-size: 1.125rem; }
  2554.  
  2555. h5, .h5 {
  2556.   font-size: 0.875rem; }
  2557.  
  2558. h6, .h6 {
  2559.   font-size: 0.75rem; }
  2560.  
  2561. h1 small, .h1 small {
  2562.   font-size: 1.5rem; }
  2563.  
  2564. h2 small, .h2 small {
  2565.   font-size: 1.125rem; }
  2566.  
  2567. h3 small, .h3 small, h4 small, .h4 small {
  2568.   font-size: 0.875rem; }
  2569.  
  2570. dl {
  2571.   margin-bottom: 1.25rem; }
  2572.  
  2573. dt, dd {
  2574.   line-height: 1.42857; }
  2575.  
  2576. dt {
  2577.   font-weight: bold; }
  2578.  
  2579. blockquote {
  2580.   margin: 0 0 1.25rem;
  2581.   padding: 0.625rem 1.25rem;
  2582.   border-left: 0.3125rem solid gray; }
  2583.   blockquote p {
  2584.     font-weight: 300;
  2585.     font-size: 1.09375rem;
  2586.     line-height: 1.25; }
  2587.   blockquote p:last-child {
  2588.     margin-bottom: 0; }
  2589.   blockquote small {
  2590.     display: block;
  2591.     line-height: 1.42857; }
  2592.     blockquote small:before {
  2593.       content: '\2014 \00A0'; }
  2594.  
  2595. q:before, q:after, blockquote:before, blockquote:after {
  2596.   content: ""; }
  2597.  
  2598. address {
  2599.   display: block;
  2600.   margin-bottom: 1.25rem;
  2601.   font-style: normal;
  2602.   line-height: 1.42857; }
  2603.  
  2604. a.subdued {
  2605.   padding-right: 0.625rem;
  2606.   color: #888;
  2607.   text-decoration: none; }
  2608.   a.subdued:hover {
  2609.     text-decoration: none; }
  2610.   a.subdued:last-child {
  2611.     padding-right: 0; }
  2612.  
  2613. /**
  2614.  * Action Sheets
  2615.  * --------------------------------------------------
  2616.  */
  2617. .action-sheet-backdrop {
  2618.   -webkit-transition: background-color 300ms ease-in-out;
  2619.   transition: background-color 300ms ease-in-out;
  2620.   position: fixed;
  2621.   top: 0;
  2622.   left: 0;
  2623.   z-index: 11;
  2624.   width: 100%;
  2625.   height: 100%;
  2626.   background-color: rgba(0, 0, 0, 0); }
  2627.   .action-sheet-backdrop.active {
  2628.     background-color: rgba(0, 0, 0, 0.5); }
  2629.  
  2630. .action-sheet-wrapper {
  2631.   -webkit-transform: translate3d(0, 100%, 0);
  2632.   transform: translate3d(0, 100%, 0);
  2633.   -webkit-transition: all ease-in-out 300ms;
  2634.   transition: all ease-in-out 300ms;
  2635.   position: absolute;
  2636.   bottom: 0;
  2637.   width: 100%; }
  2638.  
  2639. .action-sheet-up {
  2640.   -webkit-transform: translate3d(0, 0, 0);
  2641.   transform: translate3d(0, 0, 0); }
  2642.  
  2643. .action-sheet {
  2644.   margin-left: 0.9375rem;
  2645.   margin-right: 0.9375rem;
  2646.   width: auto;
  2647.   z-index: 11;
  2648.   overflow: hidden; }
  2649.   .action-sheet .button {
  2650.     display: block;
  2651.     padding: 0.0625rem;
  2652.     width: 100%;
  2653.     border-radius: 0;
  2654.     background-color: transparent;
  2655.     color: #387ef5;
  2656.     font-size: 1.125rem; }
  2657.     .action-sheet .button.destructive {
  2658.       color: #ef473a; }
  2659.  
  2660. .action-sheet-title {
  2661.   padding: 0.625rem;
  2662.   color: #666666;
  2663.   text-align: center;
  2664.   font-size: 0.75rem; }
  2665.  
  2666. .action-sheet-group {
  2667.   margin-bottom: 0.3125rem;
  2668.   border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
  2669.   background-color: #fff; }
  2670.   .action-sheet-group .button {
  2671.     border-width: 0.0625rem 0.0rem 0.0rem 0.0rem;
  2672.     border-radius: 0; }
  2673.     .action-sheet-group .button.active {
  2674.       background-color: transparent;
  2675.       color: inherit; }
  2676.   .action-sheet-group .button:first-child:last-child {
  2677.     border-width: 0; }
  2678.  
  2679. .action-sheet-open {
  2680.   pointer-events: none; }
  2681.   .action-sheet-open.modal-open .modal {
  2682.     pointer-events: none; }
  2683.   .action-sheet-open .action-sheet-backdrop {
  2684.     pointer-events: auto; }
  2685.  
  2686. .backdrop {
  2687.   position: fixed;
  2688.   top: 0;
  2689.   left: 0;
  2690.   z-index: 11;
  2691.   width: 100%;
  2692.   height: 100%;
  2693.   background-color: rgba(0, 0, 0, 0.4);
  2694.   visibility: hidden;
  2695.   opacity: 0;
  2696.   -webkit-transition: 0.1s opacity linear;
  2697.   transition: 0.1s opacity linear; }
  2698.   .backdrop.visible {
  2699.     visibility: visible; }
  2700.   .backdrop.active {
  2701.     opacity: 1; }
  2702.  
  2703. /**
  2704.  * Bar (Headers and Footers)
  2705.  * --------------------------------------------------
  2706.  */
  2707. .bar {
  2708.   display: -webkit-box;
  2709.   display: -webkit-flex;
  2710.   display: -moz-box;
  2711.   display: -moz-flex;
  2712.   display: -ms-flexbox;
  2713.   display: flex;
  2714.   -webkit-transform: translate3d(0, 0, 0);
  2715.   transform: translate3d(0, 0, 0);
  2716.   -webkit-user-select: none;
  2717.   -moz-user-select: none;
  2718.   -ms-user-select: none;
  2719.   user-select: none;
  2720.   position: absolute;
  2721.   right: 0;
  2722.   left: 0;
  2723.   z-index: 9;
  2724.   box-sizing: border-box;
  2725.   padding: 0.3125rem;
  2726.   width: 100%;
  2727.   height: 2.75rem;
  2728.   border-width: 0;
  2729.   border-style: solid;
  2730.   border-top: 0.0625rem solid transparent;
  2731.   border-bottom: 0.0625rem solid #ddd;
  2732.   background-color: white;
  2733.   /* border-width: 0.0625rem will actually create 2 device pixels on retina */
  2734.   /* this nifty trick sets an actual 0.0625rem border on hi-res displays */
  2735.   background-size: 0; }
  2736.   @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) {
  2737.     .bar {
  2738.       border: none;
  2739.       background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  2740.       background-position: bottom;
  2741.       background-size: 100% 0.0625rem;
  2742.       background-repeat: no-repeat; } }
  2743.   .bar.bar-clear {
  2744.     border: none;
  2745.     background: none;
  2746.     color: #fff; }
  2747.     .bar.bar-clear .button {
  2748.       color: #fff; }
  2749.     .bar.bar-clear .title {
  2750.       color: #fff; }
  2751.   .bar.item-input-inset .item-input-wrapper {
  2752.     margin-top: -0.0625rem; }
  2753.     .bar.item-input-inset .item-input-wrapper input {
  2754.       padding-left: 0.5rem;
  2755.       width: 94%;
  2756.       height: 1.75rem;
  2757.       background: transparent; }
  2758.   .bar.bar-light {
  2759.     border-color: #ddd;
  2760.     background-color: white;
  2761.     background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  2762.     color: #444; }
  2763.     .bar.bar-light .title {
  2764.       color: #444; }
  2765.     .bar.bar-light.bar-footer {
  2766.       background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); }
  2767.   .bar.bar-stable {
  2768.     border-color: #b2b2b2;
  2769.     background-color: #f8f8f8;
  2770.     background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  2771.     color: #444; }
  2772.     .bar.bar-stable .title {
  2773.       color: #444; }
  2774.     .bar.bar-stable.bar-footer {
  2775.       background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
  2776.   .bar.bar-positive {
  2777.     border-color: #0c63ee;
  2778.     background-color: #387ef5;
  2779.     background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
  2780.     color: #fff; }
  2781.     .bar.bar-positive .title {
  2782.       color: #fff; }
  2783.     .bar.bar-positive.bar-footer {
  2784.       background-image: linear-gradient(180deg, #0c63ee, #0c63ee 50%, transparent 50%); }
  2785.   .bar.bar-calm {
  2786.     border-color: #0a9ec7;
  2787.     background-color: #11c1f3;
  2788.     background-image: linear-gradient(0deg, #0a9ec7, #0a9ec7 50%, transparent 50%);
  2789.     color: #fff; }
  2790.     .bar.bar-calm .title {
  2791.       color: #fff; }
  2792.     .bar.bar-calm.bar-footer {
  2793.       background-image: linear-gradient(180deg, #0a9ec7, #0a9ec7 50%, transparent 50%); }
  2794.   .bar.bar-assertive {
  2795.     border-color: #e42012;
  2796.     background-color: #ef473a;
  2797.     background-image: linear-gradient(0deg, #e42012, #e42012 50%, transparent 50%);
  2798.     color: #fff; }
  2799.     .bar.bar-assertive .title {
  2800.       color: #fff; }
  2801.     .bar.bar-assertive.bar-footer {
  2802.       background-image: linear-gradient(180deg, #e42012, #e42012 50%, transparent 50%); }
  2803.   .bar.bar-balanced {
  2804.     border-color: #28a54c;
  2805.     background-color: #33cd5f;
  2806.     background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  2807.     color: #fff; }
  2808.     .bar.bar-balanced .title {
  2809.       color: #fff; }
  2810.     .bar.bar-balanced.bar-footer {
  2811.       background-image: linear-gradient(180deg, #28a54c, #0c63ee 50%, transparent 50%); }
  2812.   .bar.bar-energized {
  2813.     border-color: #e6b400;
  2814.     background-color: #ffc900;
  2815.     background-image: linear-gradient(0deg, #e6b400, #e6b400 50%, transparent 50%);
  2816.     color: #fff; }
  2817.     .bar.bar-energized .title {
  2818.       color: #fff; }
  2819.     .bar.bar-energized.bar-footer {
  2820.       background-image: linear-gradient(180deg, #e6b400, #e6b400 50%, transparent 50%); }
  2821.   .bar.bar-royal {
  2822.     border-color: #6b46e5;
  2823.     background-color: #886aea;
  2824.     background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  2825.     color: #fff; }
  2826.     .bar.bar-royal .title {
  2827.       color: #fff; }
  2828.     .bar.bar-royal.bar-footer {
  2829.       background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); }
  2830.   .bar.bar-dark {
  2831.     border-color: #111;
  2832.     background-color: #444444;
  2833.     background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  2834.     color: #fff; }
  2835.     .bar.bar-dark .title {
  2836.       color: #fff; }
  2837.     .bar.bar-dark.bar-footer {
  2838.       background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); }
  2839.   .bar .title {
  2840.     position: absolute;
  2841.     top: 0;
  2842.     right: 0;
  2843.     left: 0;
  2844.     z-index: 0;
  2845.     overflow: hidden;
  2846.     margin: 0 0.625rem;
  2847.     min-width: 1.875rem;
  2848.     height: 2.6875rem;
  2849.     text-align: center;
  2850.     text-overflow: ellipsis;
  2851.     white-space: nowrap;
  2852.     font-size: 1.0625rem;
  2853.     font-weight: 500;
  2854.     line-height: 2.75rem; }
  2855.     .bar .title.title-left {
  2856.       text-align: left; }
  2857.     .bar .title.title-right {
  2858.       text-align: right; }
  2859.   .bar .title a {
  2860.     color: inherit; }
  2861.   .bar .button {
  2862.     z-index: 1;
  2863.     padding: 0 0.5rem;
  2864.     min-width: initial;
  2865.     min-height: 1.9375rem;
  2866.     font-weight: 400;
  2867.     font-size: 0.8125rem;
  2868.     line-height: 2.0rem; }
  2869.     .bar .button.button-icon:before, .bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before {
  2870.       padding-right: 0.125rem;
  2871.       padding-left: 0.125rem;
  2872.       font-size: 1.25rem;
  2873.       line-height: 2.0rem; }
  2874.     .bar .button.button-icon {
  2875.       font-size: 1.0625rem; }
  2876.       .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 {
  2877.         vertical-align: top;
  2878.         font-size: 2.0rem;
  2879.         line-height: 2.0rem; }
  2880.     .bar .button.button-clear {
  2881.       padding-right: 0.125rem;
  2882.       padding-left: 0.125rem;
  2883.       font-weight: 300;
  2884.       font-size: 1.0625rem; }
  2885.       .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 {
  2886.         font-size: 2.0rem;
  2887.         line-height: 2.0rem; }
  2888.     .bar .button.back-button {
  2889.       display: block;
  2890.       margin-right: 0.3125rem;
  2891.       padding: 0;
  2892.       white-space: nowrap;
  2893.       font-weight: 400; }
  2894.     .bar .button.back-button.active, .bar .button.back-button.activated {
  2895.       opacity: 0.2; }
  2896.   .bar .button-bar > .button, .bar .buttons > .button {
  2897.     min-height: 1.9375rem;
  2898.     line-height: 2.0rem; }
  2899.   .bar .button-bar + .button, .bar .button + .button-bar {
  2900.     margin-left: 0.3125rem; }
  2901.   .bar .buttons, .bar .buttons.primary-buttons, .bar .buttons.secondary-buttons {
  2902.     display: inherit; }
  2903.   .bar .buttons span {
  2904.     display: inline-block; }
  2905.   .bar .buttons-left span {
  2906.     margin-right: 0.3125rem; }
  2907.   .bar .buttons-right span {
  2908.     margin-left: 0.3125rem; }
  2909.   .bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {
  2910.     position: absolute;
  2911.     top: 0.3125rem;
  2912.     right: 0.3125rem;
  2913.     bottom: 0.3125rem; }
  2914.  
  2915. .bar-light .button {
  2916.   border-color: #ddd;
  2917.   background-color: white;
  2918.   color: #444; }
  2919.   .bar-light .button:hover {
  2920.     color: #444;
  2921.     text-decoration: none; }
  2922.   .bar-light .button.active, .bar-light .button.activated {
  2923.     border-color: #ccc;
  2924.     background-color: #fafafa;
  2925.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  2926.   .bar-light .button.button-clear {
  2927.     border-color: transparent;
  2928.     background: none;
  2929.     box-shadow: none;
  2930.     color: #444;
  2931.     font-size: 1.0625rem; }
  2932.   .bar-light .button.button-icon {
  2933.     border-color: transparent;
  2934.     background: none; }
  2935.  
  2936. .bar-stable .button {
  2937.   border-color: #b2b2b2;
  2938.   background-color: #f8f8f8;
  2939.   color: #444; }
  2940.   .bar-stable .button:hover {
  2941.     color: #444;
  2942.     text-decoration: none; }
  2943.   .bar-stable .button.active, .bar-stable .button.activated {
  2944.     border-color: #a2a2a2;
  2945.     background-color: #e5e5e5;
  2946.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  2947.   .bar-stable .button.button-clear {
  2948.     border-color: transparent;
  2949.     background: none;
  2950.     box-shadow: none;
  2951.     color: #444;
  2952.     font-size: 1.0625rem; }
  2953.   .bar-stable .button.button-icon {
  2954.     border-color: transparent;
  2955.     background: none; }
  2956.  
  2957. .bar-positive .button {
  2958.   border-color: #0c63ee;
  2959.   background-color: #387ef5;
  2960.   color: #fff; }
  2961.   .bar-positive .button:hover {
  2962.     color: #fff;
  2963.     text-decoration: none; }
  2964.   .bar-positive .button.active, .bar-positive .button.activated {
  2965.     border-color: #0c63ee;
  2966.     background-color: #0c63ee;
  2967.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  2968.   .bar-positive .button.button-clear {
  2969.     border-color: transparent;
  2970.     background: none;
  2971.     box-shadow: none;
  2972.     color: #fff;
  2973.     font-size: 1.0625rem; }
  2974.   .bar-positive .button.button-icon {
  2975.     border-color: transparent;
  2976.     background: none; }
  2977.  
  2978. .bar-calm .button {
  2979.   border-color: #0a9ec7;
  2980.   background-color: #11c1f3;
  2981.   color: #fff; }
  2982.   .bar-calm .button:hover {
  2983.     color: #fff;
  2984.     text-decoration: none; }
  2985.   .bar-calm .button.active, .bar-calm .button.activated {
  2986.     border-color: #0a9ec7;
  2987.     background-color: #0a9ec7;
  2988.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  2989.   .bar-calm .button.button-clear {
  2990.     border-color: transparent;
  2991.     background: none;
  2992.     box-shadow: none;
  2993.     color: #fff;
  2994.     font-size: 1.0625rem; }
  2995.   .bar-calm .button.button-icon {
  2996.     border-color: transparent;
  2997.     background: none; }
  2998.  
  2999. .bar-assertive .button {
  3000.   border-color: #e42012;
  3001.   background-color: #ef473a;
  3002.   color: #fff; }
  3003.   .bar-assertive .button:hover {
  3004.     color: #fff;
  3005.     text-decoration: none; }
  3006.   .bar-assertive .button.active, .bar-assertive .button.activated {
  3007.     border-color: #e42012;
  3008.     background-color: #e42012;
  3009.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  3010.   .bar-assertive .button.button-clear {
  3011.     border-color: transparent;
  3012.     background: none;
  3013.     box-shadow: none;
  3014.     color: #fff;
  3015.     font-size: 1.0625rem; }
  3016.   .bar-assertive .button.button-icon {
  3017.     border-color: transparent;
  3018.     background: none; }
  3019.  
  3020. .bar-balanced .button {
  3021.   border-color: #28a54c;
  3022.   background-color: #33cd5f;
  3023.   color: #fff; }
  3024.   .bar-balanced .button:hover {
  3025.     color: #fff;
  3026.     text-decoration: none; }
  3027.   .bar-balanced .button.active, .bar-balanced .button.activated {
  3028.     border-color: #28a54c;
  3029.     background-color: #28a54c;
  3030.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  3031.   .bar-balanced .button.button-clear {
  3032.     border-color: transparent;
  3033.     background: none;
  3034.     box-shadow: none;
  3035.     color: #fff;
  3036.     font-size: 1.0625rem; }
  3037.   .bar-balanced .button.button-icon {
  3038.     border-color: transparent;
  3039.     background: none; }
  3040.  
  3041. .bar-energized .button {
  3042.   border-color: #e6b400;
  3043.   background-color: #ffc900;
  3044.   color: #fff; }
  3045.   .bar-energized .button:hover {
  3046.     color: #fff;
  3047.     text-decoration: none; }
  3048.   .bar-energized .button.active, .bar-energized .button.activated {
  3049.     border-color: #e6b400;
  3050.     background-color: #e6b400;
  3051.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  3052.   .bar-energized .button.button-clear {
  3053.     border-color: transparent;
  3054.     background: none;
  3055.     box-shadow: none;
  3056.     color: #fff;
  3057.     font-size: 1.0625rem; }
  3058.   .bar-energized .button.button-icon {
  3059.     border-color: transparent;
  3060.     background: none; }
  3061.  
  3062. .bar-royal .button {
  3063.   border-color: #6b46e5;
  3064.   background-color: #886aea;
  3065.   color: #fff; }
  3066.   .bar-royal .button:hover {
  3067.     color: #fff;
  3068.     text-decoration: none; }
  3069.   .bar-royal .button.active, .bar-royal .button.activated {
  3070.     border-color: #6b46e5;
  3071.     background-color: #6b46e5;
  3072.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  3073.   .bar-royal .button.button-clear {
  3074.     border-color: transparent;
  3075.     background: none;
  3076.     box-shadow: none;
  3077.     color: #fff;
  3078.     font-size: 1.0625rem; }
  3079.   .bar-royal .button.button-icon {
  3080.     border-color: transparent;
  3081.     background: none; }
  3082.  
  3083. .bar-dark .button {
  3084.   border-color: #111;
  3085.   background-color: #444444;
  3086.   color: #fff; }
  3087.   .bar-dark .button:hover {
  3088.     color: #fff;
  3089.     text-decoration: none; }
  3090.   .bar-dark .button.active, .bar-dark .button.activated {
  3091.     border-color: #000;
  3092.     background-color: #262626;
  3093.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  3094.   .bar-dark .button.button-clear {
  3095.     border-color: transparent;
  3096.     background: none;
  3097.     box-shadow: none;
  3098.     color: #fff;
  3099.     font-size: 1.0625rem; }
  3100.   .bar-dark .button.button-icon {
  3101.     border-color: transparent;
  3102.     background: none; }
  3103.  
  3104. .bar-header {
  3105.   top: 0;
  3106.   border-top-width: 0;
  3107.   border-bottom-width: 0.0625rem; }
  3108.   .bar-header.has-tabs-top {
  3109.     border-bottom-width: 0.0rem;
  3110.     background-image: none; }
  3111.  
  3112. .bar-footer {
  3113.   bottom: 0;
  3114.   border-top-width: 0.0625rem;
  3115.   border-bottom-width: 0;
  3116.   background-position: top;
  3117.   height: 2.75rem; }
  3118.   .bar-footer.item-input-inset {
  3119.     position: absolute; }
  3120.  
  3121. .bar-tabs {
  3122.   padding: 0; }
  3123.  
  3124. .bar-subheader {
  3125.   top: 2.75rem;
  3126.   display: block;
  3127.   height: 2.75rem; }
  3128.  
  3129. .bar-subfooter {
  3130.   bottom: 2.75rem;
  3131.   display: block;
  3132.   height: 2.75rem; }
  3133.  
  3134. .nav-bar-block {
  3135.   position: absolute;
  3136.   top: 0;
  3137.   right: 0;
  3138.   left: 0;
  3139.   z-index: 9; }
  3140.  
  3141. .bar .back-button.hide, .bar .buttons .hide {
  3142.   display: none; }
  3143.  
  3144. /**
  3145.  * Tabs
  3146.  * --------------------------------------------------
  3147.  * A navigation bar with any number of tab items supported.
  3148.  */
  3149. .tabs {
  3150.   display: -webkit-box;
  3151.   display: -webkit-flex;
  3152.   display: -moz-box;
  3153.   display: -moz-flex;
  3154.   display: -ms-flexbox;
  3155.   display: flex;
  3156.   -webkit-box-direction: normal;
  3157.   -webkit-box-orient: horizontal;
  3158.   -webkit-flex-direction: horizontal;
  3159.   -moz-flex-direction: horizontal;
  3160.   -ms-flex-direction: horizontal;
  3161.   flex-direction: horizontal;
  3162.   -webkit-box-pack: center;
  3163.   -ms-flex-pack: center;
  3164.   -webkit-justify-content: center;
  3165.   -moz-justify-content: center;
  3166.   justify-content: center;
  3167.   -webkit-transform: translate3d(0, 0, 0);
  3168.   transform: translate3d(0, 0, 0);
  3169.   border-color: #b2b2b2;
  3170.   background-color: #f8f8f8;
  3171.   background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  3172.   color: #444;
  3173.   position: absolute;
  3174.   bottom: 0;
  3175.   z-index: 5;
  3176.   width: 100%;
  3177.   height: 3.0625rem;
  3178.   border-style: solid;
  3179.   border-top-width: 0.0625rem;
  3180.   background-size: 0;
  3181.   line-height: 3.0625rem; }
  3182.   .tabs .tab-item .badge {
  3183.     background-color: #444;
  3184.     color: #f8f8f8; }
  3185.   @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) {
  3186.     .tabs {
  3187.       padding-top: 0.125rem;
  3188.       border-top: none !important;
  3189.       border-bottom: none;
  3190.       background-position: top;
  3191.       background-size: 100% 0.0625rem;
  3192.       background-repeat: no-repeat; } }
  3193.  
  3194. /* Allow parent element of tabs to define color, or just the tab itself */
  3195. .tabs-light > .tabs, .tabs.tabs-light {
  3196.   border-color: #ddd;
  3197.   background-color: #fff;
  3198.   background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  3199.   color: #444; }
  3200.   .tabs-light > .tabs .tab-item .badge, .tabs.tabs-light .tab-item .badge {
  3201.     background-color: #444;
  3202.     color: #fff; }
  3203.  
  3204. .tabs-stable > .tabs, .tabs.tabs-stable {
  3205.   border-color: #b2b2b2;
  3206.   background-color: #f8f8f8;
  3207.   background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  3208.   color: #444; }
  3209.   .tabs-stable > .tabs .tab-item .badge, .tabs.tabs-stable .tab-item .badge {
  3210.     background-color: #444;
  3211.     color: #f8f8f8; }
  3212.  
  3213. .tabs-positive > .tabs, .tabs.tabs-positive {
  3214.   border-color: #0c63ee;
  3215.   background-color: #387ef5;
  3216.   background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
  3217.   color: #fff; }
  3218.   .tabs-positive > .tabs .tab-item .badge, .tabs.tabs-positive .tab-item .badge {
  3219.     background-color: #fff;
  3220.     color: #387ef5; }
  3221.  
  3222. .tabs-calm > .tabs, .tabs.tabs-calm {
  3223.   border-color: #0a9ec7;
  3224.   background-color: #11c1f3;
  3225.   background-image: linear-gradient(0deg, #0a9ec7, #0a9ec7 50%, transparent 50%);
  3226.   color: #fff; }
  3227.   .tabs-calm > .tabs .tab-item .badge, .tabs.tabs-calm .tab-item .badge {
  3228.     background-color: #fff;
  3229.     color: #11c1f3; }
  3230.  
  3231. .tabs-assertive > .tabs, .tabs.tabs-assertive {
  3232.   border-color: #e42012;
  3233.   background-color: #ef473a;
  3234.   background-image: linear-gradient(0deg, #e42012, #e42012 50%, transparent 50%);
  3235.   color: #fff; }
  3236.   .tabs-assertive > .tabs .tab-item .badge, .tabs.tabs-assertive .tab-item .badge {
  3237.     background-color: #fff;
  3238.     color: #ef473a; }
  3239.  
  3240. .tabs-balanced > .tabs, .tabs.tabs-balanced {
  3241.   border-color: #28a54c;
  3242.   background-color: #33cd5f;
  3243.   background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  3244.   color: #fff; }
  3245.   .tabs-balanced > .tabs .tab-item .badge, .tabs.tabs-balanced .tab-item .badge {
  3246.     background-color: #fff;
  3247.     color: #33cd5f; }
  3248.  
  3249. .tabs-energized > .tabs, .tabs.tabs-energized {
  3250.   border-color: #e6b400;
  3251.   background-color: #ffc900;
  3252.   background-image: linear-gradient(0deg, #e6b400, #e6b400 50%, transparent 50%);
  3253.   color: #fff; }
  3254.   .tabs-energized > .tabs .tab-item .badge, .tabs.tabs-energized .tab-item .badge {
  3255.     background-color: #fff;
  3256.     color: #ffc900; }
  3257.  
  3258. .tabs-royal > .tabs, .tabs.tabs-royal {
  3259.   border-color: #6b46e5;
  3260.   background-color: #886aea;
  3261.   background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  3262.   color: #fff; }
  3263.   .tabs-royal > .tabs .tab-item .badge, .tabs.tabs-royal .tab-item .badge {
  3264.     background-color: #fff;
  3265.     color: #886aea; }
  3266.  
  3267. .tabs-dark > .tabs, .tabs.tabs-dark {
  3268.   border-color: #111;
  3269.   background-color: #444;
  3270.   background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  3271.   color: #fff; }
  3272.   .tabs-dark > .tabs .tab-item .badge, .tabs.tabs-dark .tab-item .badge {
  3273.     background-color: #fff;
  3274.     color: #444; }
  3275.  
  3276. .tabs-striped .tabs {
  3277.   background-color: white;
  3278.   background-image: none;
  3279.   border: none;
  3280.   border-bottom: 0.0625rem solid #ddd;
  3281.   padding-top: 0.125rem; }
  3282. .tabs-striped .tab-item.tab-item-active, .tabs-striped .tab-item.active, .tabs-striped .tab-item.activated {
  3283.   margin-top: -0.125rem;
  3284.   border-style: solid;
  3285.   border-width: 0.125rem 0 0 0;
  3286.   border-color: #444; }
  3287.   .tabs-striped .tab-item.tab-item-active .badge, .tabs-striped .tab-item.active .badge, .tabs-striped .tab-item.activated .badge {
  3288.     top: 0.125rem;
  3289.     opacity: 1; }
  3290. .tabs-striped.tabs-light .tabs {
  3291.   background-color: #fff; }
  3292. .tabs-striped.tabs-light .tab-item {
  3293.   color: rgba(68, 68, 68, 0.4);
  3294.   opacity: 1; }
  3295.   .tabs-striped.tabs-light .tab-item .badge {
  3296.     opacity: 0.4; }
  3297.   .tabs-striped.tabs-light .tab-item.tab-item-active, .tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated {
  3298.     margin-top: -0.125rem;
  3299.     color: #444;
  3300.     border-style: solid;
  3301.     border-width: 0.125rem 0 0 0;
  3302.     border-color: #444; }
  3303. .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 {
  3304.   top: 4%; }
  3305. .tabs-striped.tabs-stable .tabs {
  3306.   background-color: #f8f8f8; }
  3307. .tabs-striped.tabs-stable .tab-item {
  3308.   color: rgba(68, 68, 68, 0.4);
  3309.   opacity: 1; }
  3310.   .tabs-striped.tabs-stable .tab-item .badge {
  3311.     opacity: 0.4; }
  3312.   .tabs-striped.tabs-stable .tab-item.tab-item-active, .tabs-striped.tabs-stable .tab-item.active, .tabs-striped.tabs-stable .tab-item.activated {
  3313.     margin-top: -0.125rem;
  3314.     color: #444;
  3315.     border-style: solid;
  3316.     border-width: 0.125rem 0 0 0;
  3317.     border-color: #444; }
  3318. .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 {
  3319.   top: 4%; }
  3320. .tabs-striped.tabs-positive .tabs {
  3321.   background-color: #387ef5; }
  3322. .tabs-striped.tabs-positive .tab-item {
  3323.   color: rgba(255, 255, 255, 0.4);
  3324.   opacity: 1; }
  3325.   .tabs-striped.tabs-positive .tab-item .badge {
  3326.     opacity: 0.4; }
  3327.   .tabs-striped.tabs-positive .tab-item.tab-item-active, .tabs-striped.tabs-positive .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated {
  3328.     margin-top: -0.125rem;
  3329.     color: #fff;
  3330.     border-style: solid;
  3331.     border-width: 0.125rem 0 0 0;
  3332.     border-color: #fff; }
  3333. .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 {
  3334.   top: 4%; }
  3335. .tabs-striped.tabs-calm .tabs {
  3336.   background-color: #11c1f3; }
  3337. .tabs-striped.tabs-calm .tab-item {
  3338.   color: rgba(255, 255, 255, 0.4);
  3339.   opacity: 1; }
  3340.   .tabs-striped.tabs-calm .tab-item .badge {
  3341.     opacity: 0.4; }
  3342.   .tabs-striped.tabs-calm .tab-item.tab-item-active, .tabs-striped.tabs-calm .tab-item.active, .tabs-striped.tabs-calm .tab-item.activated {
  3343.     margin-top: -0.125rem;
  3344.     color: #fff;
  3345.     border-style: solid;
  3346.     border-width: 0.125rem 0 0 0;
  3347.     border-color: #fff; }
  3348. .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 {
  3349.   top: 4%; }
  3350. .tabs-striped.tabs-assertive .tabs {
  3351.   background-color: #ef473a; }
  3352. .tabs-striped.tabs-assertive .tab-item {
  3353.   color: rgba(255, 255, 255, 0.4);
  3354.   opacity: 1; }
  3355.   .tabs-striped.tabs-assertive .tab-item .badge {
  3356.     opacity: 0.4; }
  3357.   .tabs-striped.tabs-assertive .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated {
  3358.     margin-top: -0.125rem;
  3359.     color: #fff;
  3360.     border-style: solid;
  3361.     border-width: 0.125rem 0 0 0;
  3362.     border-color: #fff; }
  3363. .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 {
  3364.   top: 4%; }
  3365. .tabs-striped.tabs-balanced .tabs {
  3366.   background-color: #33cd5f; }
  3367. .tabs-striped.tabs-balanced .tab-item {
  3368.   color: rgba(255, 255, 255, 0.4);
  3369.   opacity: 1; }
  3370.   .tabs-striped.tabs-balanced .tab-item .badge {
  3371.     opacity: 0.4; }
  3372.   .tabs-striped.tabs-balanced .tab-item.tab-item-active, .tabs-striped.tabs-balanced .tab-item.active, .tabs-striped.tabs-balanced .tab-item.activated {
  3373.     margin-top: -0.125rem;
  3374.     color: #fff;
  3375.     border-style: solid;
  3376.     border-width: 0.125rem 0 0 0;
  3377.     border-color: #fff; }
  3378. .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 {
  3379.   top: 4%; }
  3380. .tabs-striped.tabs-energized .tabs {
  3381.   background-color: #ffc900; }
  3382. .tabs-striped.tabs-energized .tab-item {
  3383.   color: rgba(255, 255, 255, 0.4);
  3384.   opacity: 1; }
  3385.   .tabs-striped.tabs-energized .tab-item .badge {
  3386.     opacity: 0.4; }
  3387.   .tabs-striped.tabs-energized .tab-item.tab-item-active, .tabs-striped.tabs-energized .tab-item.active, .tabs-striped.tabs-energized .tab-item.activated {
  3388.     margin-top: -0.125rem;
  3389.     color: #fff;
  3390.     border-style: solid;
  3391.     border-width: 0.125rem 0 0 0;
  3392.     border-color: #fff; }
  3393. .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 {
  3394.   top: 4%; }
  3395. .tabs-striped.tabs-royal .tabs {
  3396.   background-color: #886aea; }
  3397. .tabs-striped.tabs-royal .tab-item {
  3398.   color: rgba(255, 255, 255, 0.4);
  3399.   opacity: 1; }
  3400.   .tabs-striped.tabs-royal .tab-item .badge {
  3401.     opacity: 0.4; }
  3402.   .tabs-striped.tabs-royal .tab-item.tab-item-active, .tabs-striped.tabs-royal .tab-item.active, .tabs-striped.tabs-royal .tab-item.activated {
  3403.     margin-top: -0.125rem;
  3404.     color: #fff;
  3405.     border-style: solid;
  3406.     border-width: 0.125rem 0 0 0;
  3407.     border-color: #fff; }
  3408. .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 {
  3409.   top: 4%; }
  3410. .tabs-striped.tabs-dark .tabs {
  3411.   background-color: #444; }
  3412. .tabs-striped.tabs-dark .tab-item {
  3413.   color: rgba(255, 255, 255, 0.4);
  3414.   opacity: 1; }
  3415.   .tabs-striped.tabs-dark .tab-item .badge {
  3416.     opacity: 0.4; }
  3417.   .tabs-striped.tabs-dark .tab-item.tab-item-active, .tabs-striped.tabs-dark .tab-item.active, .tabs-striped.tabs-dark .tab-item.activated {
  3418.     margin-top: -0.125rem;
  3419.     color: #fff;
  3420.     border-style: solid;
  3421.     border-width: 0.125rem 0 0 0;
  3422.     border-color: #fff; }
  3423. .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 {
  3424.   top: 4%; }
  3425. .tabs-striped.tabs-background-light .tabs {
  3426.   background-color: #fff;
  3427.   background-image: none; }
  3428. .tabs-striped.tabs-background-stable .tabs {
  3429.   background-color: #f8f8f8;
  3430.   background-image: none; }
  3431. .tabs-striped.tabs-background-positive .tabs {
  3432.   background-color: #387ef5;
  3433.   background-image: none; }
  3434. .tabs-striped.tabs-background-calm .tabs {
  3435.   background-color: #11c1f3;
  3436.   background-image: none; }
  3437. .tabs-striped.tabs-background-assertive .tabs {
  3438.   background-color: #ef473a;
  3439.   background-image: none; }
  3440. .tabs-striped.tabs-background-balanced .tabs {
  3441.   background-color: #33cd5f;
  3442.   background-image: none; }
  3443. .tabs-striped.tabs-background-energized .tabs {
  3444.   background-color: #ffc900;
  3445.   background-image: none; }
  3446. .tabs-striped.tabs-background-royal .tabs {
  3447.   background-color: #886aea;
  3448.   background-image: none; }
  3449. .tabs-striped.tabs-background-dark .tabs {
  3450.   background-color: #444;
  3451.   background-image: none; }
  3452. .tabs-striped.tabs-color-light .tab-item {
  3453.   color: rgba(255, 255, 255, 0.4);
  3454.   opacity: 1; }
  3455.   .tabs-striped.tabs-color-light .tab-item .badge {
  3456.     opacity: 0.4; }
  3457.   .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 {
  3458.     margin-top: -0.125rem;
  3459.     color: #fff;
  3460.     border: 0 solid #fff;
  3461.     border-top-width: 0.125rem; }
  3462.     .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 {
  3463.       top: 0.125rem;
  3464.       opacity: 1; }
  3465. .tabs-striped.tabs-color-stable .tab-item {
  3466.   color: rgba(248, 248, 248, 0.4);
  3467.   opacity: 1; }
  3468.   .tabs-striped.tabs-color-stable .tab-item .badge {
  3469.     opacity: 0.4; }
  3470.   .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 {
  3471.     margin-top: -0.125rem;
  3472.     color: #f8f8f8;
  3473.     border: 0 solid #f8f8f8;
  3474.     border-top-width: 0.125rem; }
  3475.     .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 {
  3476.       top: 0.125rem;
  3477.       opacity: 1; }
  3478. .tabs-striped.tabs-color-positive .tab-item {
  3479.   color: rgba(56, 126, 245, 0.4);
  3480.   opacity: 1; }
  3481.   .tabs-striped.tabs-color-positive .tab-item .badge {
  3482.     opacity: 0.4; }
  3483.   .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 {
  3484.     margin-top: -0.125rem;
  3485.     color: #387ef5;
  3486.     border: 0 solid #387ef5;
  3487.     border-top-width: 0.125rem; }
  3488.     .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 {
  3489.       top: 0.125rem;
  3490.       opacity: 1; }
  3491. .tabs-striped.tabs-color-calm .tab-item {
  3492.   color: rgba(17, 193, 243, 0.4);
  3493.   opacity: 1; }
  3494.   .tabs-striped.tabs-color-calm .tab-item .badge {
  3495.     opacity: 0.4; }
  3496.   .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 {
  3497.     margin-top: -0.125rem;
  3498.     color: #11c1f3;
  3499.     border: 0 solid #11c1f3;
  3500.     border-top-width: 0.125rem; }
  3501.     .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 {
  3502.       top: 0.125rem;
  3503.       opacity: 1; }
  3504. .tabs-striped.tabs-color-assertive .tab-item {
  3505.   color: rgba(239, 71, 58, 0.4);
  3506.   opacity: 1; }
  3507.   .tabs-striped.tabs-color-assertive .tab-item .badge {
  3508.     opacity: 0.4; }
  3509.   .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 {
  3510.     margin-top: -0.125rem;
  3511.     color: #ef473a;
  3512.     border: 0 solid #ef473a;
  3513.     border-top-width: 0.125rem; }
  3514.     .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 {
  3515.       top: 0.125rem;
  3516.       opacity: 1; }
  3517. .tabs-striped.tabs-color-balanced .tab-item {
  3518.   color: rgba(51, 205, 95, 0.4);
  3519.   opacity: 1; }
  3520.   .tabs-striped.tabs-color-balanced .tab-item .badge {
  3521.     opacity: 0.4; }
  3522.   .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 {
  3523.     margin-top: -0.125rem;
  3524.     color: #33cd5f;
  3525.     border: 0 solid #33cd5f;
  3526.     border-top-width: 0.125rem; }
  3527.     .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 {
  3528.       top: 0.125rem;
  3529.       opacity: 1; }
  3530. .tabs-striped.tabs-color-energized .tab-item {
  3531.   color: rgba(255, 201, 0, 0.4);
  3532.   opacity: 1; }
  3533.   .tabs-striped.tabs-color-energized .tab-item .badge {
  3534.     opacity: 0.4; }
  3535.   .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 {
  3536.     margin-top: -0.125rem;
  3537.     color: #ffc900;
  3538.     border: 0 solid #ffc900;
  3539.     border-top-width: 0.125rem; }
  3540.     .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 {
  3541.       top: 0.125rem;
  3542.       opacity: 1; }
  3543. .tabs-striped.tabs-color-royal .tab-item {
  3544.   color: rgba(136, 106, 234, 0.4);
  3545.   opacity: 1; }
  3546.   .tabs-striped.tabs-color-royal .tab-item .badge {
  3547.     opacity: 0.4; }
  3548.   .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 {
  3549.     margin-top: -0.125rem;
  3550.     color: #886aea;
  3551.     border: 0 solid #886aea;
  3552.     border-top-width: 0.125rem; }
  3553.     .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 {
  3554.       top: 0.125rem;
  3555.       opacity: 1; }
  3556. .tabs-striped.tabs-color-dark .tab-item {
  3557.   color: rgba(68, 68, 68, 0.4);
  3558.   opacity: 1; }
  3559.   .tabs-striped.tabs-color-dark .tab-item .badge {
  3560.     opacity: 0.4; }
  3561.   .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 {
  3562.     margin-top: -0.125rem;
  3563.     color: #444;
  3564.     border: 0 solid #444;
  3565.     border-top-width: 0.125rem; }
  3566.     .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 {
  3567.       top: 0.125rem;
  3568.       opacity: 1; }
  3569.  
  3570. .tabs-background-light .tabs, .tabs-background-light > .tabs {
  3571.   background-color: #fff;
  3572.   background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  3573.   border-color: #ddd; }
  3574.  
  3575. .tabs-background-stable .tabs, .tabs-background-stable > .tabs {
  3576.   background-color: #f8f8f8;
  3577.   background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  3578.   border-color: #b2b2b2; }
  3579.  
  3580. .tabs-background-positive .tabs, .tabs-background-positive > .tabs {
  3581.   background-color: #387ef5;
  3582.   background-image: linear-gradient(0deg, #0c63ee, #0c63ee 50%, transparent 50%);
  3583.   border-color: #0c63ee; }
  3584.  
  3585. .tabs-background-calm .tabs, .tabs-background-calm > .tabs {
  3586.   background-color: #11c1f3;
  3587.   background-image: linear-gradient(0deg, #0a9ec7, #0a9ec7 50%, transparent 50%);
  3588.   border-color: #0a9ec7; }
  3589.  
  3590. .tabs-background-assertive .tabs, .tabs-background-assertive > .tabs {
  3591.   background-color: #ef473a;
  3592.   background-image: linear-gradient(0deg, #e42012, #e42012 50%, transparent 50%);
  3593.   border-color: #e42012; }
  3594.  
  3595. .tabs-background-balanced .tabs, .tabs-background-balanced > .tabs {
  3596.   background-color: #33cd5f;
  3597.   background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  3598.   border-color: #28a54c; }
  3599.  
  3600. .tabs-background-energized .tabs, .tabs-background-energized > .tabs {
  3601.   background-color: #ffc900;
  3602.   background-image: linear-gradient(0deg, #e6b400, #e6b400 50%, transparent 50%);
  3603.   border-color: #e6b400; }
  3604.  
  3605. .tabs-background-royal .tabs, .tabs-background-royal > .tabs {
  3606.   background-color: #886aea;
  3607.   background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  3608.   border-color: #6b46e5; }
  3609.  
  3610. .tabs-background-dark .tabs, .tabs-background-dark > .tabs {
  3611.   background-color: #444;
  3612.   background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  3613.   border-color: #111; }
  3614.  
  3615. .tabs-color-light .tab-item {
  3616.   color: rgba(255, 255, 255, 0.4);
  3617.   opacity: 1; }
  3618.   .tabs-color-light .tab-item .badge {
  3619.     opacity: 0.4; }
  3620.   .tabs-color-light .tab-item.tab-item-active, .tabs-color-light .tab-item.active, .tabs-color-light .tab-item.activated {
  3621.     color: #fff;
  3622.     border: 0 solid #fff; }
  3623.     .tabs-color-light .tab-item.tab-item-active .badge, .tabs-color-light .tab-item.active .badge, .tabs-color-light .tab-item.activated .badge {
  3624.       opacity: 1; }
  3625.  
  3626. .tabs-color-stable .tab-item {
  3627.   color: rgba(248, 248, 248, 0.4);
  3628.   opacity: 1; }
  3629.   .tabs-color-stable .tab-item .badge {
  3630.     opacity: 0.4; }
  3631.   .tabs-color-stable .tab-item.tab-item-active, .tabs-color-stable .tab-item.active, .tabs-color-stable .tab-item.activated {
  3632.     color: #f8f8f8;
  3633.     border: 0 solid #f8f8f8; }
  3634.     .tabs-color-stable .tab-item.tab-item-active .badge, .tabs-color-stable .tab-item.active .badge, .tabs-color-stable .tab-item.activated .badge {
  3635.       opacity: 1; }
  3636.  
  3637. .tabs-color-positive .tab-item {
  3638.   color: rgba(56, 126, 245, 0.4);
  3639.   opacity: 1; }
  3640.   .tabs-color-positive .tab-item .badge {
  3641.     opacity: 0.4; }
  3642.   .tabs-color-positive .tab-item.tab-item-active, .tabs-color-positive .tab-item.active, .tabs-color-positive .tab-item.activated {
  3643.     color: #387ef5;
  3644.     border: 0 solid #387ef5; }
  3645.     .tabs-color-positive .tab-item.tab-item-active .badge, .tabs-color-positive .tab-item.active .badge, .tabs-color-positive .tab-item.activated .badge {
  3646.       opacity: 1; }
  3647.  
  3648. .tabs-color-calm .tab-item {
  3649.   color: rgba(17, 193, 243, 0.4);
  3650.   opacity: 1; }
  3651.   .tabs-color-calm .tab-item .badge {
  3652.     opacity: 0.4; }
  3653.   .tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated {
  3654.     color: #11c1f3;
  3655.     border: 0 solid #11c1f3; }
  3656.     .tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge {
  3657.       opacity: 1; }
  3658.  
  3659. .tabs-color-assertive .tab-item {
  3660.   color: rgba(239, 71, 58, 0.4);
  3661.   opacity: 1; }
  3662.   .tabs-color-assertive .tab-item .badge {
  3663.     opacity: 0.4; }
  3664.   .tabs-color-assertive .tab-item.tab-item-active, .tabs-color-assertive .tab-item.active, .tabs-color-assertive .tab-item.activated {
  3665.     color: #ef473a;
  3666.     border: 0 solid #ef473a; }
  3667.     .tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-color-assertive .tab-item.active .badge, .tabs-color-assertive .tab-item.activated .badge {
  3668.       opacity: 1; }
  3669.  
  3670. .tabs-color-balanced .tab-item {
  3671.   color: rgba(51, 205, 95, 0.4);
  3672.   opacity: 1; }
  3673.   .tabs-color-balanced .tab-item .badge {
  3674.     opacity: 0.4; }
  3675.   .tabs-color-balanced .tab-item.tab-item-active, .tabs-color-balanced .tab-item.active, .tabs-color-balanced .tab-item.activated {
  3676.     color: #33cd5f;
  3677.     border: 0 solid #33cd5f; }
  3678.     .tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-color-balanced .tab-item.active .badge, .tabs-color-balanced .tab-item.activated .badge {
  3679.       opacity: 1; }
  3680.  
  3681. .tabs-color-energized .tab-item {
  3682.   color: rgba(255, 201, 0, 0.4);
  3683.   opacity: 1; }
  3684.   .tabs-color-energized .tab-item .badge {
  3685.     opacity: 0.4; }
  3686.   .tabs-color-energized .tab-item.tab-item-active, .tabs-color-energized .tab-item.active, .tabs-color-energized .tab-item.activated {
  3687.     color: #ffc900;
  3688.     border: 0 solid #ffc900; }
  3689.     .tabs-color-energized .tab-item.tab-item-active .badge, .tabs-color-energized .tab-item.active .badge, .tabs-color-energized .tab-item.activated .badge {
  3690.       opacity: 1; }
  3691.  
  3692. .tabs-color-royal .tab-item {
  3693.   color: rgba(136, 106, 234, 0.4);
  3694.   opacity: 1; }
  3695.   .tabs-color-royal .tab-item .badge {
  3696.     opacity: 0.4; }
  3697.   .tabs-color-royal .tab-item.tab-item-active, .tabs-color-royal .tab-item.active, .tabs-color-royal .tab-item.activated {
  3698.     color: #886aea;
  3699.     border: 0 solid #886aea; }
  3700.     .tabs-color-royal .tab-item.tab-item-active .badge, .tabs-color-royal .tab-item.active .badge, .tabs-color-royal .tab-item.activated .badge {
  3701.       opacity: 1; }
  3702.  
  3703. .tabs-color-dark .tab-item {
  3704.   color: rgba(68, 68, 68, 0.4);
  3705.   opacity: 1; }
  3706.   .tabs-color-dark .tab-item .badge {
  3707.     opacity: 0.4; }
  3708.   .tabs-color-dark .tab-item.tab-item-active, .tabs-color-dark .tab-item.active, .tabs-color-dark .tab-item.activated {
  3709.     color: #444;
  3710.     border: 0 solid #444; }
  3711.     .tabs-color-dark .tab-item.tab-item-active .badge, .tabs-color-dark .tab-item.active .badge, .tabs-color-dark .tab-item.activated .badge {
  3712.       opacity: 1; }
  3713.  
  3714. ion-tabs.tabs-color-active-light .tab-item {
  3715.   color: #444; }
  3716.   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 {
  3717.     color: #fff; }
  3718. ion-tabs.tabs-color-active-stable .tab-item {
  3719.   color: #444; }
  3720.   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 {
  3721.     color: #f8f8f8; }
  3722. ion-tabs.tabs-color-active-positive .tab-item {
  3723.   color: #444; }
  3724.   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 {
  3725.     color: #387ef5; }
  3726. ion-tabs.tabs-color-active-calm .tab-item {
  3727.   color: #444; }
  3728.   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 {
  3729.     color: #11c1f3; }
  3730. ion-tabs.tabs-color-active-assertive .tab-item {
  3731.   color: #444; }
  3732.   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 {
  3733.     color: #ef473a; }
  3734. ion-tabs.tabs-color-active-balanced .tab-item {
  3735.   color: #444; }
  3736.   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 {
  3737.     color: #33cd5f; }
  3738. ion-tabs.tabs-color-active-energized .tab-item {
  3739.   color: #444; }
  3740.   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 {
  3741.     color: #ffc900; }
  3742. ion-tabs.tabs-color-active-royal .tab-item {
  3743.   color: #444; }
  3744.   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 {
  3745.     color: #886aea; }
  3746. ion-tabs.tabs-color-active-dark .tab-item {
  3747.   color: #fff; }
  3748.   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 {
  3749.     color: #444; }
  3750.  
  3751. .tabs-top.tabs-striped {
  3752.   padding-bottom: 0; }
  3753.   .tabs-top.tabs-striped .tab-item {
  3754.     background: transparent;
  3755.     -webkit-transition: all 0.1s ease;
  3756.     -moz-transition: all 0.1s ease;
  3757.     -ms-transition: all 0.1s ease;
  3758.     -o-transition: all 0.1s ease;
  3759.     transition: all 0.1s ease; }
  3760.     .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated {
  3761.       margin-top: 0;
  3762.       margin-bottom: -0.125rem;
  3763.       border-width: 0.0rem 0.0rem 0.125rem 0.0rem !important;
  3764.       border-style: solid; }
  3765.     .tabs-top.tabs-striped .tab-item .badge {
  3766.       -webkit-transition: all 0.2s ease;
  3767.       -moz-transition: all 0.2s ease;
  3768.       -ms-transition: all 0.2s ease;
  3769.       -o-transition: all 0.2s ease;
  3770.       transition: all 0.2s ease; }
  3771.  
  3772. /* Allow parent element to have tabs-top */
  3773. /* If you change this, change platform.scss as well */
  3774. .tabs-top > .tabs, .tabs.tabs-top {
  3775.   top: 2.75rem;
  3776.   padding-top: 0;
  3777.   background-position: bottom;
  3778.   border-top-width: 0;
  3779.   border-bottom-width: 0.0625rem; }
  3780.   .tabs-top > .tabs .tab-item.tab-item-active .badge, .tabs-top > .tabs .tab-item.active .badge, .tabs-top > .tabs .tab-item.activated .badge, .tabs.tabs-top .tab-item.tab-item-active .badge, .tabs.tabs-top .tab-item.active .badge, .tabs.tabs-top .tab-item.activated .badge {
  3781.     top: 4%; }
  3782.  
  3783. .tabs-top ~ .bar-header {
  3784.   border-bottom-width: 0; }
  3785.  
  3786. .tab-item {
  3787.   -webkit-box-flex: 1;
  3788.   -webkit-flex: 1;
  3789.   -moz-box-flex: 1;
  3790.   -moz-flex: 1;
  3791.   -ms-flex: 1;
  3792.   flex: 1;
  3793.   display: block;
  3794.   overflow: hidden;
  3795.   max-width: 9.375rem;
  3796.   height: 100%;
  3797.   color: inherit;
  3798.   text-align: center;
  3799.   text-decoration: none;
  3800.   text-overflow: ellipsis;
  3801.   white-space: nowrap;
  3802.   font-weight: 400;
  3803.   font-size: 0.875rem;
  3804.   font-family: "Helvetica Neue", "Roboto", sans-serif;
  3805.   opacity: 0.7; }
  3806.   .tab-item:hover {
  3807.     cursor: pointer; }
  3808.   .tab-item.tab-hidden {
  3809.     display: none; }
  3810.  
  3811. .tabs-item-hide > .tabs, .tabs.tabs-item-hide {
  3812.   display: none; }
  3813.  
  3814. .tabs-icon-top > .tabs .tab-item, .tabs-icon-top.tabs .tab-item, .tabs-icon-bottom > .tabs .tab-item, .tabs-icon-bottom.tabs .tab-item {
  3815.   font-size: 0.625rem;
  3816.   line-height: 0.875rem; }
  3817.  
  3818. .tab-item .icon {
  3819.   display: block;
  3820.   margin: 0 auto;
  3821.   height: 2.0rem;
  3822.   font-size: 2.0rem; }
  3823.  
  3824. .tabs-icon-left.tabs .tab-item, .tabs-icon-left > .tabs .tab-item, .tabs-icon-right.tabs .tab-item, .tabs-icon-right > .tabs .tab-item {
  3825.   font-size: 0.625rem; }
  3826.   .tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon, .tabs-icon-right > .tabs .tab-item .icon {
  3827.     display: inline-block;
  3828.     vertical-align: top;
  3829.     margin-top: -0.1em; }
  3830.     .tabs-icon-left.tabs .tab-item .icon:before, .tabs-icon-left > .tabs .tab-item .icon:before, .tabs-icon-right.tabs .tab-item .icon:before, .tabs-icon-right > .tabs .tab-item .icon:before {
  3831.       font-size: 1.5rem;
  3832.       line-height: 3.0625rem; }
  3833.  
  3834. .tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .icon {
  3835.   padding-right: 0.1875rem; }
  3836.  
  3837. .tabs-icon-right > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon {
  3838.   padding-left: 0.1875rem; }
  3839.  
  3840. .tabs-icon-only > .tabs .icon, .tabs-icon-only.tabs .icon {
  3841.   line-height: inherit; }
  3842.  
  3843. .tab-item.has-badge {
  3844.   position: relative; }
  3845.  
  3846. .tab-item .badge {
  3847.   position: absolute;
  3848.   top: 4%;
  3849.   right: 33%;
  3850.   right: calc(50% - 1.625rem);
  3851.   padding: 0.0625rem 0.375rem;
  3852.   height: auto;
  3853.   font-size: 0.75rem;
  3854.   line-height: 1.0rem; }
  3855.  
  3856. /* Navigational tab */
  3857. /* Active state for tab */
  3858. .tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
  3859.   opacity: 1; }
  3860.   .tab-item.tab-item-active.tab-item-light, .tab-item.active.tab-item-light, .tab-item.activated.tab-item-light {
  3861.     color: #fff; }
  3862.   .tab-item.tab-item-active.tab-item-stable, .tab-item.active.tab-item-stable, .tab-item.activated.tab-item-stable {
  3863.     color: #f8f8f8; }
  3864.   .tab-item.tab-item-active.tab-item-positive, .tab-item.active.tab-item-positive, .tab-item.activated.tab-item-positive {
  3865.     color: #387ef5; }
  3866.   .tab-item.tab-item-active.tab-item-calm, .tab-item.active.tab-item-calm, .tab-item.activated.tab-item-calm {
  3867.     color: #11c1f3; }
  3868.   .tab-item.tab-item-active.tab-item-assertive, .tab-item.active.tab-item-assertive, .tab-item.activated.tab-item-assertive {
  3869.     color: #ef473a; }
  3870.   .tab-item.tab-item-active.tab-item-balanced, .tab-item.active.tab-item-balanced, .tab-item.activated.tab-item-balanced {
  3871.     color: #33cd5f; }
  3872.   .tab-item.tab-item-active.tab-item-energized, .tab-item.active.tab-item-energized, .tab-item.activated.tab-item-energized {
  3873.     color: #ffc900; }
  3874.   .tab-item.tab-item-active.tab-item-royal, .tab-item.active.tab-item-royal, .tab-item.activated.tab-item-royal {
  3875.     color: #886aea; }
  3876.   .tab-item.tab-item-active.tab-item-dark, .tab-item.active.tab-item-dark, .tab-item.activated.tab-item-dark {
  3877.     color: #444; }
  3878.  
  3879. .item.tabs {
  3880.   display: -webkit-box;
  3881.   display: -webkit-flex;
  3882.   display: -moz-box;
  3883.   display: -moz-flex;
  3884.   display: -ms-flexbox;
  3885.   display: flex;
  3886.   padding: 0; }
  3887.   .item.tabs .icon:before {
  3888.     position: relative; }
  3889.  
  3890. .tab-item.disabled, .tab-item[disabled] {
  3891.   opacity: 0.4;
  3892.   cursor: default;
  3893.   pointer-events: none; }
  3894.  
  3895. /**
  3896.  * Menus
  3897.  * --------------------------------------------------
  3898.  * Side panel structure
  3899.  */
  3900. .menu {
  3901.   position: absolute;
  3902.   top: 0;
  3903.   bottom: 0;
  3904.   z-index: 0;
  3905.   overflow: hidden;
  3906.   min-height: 100%;
  3907.   max-height: 100%;
  3908.   width: 17.1875rem;
  3909.   background-color: #fff; }
  3910.   .menu .scroll-content {
  3911.     z-index: 10; }
  3912.   .menu .bar-header {
  3913.     z-index: 11; }
  3914.  
  3915. .menu-content {
  3916.   -webkit-transform: none;
  3917.   transform: none;
  3918.   box-shadow: -0.0625rem 0.0rem 0.125rem rgba(0, 0, 0, 0.2), 0.0625rem 0.0rem 0.125rem rgba(0, 0, 0, 0.2); }
  3919.  
  3920. .menu-open .menu-content .pane, .menu-open .menu-content .scroll-content {
  3921.   pointer-events: none; }
  3922.  
  3923. .grade-b .menu-content, .grade-c .menu-content {
  3924.   -webkit-box-sizing: content-box;
  3925.   -moz-box-sizing: content-box;
  3926.   box-sizing: content-box;
  3927.   right: -0.0625rem;
  3928.   left: -0.0625rem;
  3929.   border-right: 0.0625rem solid #ccc;
  3930.   border-left: 0.0625rem solid #ccc;
  3931.   box-shadow: none; }
  3932.  
  3933. .menu-left {
  3934.   left: 0; }
  3935.  
  3936. .menu-right {
  3937.   right: 0; }
  3938.  
  3939. .aside-open.aside-resizing .menu-right {
  3940.   display: none; }
  3941.  
  3942. .menu-animated {
  3943.   -webkit-transition: -webkit-transform 200ms ease;
  3944.   transition: transform 200ms ease; }
  3945.  
  3946. /**
  3947.  * Modals
  3948.  * --------------------------------------------------
  3949.  * Modals are independent windows that slide in from off-screen.
  3950.  */
  3951. .modal-backdrop {
  3952.   -webkit-transition: background-color 300ms ease-in-out;
  3953.   transition: background-color 300ms ease-in-out;
  3954.   position: fixed;
  3955.   top: 0;
  3956.   left: 0;
  3957.   z-index: 10;
  3958.   width: 100%;
  3959.   height: 100%;
  3960.   background-color: rgba(0, 0, 0, 0); }
  3961.   .modal-backdrop.active {
  3962.     background-color: rgba(0, 0, 0, 0.5); }
  3963.  
  3964. .modal {
  3965.   display: block;
  3966.   position: absolute;
  3967.   top: 0;
  3968.   z-index: 10;
  3969.   overflow: hidden;
  3970.   min-height: 100%;
  3971.   width: 100%;
  3972.   background-color: #fff; }
  3973.  
  3974. @media (min-width: 42.5rem) {
  3975.   .modal {
  3976.     top: 20%;
  3977.     right: 20%;
  3978.     bottom: 20%;
  3979.     left: 20%;
  3980.     overflow: visible;
  3981.     min-height: 15.0rem;
  3982.     width: 60%; }
  3983.   .modal.ng-leave-active {
  3984.     bottom: 0; }
  3985.   .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
  3986.     height: 2.75rem; }
  3987.     .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
  3988.       margin-top: 0; }
  3989.   .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs, .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
  3990.     top: 2.75rem; }
  3991.   .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
  3992.     top: 2.75rem; }
  3993.   .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
  3994.     top: 5.5rem; }
  3995.   .platform-ios.platform-cordova .modal-wrapper .modal .has-tabs-top {
  3996.     top: 5.8125rem; }
  3997.   .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
  3998.     top: 8.5625rem; } }
  3999.  
  4000. .modal-open {
  4001.   pointer-events: none; }
  4002.   .modal-open .modal, .modal-open .modal-backdrop {
  4003.     pointer-events: auto; }
  4004.   .modal-open.loading-active .modal, .modal-open.loading-active .modal-backdrop {
  4005.     pointer-events: none; }
  4006.  
  4007. /**
  4008.  * Popovers
  4009.  * --------------------------------------------------
  4010.  * Popovers are independent views which float over content
  4011.  */
  4012. .popover-backdrop {
  4013.   position: fixed;
  4014.   top: 0;
  4015.   left: 0;
  4016.   z-index: 10;
  4017.   width: 100%;
  4018.   height: 100%;
  4019.   background-color: rgba(0, 0, 0, 0); }
  4020.   .popover-backdrop.active {
  4021.     background-color: rgba(0, 0, 0, 0.1); }
  4022.  
  4023. .popover {
  4024.   position: absolute;
  4025.   top: 25%;
  4026.   left: 50%;
  4027.   z-index: 10;
  4028.   display: block;
  4029.   margin-top: 0.75rem;
  4030.   margin-left: -6.875rem;
  4031.   height: 17.5rem;
  4032.   width: 13.75rem;
  4033.   background-color: #fff;
  4034.   box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  4035.   opacity: 0; }
  4036.   .popover .item:first-child {
  4037.     border-top: 0; }
  4038.   .popover .item:last-child {
  4039.     border-bottom: 0; }
  4040.   .popover.popover-bottom {
  4041.     margin-top: -0.75rem; }
  4042.  
  4043. .popover, .popover .bar-header {
  4044.   border-radius: 0.125rem; }
  4045.  
  4046. .popover .scroll-content {
  4047.   z-index: 1;
  4048.   margin: 0.125rem 0; }
  4049.  
  4050. .popover .bar-header {
  4051.   border-bottom-right-radius: 0;
  4052.   border-bottom-left-radius: 0; }
  4053.  
  4054. .popover .has-header {
  4055.   border-top-right-radius: 0;
  4056.   border-top-left-radius: 0; }
  4057.  
  4058. .popover-arrow {
  4059.   display: none; }
  4060.  
  4061. .platform-ios .popover {
  4062.   box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.08); }
  4063. .platform-ios .popover, .platform-ios .popover .bar-header {
  4064.   border-radius: 0.625rem; }
  4065. .platform-ios .popover .scroll-content {
  4066.   margin: 0.5rem 0;
  4067.   border-radius: 0.625rem; }
  4068. .platform-ios .popover .scroll-content.has-header {
  4069.   margin-top: 0; }
  4070. .platform-ios .popover-arrow {
  4071.   position: absolute;
  4072.   display: block;
  4073.   top: -1.0625rem;
  4074.   width: 1.875rem;
  4075.   height: 1.1875rem;
  4076.   overflow: hidden; }
  4077.   .platform-ios .popover-arrow:after {
  4078.     position: absolute;
  4079.     top: 0.75rem;
  4080.     left: 0.3125rem;
  4081.     width: 1.25rem;
  4082.     height: 1.25rem;
  4083.     background-color: #fff;
  4084.     border-radius: 0.1875rem;
  4085.     content: '';
  4086.     -webkit-transform: rotate(-45deg);
  4087.     transform: rotate(-45deg); }
  4088. .platform-ios .popover-bottom .popover-arrow {
  4089.   top: auto;
  4090.   bottom: -0.625rem; }
  4091.   .platform-ios .popover-bottom .popover-arrow:after {
  4092.     top: -0.375rem; }
  4093.  
  4094. .platform-android .popover {
  4095.   margin-top: -2.0rem;
  4096.   background-color: #fafafa;
  4097.   box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.35); }
  4098.   .platform-android .popover .item {
  4099.     border-color: #fafafa;
  4100.     background-color: #fafafa;
  4101.     color: #4d4d4d; }
  4102.   .platform-android .popover.popover-bottom {
  4103.     margin-top: 2.0rem; }
  4104. .platform-android .popover-backdrop, .platform-android .popover-backdrop.active {
  4105.   background-color: transparent; }
  4106.  
  4107. .popover-open {
  4108.   pointer-events: none; }
  4109.   .popover-open .popover, .popover-open .popover-backdrop {
  4110.     pointer-events: auto; }
  4111.   .popover-open.loading-active .popover, .popover-open.loading-active .popover-backdrop {
  4112.     pointer-events: none; }
  4113.  
  4114. @media (min-width: 42.5rem) {
  4115.   .popover {
  4116.     width: 22.5rem; } }
  4117.  
  4118. /**
  4119.  * Popups
  4120.  * --------------------------------------------------
  4121.  */
  4122. .popup-container {
  4123.   position: absolute;
  4124.   top: 0;
  4125.   left: 0;
  4126.   bottom: 0;
  4127.   right: 0;
  4128.   background: rgba(0, 0, 0, 0);
  4129.   display: -webkit-box;
  4130.   display: -webkit-flex;
  4131.   display: -moz-box;
  4132.   display: -moz-flex;
  4133.   display: -ms-flexbox;
  4134.   display: flex;
  4135.   -webkit-box-pack: center;
  4136.   -ms-flex-pack: center;
  4137.   -webkit-justify-content: center;
  4138.   -moz-justify-content: center;
  4139.   justify-content: center;
  4140.   -webkit-box-align: center;
  4141.   -ms-flex-align: center;
  4142.   -webkit-align-items: center;
  4143.   -moz-align-items: center;
  4144.   align-items: center;
  4145.   z-index: 12;
  4146.   visibility: hidden; }
  4147.   .popup-container.popup-showing {
  4148.     visibility: visible; }
  4149.   .popup-container.popup-hidden .popup {
  4150.     -webkit-animation-name: scaleOut;
  4151.     animation-name: scaleOut;
  4152.     -webkit-animation-duration: 0.1s;
  4153.     animation-duration: 0.1s;
  4154.     -webkit-animation-timing-function: ease-in-out;
  4155.     animation-timing-function: ease-in-out;
  4156.     -webkit-animation-fill-mode: both;
  4157.     animation-fill-mode: both; }
  4158.   .popup-container.active .popup {
  4159.     -webkit-animation-name: superScaleIn;
  4160.     animation-name: superScaleIn;
  4161.     -webkit-animation-duration: 0.2s;
  4162.     animation-duration: 0.2s;
  4163.     -webkit-animation-timing-function: ease-in-out;
  4164.     animation-timing-function: ease-in-out;
  4165.     -webkit-animation-fill-mode: both;
  4166.     animation-fill-mode: both; }
  4167.   .popup-container .popup {
  4168.     width: 15.625rem;
  4169.     max-width: 100%;
  4170.     max-height: 90%;
  4171.     border-radius: 0.0rem;
  4172.     background-color: rgba(255, 255, 255, 0.9);
  4173.     display: -webkit-box;
  4174.     display: -webkit-flex;
  4175.     display: -moz-box;
  4176.     display: -moz-flex;
  4177.     display: -ms-flexbox;
  4178.     display: flex;
  4179.     -webkit-box-direction: normal;
  4180.     -webkit-box-orient: vertical;
  4181.     -webkit-flex-direction: column;
  4182.     -moz-flex-direction: column;
  4183.     -ms-flex-direction: column;
  4184.     flex-direction: column; }
  4185.  
  4186. .popup-head {
  4187.   padding: 0.9375rem 0.625rem;
  4188.   border-bottom: 0.0625rem solid #eee;
  4189.   text-align: center; }
  4190.  
  4191. .popup-title {
  4192.   margin: 0;
  4193.   padding: 0;
  4194.   font-size: 0.9375rem; }
  4195.  
  4196. .popup-sub-title {
  4197.   margin: 0.3125rem 0 0 0;
  4198.   padding: 0;
  4199.   font-weight: normal;
  4200.   font-size: 0.6875rem; }
  4201.  
  4202. .popup-body {
  4203.   padding: 0.625rem;
  4204.   overflow: scroll; }
  4205.  
  4206. .popup-buttons {
  4207.   display: -webkit-box;
  4208.   display: -webkit-flex;
  4209.   display: -moz-box;
  4210.   display: -moz-flex;
  4211.   display: -ms-flexbox;
  4212.   display: flex;
  4213.   -webkit-box-direction: normal;
  4214.   -webkit-box-orient: horizontal;
  4215.   -webkit-flex-direction: row;
  4216.   -moz-flex-direction: row;
  4217.   -ms-flex-direction: row;
  4218.   flex-direction: row;
  4219.   padding: 0.625rem;
  4220.   min-height: 4.0625rem; }
  4221.   .popup-buttons .button {
  4222.     -webkit-box-flex: 1;
  4223.     -webkit-flex: 1;
  4224.     -moz-box-flex: 1;
  4225.     -moz-flex: 1;
  4226.     -ms-flex: 1;
  4227.     flex: 1;
  4228.     display: block;
  4229.     min-height: 2.8125rem;
  4230.     border-radius: 0.125rem;
  4231.     line-height: 1.25rem;
  4232.     margin-right: 0.3125rem; }
  4233.     .popup-buttons .button:last-child {
  4234.       margin-right: 0.0rem; }
  4235.  
  4236. .popup-open {
  4237.   pointer-events: none; }
  4238.   .popup-open.modal-open .modal {
  4239.     pointer-events: none; }
  4240.   .popup-open .popup-backdrop, .popup-open .popup {
  4241.     pointer-events: auto; }
  4242.  
  4243. /**
  4244.  * Loading
  4245.  * --------------------------------------------------
  4246.  */
  4247. .loading-container {
  4248.   position: absolute;
  4249.   left: 0;
  4250.   top: 0;
  4251.   right: 0;
  4252.   bottom: 0;
  4253.   z-index: 13;
  4254.   display: -webkit-box;
  4255.   display: -webkit-flex;
  4256.   display: -moz-box;
  4257.   display: -moz-flex;
  4258.   display: -ms-flexbox;
  4259.   display: flex;
  4260.   -webkit-box-pack: center;
  4261.   -ms-flex-pack: center;
  4262.   -webkit-justify-content: center;
  4263.   -moz-justify-content: center;
  4264.   justify-content: center;
  4265.   -webkit-box-align: center;
  4266.   -ms-flex-align: center;
  4267.   -webkit-align-items: center;
  4268.   -moz-align-items: center;
  4269.   align-items: center;
  4270.   -webkit-transition: 0.2s opacity linear;
  4271.   transition: 0.2s opacity linear;
  4272.   visibility: hidden;
  4273.   opacity: 0; }
  4274.   .loading-container:not(.visible) .icon {
  4275.     display: none; }
  4276.   .loading-container.visible {
  4277.     visibility: visible; }
  4278.   .loading-container.active {
  4279.     opacity: 1; }
  4280.   .loading-container .loading {
  4281.     padding: 1.25rem;
  4282.     border-radius: 0.3125rem;
  4283.     background-color: rgba(0, 0, 0, 0.7);
  4284.     color: #fff;
  4285.     text-align: center;
  4286.     text-overflow: ellipsis;
  4287.     font-size: 0.9375rem; }
  4288.     .loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 {
  4289.       color: #fff; }
  4290.  
  4291. /**
  4292.  * Items
  4293.  * --------------------------------------------------
  4294.  */
  4295. .item {
  4296.   border-color: #ddd;
  4297.   background-color: #fff;
  4298.   color: #444;
  4299.   position: relative;
  4300.   z-index: 2;
  4301.   display: block;
  4302.   margin: -0.0625rem;
  4303.   padding: 1.0rem;
  4304.   border-width: 0.0625rem;
  4305.   border-style: solid;
  4306.   font-size: 1.0rem; }
  4307.   .item h2 {
  4308.     margin: 0 0 0.125rem 0;
  4309.     font-size: 1.0rem;
  4310.     font-weight: normal; }
  4311.   .item h3 {
  4312.     margin: 0 0 0.25rem 0;
  4313.     font-size: 0.875rem; }
  4314.   .item h4 {
  4315.     margin: 0 0 0.25rem 0;
  4316.     font-size: 0.75rem; }
  4317.   .item h5, .item h6 {
  4318.     margin: 0 0 0.1875rem 0;
  4319.     font-size: 0.625rem; }
  4320.   .item p {
  4321.     color: #666;
  4322.     font-size: 0.875rem;
  4323.     margin-bottom: 0.125rem; }
  4324.   .item h1:last-child, .item h2:last-child, .item h3:last-child, .item h4:last-child, .item h5:last-child, .item h6:last-child, .item p:last-child {
  4325.     margin-bottom: 0; }
  4326.   .item .badge {
  4327.     display: -webkit-box;
  4328.     display: -webkit-flex;
  4329.     display: -moz-box;
  4330.     display: -moz-flex;
  4331.     display: -ms-flexbox;
  4332.     display: flex;
  4333.     position: absolute;
  4334.     top: 1.0rem;
  4335.     right: 2.0rem; }
  4336.   .item.item-button-right .badge {
  4337.     right: 4.1875rem; }
  4338.   .item.item-divider .badge {
  4339.     top: 0.5rem; }
  4340.   .item .badge + .badge {
  4341.     margin-right: 0.3125rem; }
  4342.   .item.item-light {
  4343.     border-color: #ddd;
  4344.     background-color: #fff;
  4345.     color: #444; }
  4346.   .item.item-stable {
  4347.     border-color: #b2b2b2;
  4348.     background-color: #f8f8f8;
  4349.     color: #444; }
  4350.   .item.item-positive {
  4351.     border-color: #0c63ee;
  4352.     background-color: #387ef5;
  4353.     color: #fff; }
  4354.   .item.item-calm {
  4355.     border-color: #0a9ec7;
  4356.     background-color: #11c1f3;
  4357.     color: #fff; }
  4358.   .item.item-assertive {
  4359.     border-color: #e42012;
  4360.     background-color: #ef473a;
  4361.     color: #fff; }
  4362.   .item.item-balanced {
  4363.     border-color: #28a54c;
  4364.     background-color: #33cd5f;
  4365.     color: #fff; }
  4366.   .item.item-energized {
  4367.     border-color: #e6b400;
  4368.     background-color: #ffc900;
  4369.     color: #fff; }
  4370.   .item.item-royal {
  4371.     border-color: #6b46e5;
  4372.     background-color: #886aea;
  4373.     color: #fff; }
  4374.   .item.item-dark {
  4375.     border-color: #111;
  4376.     background-color: #444;
  4377.     color: #fff; }
  4378.   .item[ng-click]:hover {
  4379.     cursor: pointer; }
  4380.  
  4381. .list-borderless .item, .item-borderless {
  4382.   border-width: 0; }
  4383.  
  4384. .item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated {
  4385.   border-color: #ccc;
  4386.   background-color: #D9D9D9; }
  4387.   .item.active.item-light, .item.activated.item-light, .item-complex.active .item-content.item-light, .item-complex.activated .item-content.item-light, .item .item-content.active.item-light, .item .item-content.activated.item-light {
  4388.     border-color: #ccc;
  4389.     background-color: #fafafa; }
  4390.   .item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable {
  4391.     border-color: #a2a2a2;
  4392.     background-color: #e5e5e5; }
  4393.   .item.active.item-positive, .item.activated.item-positive, .item-complex.active .item-content.item-positive, .item-complex.activated .item-content.item-positive, .item .item-content.active.item-positive, .item .item-content.activated.item-positive {
  4394.     border-color: #0c63ee;
  4395.     background-color: #0c63ee; }
  4396.   .item.active.item-calm, .item.activated.item-calm, .item-complex.active .item-content.item-calm, .item-complex.activated .item-content.item-calm, .item .item-content.active.item-calm, .item .item-content.activated.item-calm {
  4397.     border-color: #0a9ec7;
  4398.     background-color: #0a9ec7; }
  4399.   .item.active.item-assertive, .item.activated.item-assertive, .item-complex.active .item-content.item-assertive, .item-complex.activated .item-content.item-assertive, .item .item-content.active.item-assertive, .item .item-content.activated.item-assertive {
  4400.     border-color: #e42012;
  4401.     background-color: #e42012; }
  4402.   .item.active.item-balanced, .item.activated.item-balanced, .item-complex.active .item-content.item-balanced, .item-complex.activated .item-content.item-balanced, .item .item-content.active.item-balanced, .item .item-content.activated.item-balanced {
  4403.     border-color: #28a54c;
  4404.     background-color: #28a54c; }
  4405.   .item.active.item-energized, .item.activated.item-energized, .item-complex.active .item-content.item-energized, .item-complex.activated .item-content.item-energized, .item .item-content.active.item-energized, .item .item-content.activated.item-energized {
  4406.     border-color: #e6b400;
  4407.     background-color: #e6b400; }
  4408.   .item.active.item-royal, .item.activated.item-royal, .item-complex.active .item-content.item-royal, .item-complex.activated .item-content.item-royal, .item .item-content.active.item-royal, .item .item-content.activated.item-royal {
  4409.     border-color: #6b46e5;
  4410.     background-color: #6b46e5; }
  4411.   .item.active.item-dark, .item.activated.item-dark, .item-complex.active .item-content.item-dark, .item-complex.activated .item-content.item-dark, .item .item-content.active.item-dark, .item .item-content.activated.item-dark {
  4412.     border-color: #000;
  4413.     background-color: #262626; }
  4414.  
  4415. .item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p {
  4416.   overflow: hidden;
  4417.   text-overflow: ellipsis;
  4418.   white-space: nowrap; }
  4419.  
  4420. a.item {
  4421.   color: inherit;
  4422.   text-decoration: none; }
  4423.   a.item:hover, a.item:focus {
  4424.     text-decoration: none; }
  4425.  
  4426. /**
  4427.  * Complex Items
  4428.  * --------------------------------------------------
  4429.  * Adding .item-complex allows the .item to be slidable and
  4430.  * have options underneath the button, but also requires an
  4431.  * additional .item-content element inside .item.
  4432.  * Basically .item-complex removes any default settings which
  4433.  * .item added, so that .item-content looks them as just .item.
  4434.  */
  4435. .item-complex, a.item.item-complex, button.item.item-complex {
  4436.   padding: 0; }
  4437.  
  4438. .item-complex .item-content, .item-radio .item-content {
  4439.   position: relative;
  4440.   z-index: 2;
  4441.   padding: 1.0rem 3.0625rem 1.0rem 1.0rem;
  4442.   border: none;
  4443.   background-color: white; }
  4444.  
  4445. a.item-content {
  4446.   display: block;
  4447.   color: inherit;
  4448.   text-decoration: none; }
  4449.  
  4450. .item-text-wrap .item, .item-text-wrap .item-content, .item-text-wrap, .item-text-wrap h1, .item-text-wrap h2, .item-text-wrap h3, .item-text-wrap h4, .item-text-wrap h5, .item-text-wrap h6, .item-text-wrap p, .item-complex.item-text-wrap .item-content, .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p {
  4451.   overflow: visible;
  4452.   white-space: normal; }
  4453.  
  4454. .item-complex.item-text-wrap, .item-complex.item-text-wrap h1, .item-complex.item-text-wrap h2, .item-complex.item-text-wrap h3, .item-complex.item-text-wrap h4, .item-complex.item-text-wrap h5, .item-complex.item-text-wrap h6, .item-complex.item-text-wrap p {
  4455.   overflow: visible;
  4456.   white-space: normal; }
  4457.  
  4458. .item-complex.item-light > .item-content {
  4459.   border-color: #ddd;
  4460.   background-color: #fff;
  4461.   color: #444; }
  4462.   .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active {
  4463.     border-color: #ccc;
  4464.     background-color: #fafafa; }
  4465. .item-complex.item-stable > .item-content {
  4466.   border-color: #b2b2b2;
  4467.   background-color: #f8f8f8;
  4468.   color: #444; }
  4469.   .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active {
  4470.     border-color: #a2a2a2;
  4471.     background-color: #e5e5e5; }
  4472. .item-complex.item-positive > .item-content {
  4473.   border-color: #0c63ee;
  4474.   background-color: #387ef5;
  4475.   color: #fff; }
  4476.   .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active {
  4477.     border-color: #0c63ee;
  4478.     background-color: #0c63ee; }
  4479. .item-complex.item-calm > .item-content {
  4480.   border-color: #0a9ec7;
  4481.   background-color: #11c1f3;
  4482.   color: #fff; }
  4483.   .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active {
  4484.     border-color: #0a9ec7;
  4485.     background-color: #0a9ec7; }
  4486. .item-complex.item-assertive > .item-content {
  4487.   border-color: #e42012;
  4488.   background-color: #ef473a;
  4489.   color: #fff; }
  4490.   .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active {
  4491.     border-color: #e42012;
  4492.     background-color: #e42012; }
  4493. .item-complex.item-balanced > .item-content {
  4494.   border-color: #28a54c;
  4495.   background-color: #33cd5f;
  4496.   color: #fff; }
  4497.   .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active {
  4498.     border-color: #28a54c;
  4499.     background-color: #28a54c; }
  4500. .item-complex.item-energized > .item-content {
  4501.   border-color: #e6b400;
  4502.   background-color: #ffc900;
  4503.   color: #fff; }
  4504.   .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active {
  4505.     border-color: #e6b400;
  4506.     background-color: #e6b400; }
  4507. .item-complex.item-royal > .item-content {
  4508.   border-color: #6b46e5;
  4509.   background-color: #886aea;
  4510.   color: #fff; }
  4511.   .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active {
  4512.     border-color: #6b46e5;
  4513.     background-color: #6b46e5; }
  4514. .item-complex.item-dark > .item-content {
  4515.   border-color: #111;
  4516.   background-color: #444;
  4517.   color: #fff; }
  4518.   .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active {
  4519.     border-color: #000;
  4520.     background-color: #262626; }
  4521.  
  4522. /**
  4523.  * Item Icons
  4524.  * --------------------------------------------------
  4525.  */
  4526. .item-icon-left .icon, .item-icon-right .icon {
  4527.   display: -webkit-box;
  4528.   display: -webkit-flex;
  4529.   display: -moz-box;
  4530.   display: -moz-flex;
  4531.   display: -ms-flexbox;
  4532.   display: flex;
  4533.   -webkit-box-align: center;
  4534.   -ms-flex-align: center;
  4535.   -webkit-align-items: center;
  4536.   -moz-align-items: center;
  4537.   align-items: center;
  4538.   position: absolute;
  4539.   top: 0;
  4540.   height: 100%;
  4541.   font-size: 2.0rem; }
  4542.   .item-icon-left .icon:before, .item-icon-right .icon:before {
  4543.     display: block;
  4544.     width: 2.0rem;
  4545.     text-align: center; }
  4546.  
  4547. .item .fill-icon {
  4548.   min-width: 1.875rem;
  4549.   min-height: 1.875rem;
  4550.   font-size: 1.75rem; }
  4551.  
  4552. .item-icon-left {
  4553.   padding-left: 3.375rem; }
  4554.   .item-icon-left .icon {
  4555.     left: 0.6875rem; }
  4556.  
  4557. .item-complex.item-icon-left {
  4558.   padding-left: 0; }
  4559.   .item-complex.item-icon-left .item-content {
  4560.     padding-left: 3.375rem; }
  4561.  
  4562. .item-icon-right {
  4563.   padding-right: 3.375rem; }
  4564.   .item-icon-right .icon {
  4565.     right: 0.6875rem; }
  4566.  
  4567. .item-complex.item-icon-right {
  4568.   padding-right: 0; }
  4569.   .item-complex.item-icon-right .item-content {
  4570.     padding-right: 3.375rem; }
  4571.  
  4572. .item-icon-left.item-icon-right .icon:first-child {
  4573.   right: auto; }
  4574.  
  4575. .item-icon-left.item-icon-right .icon:last-child, .item-icon-left .item-delete .icon {
  4576.   left: auto; }
  4577.  
  4578. .item-icon-left .icon-accessory, .item-icon-right .icon-accessory {
  4579.   color: #ccc;
  4580.   font-size: 1.0rem; }
  4581.  
  4582. .item-icon-left .icon-accessory {
  4583.   left: 0.1875rem; }
  4584.  
  4585. .item-icon-right .icon-accessory {
  4586.   right: 0.1875rem; }
  4587.  
  4588. /**
  4589.  * Item Button
  4590.  * --------------------------------------------------
  4591.  * An item button is a child button inside an .item (not the entire .item)
  4592.  */
  4593. .item-button-left {
  4594.   padding-left: 4.5rem; }
  4595.  
  4596. .item-button-left > .button, .item-button-left .item-content > .button {
  4597.   display: -webkit-box;
  4598.   display: -webkit-flex;
  4599.   display: -moz-box;
  4600.   display: -moz-flex;
  4601.   display: -ms-flexbox;
  4602.   display: flex;
  4603.   -webkit-box-align: center;
  4604.   -ms-flex-align: center;
  4605.   -webkit-align-items: center;
  4606.   -moz-align-items: center;
  4607.   align-items: center;
  4608.   position: absolute;
  4609.   top: 0.5rem;
  4610.   left: 0.6875rem;
  4611.   min-width: 2.125rem;
  4612.   min-height: 2.125rem;
  4613.   font-size: 1.125rem;
  4614.   line-height: 2.0rem; }
  4615.   .item-button-left > .button .icon:before, .item-button-left .item-content > .button .icon:before {
  4616.     position: relative;
  4617.     left: auto;
  4618.     width: auto;
  4619.     line-height: 1.9375rem; }
  4620.   .item-button-left > .button > .button, .item-button-left .item-content > .button > .button {
  4621.     margin: 0.0rem 0.125rem;
  4622.     min-height: 2.125rem;
  4623.     font-size: 1.125rem;
  4624.     line-height: 2.0rem; }
  4625.  
  4626. .item-button-right, a.item.item-button-right, button.item.item-button-right {
  4627.   padding-right: 5.0rem; }
  4628.  
  4629. .item-button-right > .button, .item-button-right .item-content > .button, .item-button-right > .buttons, .item-button-right .item-content > .buttons {
  4630.   display: -webkit-box;
  4631.   display: -webkit-flex;
  4632.   display: -moz-box;
  4633.   display: -moz-flex;
  4634.   display: -ms-flexbox;
  4635.   display: flex;
  4636.   -webkit-box-align: center;
  4637.   -ms-flex-align: center;
  4638.   -webkit-align-items: center;
  4639.   -moz-align-items: center;
  4640.   align-items: center;
  4641.   position: absolute;
  4642.   top: 0.5rem;
  4643.   right: 1.0rem;
  4644.   min-width: 2.125rem;
  4645.   min-height: 2.125rem;
  4646.   font-size: 1.125rem;
  4647.   line-height: 2.0rem; }
  4648.   .item-button-right > .button .icon:before, .item-button-right .item-content > .button .icon:before, .item-button-right > .buttons .icon:before, .item-button-right .item-content > .buttons .icon:before {
  4649.     position: relative;
  4650.     left: auto;
  4651.     width: auto;
  4652.     line-height: 1.9375rem; }
  4653.   .item-button-right > .button > .button, .item-button-right .item-content > .button > .button, .item-button-right > .buttons > .button, .item-button-right .item-content > .buttons > .button {
  4654.     margin: 0.0rem 0.125rem;
  4655.     min-width: 2.125rem;
  4656.     min-height: 2.125rem;
  4657.     font-size: 1.125rem;
  4658.     line-height: 2.0rem; }
  4659.  
  4660. .item-avatar, .item-avatar .item-content, .item-avatar-left, .item-avatar-left .item-content {
  4661.   padding-left: 4.5rem;
  4662.   min-height: 4.5rem; }
  4663.   .item-avatar > img:first-child, .item-avatar .item-image, .item-avatar .item-content > img:first-child, .item-avatar .item-content .item-image, .item-avatar-left > img:first-child, .item-avatar-left .item-image, .item-avatar-left .item-content > img:first-child, .item-avatar-left .item-content .item-image {
  4664.     position: absolute;
  4665.     top: 1.0rem;
  4666.     left: 1.0rem;
  4667.     max-width: 2.5rem;
  4668.     max-height: 2.5rem;
  4669.     width: 100%;
  4670.     border-radius: 50%; }
  4671.  
  4672. .item-avatar-right, .item-avatar-right .item-content {
  4673.   padding-right: 4.5rem;
  4674.   min-height: 4.5rem; }
  4675.   .item-avatar-right > img:first-child, .item-avatar-right .item-image, .item-avatar-right .item-content > img:first-child, .item-avatar-right .item-content .item-image {
  4676.     position: absolute;
  4677.     top: 1.0rem;
  4678.     right: 1.0rem;
  4679.     max-width: 2.5rem;
  4680.     max-height: 2.5rem;
  4681.     width: 100%;
  4682.     border-radius: 50%; }
  4683.  
  4684. .item-thumbnail-left, .item-thumbnail-left .item-content {
  4685.   padding-top: 0.5rem;
  4686.   padding-left: 6.625rem;
  4687.   min-height: 6.25rem; }
  4688.   .item-thumbnail-left > img:first-child, .item-thumbnail-left .item-image, .item-thumbnail-left .item-content > img:first-child, .item-thumbnail-left .item-content .item-image {
  4689.     position: absolute;
  4690.     top: 0.625rem;
  4691.     left: 0.625rem;
  4692.     max-width: 5.0rem;
  4693.     max-height: 5.0rem;
  4694.     width: 100%; }
  4695.  
  4696. .item-avatar.item-complex, .item-avatar-left.item-complex, .item-thumbnail-left.item-complex {
  4697.   padding-top: 0;
  4698.   padding-left: 0; }
  4699.  
  4700. .item-thumbnail-right, .item-thumbnail-right .item-content {
  4701.   padding-top: 0.5rem;
  4702.   padding-right: 6.625rem;
  4703.   min-height: 6.25rem; }
  4704.   .item-thumbnail-right > img:first-child, .item-thumbnail-right .item-image, .item-thumbnail-right .item-content > img:first-child, .item-thumbnail-right .item-content .item-image {
  4705.     position: absolute;
  4706.     top: 0.625rem;
  4707.     right: 0.625rem;
  4708.     max-width: 5.0rem;
  4709.     max-height: 5.0rem;
  4710.     width: 100%; }
  4711.  
  4712. .item-avatar-right.item-complex, .item-thumbnail-right.item-complex {
  4713.   padding-top: 0;
  4714.   padding-right: 0; }
  4715.  
  4716. .item-image {
  4717.   padding: 0;
  4718.   text-align: center; }
  4719.   .item-image img:first-child, .item-image .list-img {
  4720.     width: 100%;
  4721.     vertical-align: middle; }
  4722.  
  4723. .item-body {
  4724.   overflow: auto;
  4725.   padding: 1.0rem;
  4726.   text-overflow: inherit;
  4727.   white-space: normal; }
  4728.   .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p {
  4729.     margin-top: 1.0rem;
  4730.     margin-bottom: 1.0rem; }
  4731.  
  4732. .item-divider {
  4733.   padding-top: 0.5rem;
  4734.   padding-bottom: 0.5rem;
  4735.   min-height: 1.875rem;
  4736.   background-color: #f5f5f5;
  4737.   color: #222;
  4738.   font-weight: 500; }
  4739.  
  4740. .platform-ios .item-divider-platform, .item-divider-ios {
  4741.   padding-top: 1.625rem;
  4742.   text-transform: uppercase;
  4743.   font-weight: 300;
  4744.   font-size: 0.8125rem;
  4745.   background-color: #efeff4;
  4746.   color: #555; }
  4747.  
  4748. .platform-android .item-divider-platform, .item-divider-android {
  4749.   font-weight: 300;
  4750.   font-size: 0.8125rem; }
  4751.  
  4752. .item-note {
  4753.   float: right;
  4754.   color: #aaa;
  4755.   font-size: 0.875rem; }
  4756.  
  4757. .item-left-editable .item-content, .item-right-editable .item-content {
  4758.   -webkit-transition-duration: 250ms;
  4759.   transition-duration: 250ms;
  4760.   -webkit-transition-timing-function: ease-in-out;
  4761.   transition-timing-function: ease-in-out;
  4762.   -webkit-transition-property: -webkit-transform;
  4763.   -moz-transition-property: -moz-transform;
  4764.   transition-property: transform; }
  4765.  
  4766. .list-left-editing .item-left-editable .item-content, .item-left-editing.item-left-editable .item-content {
  4767.   -webkit-transform: translate3d(3.125rem, 0, 0);
  4768.   transform: translate3d(3.125rem, 0, 0); }
  4769.  
  4770. .list-right-editing .item-right-editable .item-content, .item-right-editing.item-right-editable .item-content {
  4771.   -webkit-transform: translate3d(-3.125rem, 0, 0);
  4772.   transform: translate3d(-3.125rem, 0, 0); }
  4773.  
  4774. .item-remove-animate.ng-leave {
  4775.   -webkit-transition-duration: 300ms;
  4776.   transition-duration: 300ms; }
  4777. .item-remove-animate.ng-leave .item-content, .item-remove-animate.ng-leave:last-of-type {
  4778.   -webkit-transition-duration: 300ms;
  4779.   transition-duration: 300ms;
  4780.   -webkit-transition-timing-function: ease-in;
  4781.   transition-timing-function: ease-in;
  4782.   -webkit-transition-property: all;
  4783.   transition-property: all; }
  4784. .item-remove-animate.ng-leave.ng-leave-active .item-content {
  4785.   opacity: 0;
  4786.   -webkit-transform: translate3d(-100%, 0, 0) !important;
  4787.   transform: translate3d(-100%, 0, 0) !important; }
  4788. .item-remove-animate.ng-leave.ng-leave-active:last-of-type {
  4789.   opacity: 0; }
  4790. .item-remove-animate.ng-leave.ng-leave-active ~ ion-item:not(.ng-leave) {
  4791.   -webkit-transform: translate3d(0, -webkit-calc(-100% + 0.0625rem), 0);
  4792.   transform: translate3d(0, calc(-100% + 0.0625rem), 0);
  4793.   -webkit-transition-duration: 300ms;
  4794.   transition-duration: 300ms;
  4795.   -webkit-transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
  4796.   transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
  4797.   -webkit-transition-property: all;
  4798.   transition-property: all; }
  4799.  
  4800. .item-left-edit {
  4801.   -webkit-transition: all ease-in-out 125ms;
  4802.   transition: all ease-in-out 125ms;
  4803.   position: absolute;
  4804.   top: 0;
  4805.   left: 0;
  4806.   z-index: 0;
  4807.   width: 3.125rem;
  4808.   height: 100%;
  4809.   line-height: 100%;
  4810.   display: none;
  4811.   opacity: 0;
  4812.   -webkit-transform: translate3d(-1.3125rem, 0, 0);
  4813.   transform: translate3d(-1.3125rem, 0, 0); }
  4814.   .item-left-edit .button {
  4815.     height: 100%; }
  4816.     .item-left-edit .button.icon {
  4817.       display: -webkit-box;
  4818.       display: -webkit-flex;
  4819.       display: -moz-box;
  4820.       display: -moz-flex;
  4821.       display: -ms-flexbox;
  4822.       display: flex;
  4823.       -webkit-box-align: center;
  4824.       -ms-flex-align: center;
  4825.       -webkit-align-items: center;
  4826.       -moz-align-items: center;
  4827.       align-items: center;
  4828.       position: absolute;
  4829.       top: 0;
  4830.       height: 100%; }
  4831.   .item-left-edit.visible {
  4832.     display: block; }
  4833.     .item-left-edit.visible.active {
  4834.       opacity: 1;
  4835.       -webkit-transform: translate3d(0.5rem, 0, 0);
  4836.       transform: translate3d(0.5rem, 0, 0); }
  4837.  
  4838. .list-left-editing .item-left-edit {
  4839.   -webkit-transition-delay: 125ms;
  4840.   transition-delay: 125ms; }
  4841.  
  4842. .item-delete .button.icon {
  4843.   color: #ef473a;
  4844.   font-size: 1.5rem; }
  4845.   .item-delete .button.icon:hover {
  4846.     opacity: 0.7; }
  4847.  
  4848. .item-right-edit {
  4849.   -webkit-transition: all ease-in-out 125ms;
  4850.   transition: all ease-in-out 125ms;
  4851.   position: absolute;
  4852.   top: 0;
  4853.   right: 0;
  4854.   z-index: 0;
  4855.   width: 4.6875rem;
  4856.   height: 100%;
  4857.   background: inherit;
  4858.   padding-left: 1.25rem;
  4859.   display: none;
  4860.   opacity: 0;
  4861.   -webkit-transform: translate3d(1.5625rem, 0, 0);
  4862.   transform: translate3d(1.5625rem, 0, 0); }
  4863.   .item-right-edit .button {
  4864.     min-width: 3.125rem;
  4865.     height: 100%; }
  4866.     .item-right-edit .button.icon {
  4867.       display: -webkit-box;
  4868.       display: -webkit-flex;
  4869.       display: -moz-box;
  4870.       display: -moz-flex;
  4871.       display: -ms-flexbox;
  4872.       display: flex;
  4873.       -webkit-box-align: center;
  4874.       -ms-flex-align: center;
  4875.       -webkit-align-items: center;
  4876.       -moz-align-items: center;
  4877.       align-items: center;
  4878.       position: absolute;
  4879.       top: 0;
  4880.       height: 100%;
  4881.       font-size: 2.0rem; }
  4882.   .item-right-edit.visible {
  4883.     display: block;
  4884.     z-index: 3; }
  4885.     .item-right-edit.visible.active {
  4886.       opacity: 1;
  4887.       -webkit-transform: translate3d(0, 0, 0);
  4888.       transform: translate3d(0, 0, 0); }
  4889.  
  4890. .list-right-editing .item-right-edit {
  4891.   -webkit-transition-delay: 125ms;
  4892.   transition-delay: 125ms; }
  4893.  
  4894. .item-reorder .button.icon {
  4895.   color: #444;
  4896.   font-size: 2.0rem; }
  4897.  
  4898. .item-reordering {
  4899.   position: absolute;
  4900.   left: 0;
  4901.   top: 0;
  4902.   z-index: 9;
  4903.   width: 100%;
  4904.   box-shadow: 0.0rem 0.0rem 0.625rem 0.0rem #aaa; }
  4905.   .item-reordering .item-reorder {
  4906.     z-index: 1; }
  4907.  
  4908. .item-placeholder {
  4909.   opacity: 0.7; }
  4910.  
  4911. /**
  4912.  * The hidden right-side buttons that can be exposed under a list item
  4913.  * with dragging.
  4914.  */
  4915. .item-options {
  4916.   position: absolute;
  4917.   top: 0;
  4918.   right: 0;
  4919.   z-index: 1;
  4920.   height: 100%; }
  4921.   .item-options .button {
  4922.     height: 100%;
  4923.     border: none;
  4924.     border-radius: 0;
  4925.     display: -webkit-inline-box;
  4926.     display: -webkit-inline-flex;
  4927.     display: -moz-inline-flex;
  4928.     display: -ms-inline-flexbox;
  4929.     display: inline-flex;
  4930.     -webkit-box-align: center;
  4931.     -ms-flex-align: center;
  4932.     -webkit-align-items: center;
  4933.     -moz-align-items: center;
  4934.     align-items: center; }
  4935.     .item-options .button:before {
  4936.       margin: 0 auto; }
  4937.  
  4938. /**
  4939.  * Lists
  4940.  * --------------------------------------------------
  4941.  */
  4942. .list {
  4943.   position: relative;
  4944.   padding-top: 0.0625rem;
  4945.   padding-bottom: 0.0625rem;
  4946.   padding-left: 0;
  4947.   margin-bottom: 1.25rem; }
  4948.  
  4949. .list:last-child {
  4950.   margin-bottom: 0.0rem; }
  4951.   .list:last-child.card {
  4952.     margin-bottom: 2.5rem; }
  4953.  
  4954. /**
  4955.  * List Header
  4956.  * --------------------------------------------------
  4957.  */
  4958. .list-header {
  4959.   margin-top: 1.25rem;
  4960.   padding: 0.3125rem 0.9375rem;
  4961.   background-color: transparent;
  4962.   color: #222;
  4963.   font-weight: bold; }
  4964.  
  4965. .card.list .list-item {
  4966.   padding-right: 0.0625rem;
  4967.   padding-left: 0.0625rem; }
  4968.  
  4969. /**
  4970.  * Cards and Inset Lists
  4971.  * --------------------------------------------------
  4972.  * A card and list-inset are close to the same thing, except a card as a box shadow.
  4973.  */
  4974. .card, .list-inset {
  4975.   overflow: hidden;
  4976.   margin: 1.25rem 0.625rem;
  4977.   border-radius: 0.125rem;
  4978.   background-color: #fff; }
  4979.  
  4980. .card {
  4981.   padding-top: 0.0625rem;
  4982.   padding-bottom: 0.0625rem;
  4983.   box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.3); }
  4984.   .card .item {
  4985.     border-left: 0;
  4986.     border-right: 0; }
  4987.   .card .item:first-child {
  4988.     border-top: 0; }
  4989.   .card .item:last-child {
  4990.     border-bottom: 0; }
  4991.  
  4992. .padding .card, .padding .list-inset {
  4993.   margin-left: 0;
  4994.   margin-right: 0; }
  4995.  
  4996. .card .item:first-child, .list-inset .item:first-child, .padding > .list .item:first-child {
  4997.   border-top-left-radius: 0.125rem;
  4998.   border-top-right-radius: 0.125rem; }
  4999.   .card .item:first-child .item-content, .list-inset .item:first-child .item-content, .padding > .list .item:first-child .item-content {
  5000.     border-top-left-radius: 0.125rem;
  5001.     border-top-right-radius: 0.125rem; }
  5002. .card .item:last-child, .list-inset .item:last-child, .padding > .list .item:last-child {
  5003.   border-bottom-right-radius: 0.125rem;
  5004.   border-bottom-left-radius: 0.125rem; }
  5005.   .card .item:last-child .item-content, .list-inset .item:last-child .item-content, .padding > .list .item:last-child .item-content {
  5006.     border-bottom-right-radius: 0.125rem;
  5007.     border-bottom-left-radius: 0.125rem; }
  5008.  
  5009. .card .item:last-child, .list-inset .item:last-child {
  5010.   margin-bottom: -0.0625rem; }
  5011.  
  5012. .card .item, .list-inset .item, .padding > .list .item, .padding-horizontal > .list .item {
  5013.   margin-right: 0;
  5014.   margin-left: 0; }
  5015.   .card .item.item-input input, .list-inset .item.item-input input, .padding > .list .item.item-input input, .padding-horizontal > .list .item.item-input input {
  5016.     padding-right: 2.75rem; }
  5017.  
  5018. .padding-left > .list .item {
  5019.   margin-left: 0; }
  5020.  
  5021. .padding-right > .list .item {
  5022.   margin-right: 0; }
  5023.  
  5024. /**
  5025.  * Badges
  5026.  * --------------------------------------------------
  5027.  */
  5028. .badge {
  5029.   background-color: transparent;
  5030.   color: #AAAAAA;
  5031.   z-index: 1;
  5032.   display: inline-block;
  5033.   padding: 0.1875rem 0.5rem;
  5034.   min-width: 0.625rem;
  5035.   border-radius: 0.625rem;
  5036.   vertical-align: baseline;
  5037.   text-align: center;
  5038.   white-space: nowrap;
  5039.   font-weight: bold;
  5040.   font-size: 0.875rem;
  5041.   line-height: 1.0rem; }
  5042.   .badge:empty {
  5043.     display: none; }
  5044.  
  5045. .tabs .tab-item .badge.badge-light, .badge.badge-light {
  5046.   background-color: #fff;
  5047.   color: #444; }
  5048. .tabs .tab-item .badge.badge-stable, .badge.badge-stable {
  5049.   background-color: #f8f8f8;
  5050.   color: #444; }
  5051. .tabs .tab-item .badge.badge-positive, .badge.badge-positive {
  5052.   background-color: #387ef5;
  5053.   color: #fff; }
  5054. .tabs .tab-item .badge.badge-calm, .badge.badge-calm {
  5055.   background-color: #11c1f3;
  5056.   color: #fff; }
  5057. .tabs .tab-item .badge.badge-assertive, .badge.badge-assertive {
  5058.   background-color: #ef473a;
  5059.   color: #fff; }
  5060. .tabs .tab-item .badge.badge-balanced, .badge.badge-balanced {
  5061.   background-color: #33cd5f;
  5062.   color: #fff; }
  5063. .tabs .tab-item .badge.badge-energized, .badge.badge-energized {
  5064.   background-color: #ffc900;
  5065.   color: #fff; }
  5066. .tabs .tab-item .badge.badge-royal, .badge.badge-royal {
  5067.   background-color: #886aea;
  5068.   color: #fff; }
  5069. .tabs .tab-item .badge.badge-dark, .badge.badge-dark {
  5070.   background-color: #444;
  5071.   color: #fff; }
  5072.  
  5073. .button .badge {
  5074.   position: relative;
  5075.   top: -0.0625rem; }
  5076.  
  5077. /**
  5078.  * Slide Box
  5079.  * --------------------------------------------------
  5080.  */
  5081. .slider {
  5082.   position: relative;
  5083.   visibility: hidden;
  5084.   overflow: hidden; }
  5085.  
  5086. .slider-slides {
  5087.   position: relative;
  5088.   height: 100%; }
  5089.  
  5090. .slider-slide {
  5091.   position: relative;
  5092.   display: block;
  5093.   float: left;
  5094.   width: 100%;
  5095.   height: 100%;
  5096.   vertical-align: top; }
  5097.  
  5098. .slider-slide-image > img {
  5099.   width: 100%; }
  5100.  
  5101. .slider-pager {
  5102.   position: absolute;
  5103.   bottom: 1.25rem;
  5104.   z-index: 1;
  5105.   width: 100%;
  5106.   height: 0.9375rem;
  5107.   text-align: center; }
  5108.   .slider-pager .slider-pager-page {
  5109.     display: inline-block;
  5110.     margin: 0.0rem 0.1875rem;
  5111.     width: 0.9375rem;
  5112.     color: #000;
  5113.     text-decoration: none;
  5114.     opacity: 0.3; }
  5115.     .slider-pager .slider-pager-page.active {
  5116.       -webkit-transition: opacity 0.4s ease-in;
  5117.       transition: opacity 0.4s ease-in;
  5118.       opacity: 1; }
  5119.  
  5120. /**
  5121.  * Forms
  5122.  * --------------------------------------------------
  5123.  */
  5124. form {
  5125.   margin: 0 0 1.42857; }
  5126.  
  5127. legend {
  5128.   display: block;
  5129.   margin-bottom: 1.42857;
  5130.   padding: 0;
  5131.   width: 100%;
  5132.   border: 0.0625rem solid #ddd;
  5133.   color: #444;
  5134.   font-size: 1.3125rem;
  5135.   line-height: 2.85714; }
  5136.   legend small {
  5137.     color: #f8f8f8;
  5138.     font-size: 1.07143; }
  5139.  
  5140. label, input, button, select, textarea {
  5141.   font-weight: normal;
  5142.   font-size: 0.875rem;
  5143.   line-height: 1.42857; }
  5144.  
  5145. input, button, select, textarea {
  5146.   font-family: "Helvetica Neue", "Roboto", sans-serif; }
  5147.  
  5148. .item-input {
  5149.   display: -webkit-box;
  5150.   display: -webkit-flex;
  5151.   display: -moz-box;
  5152.   display: -moz-flex;
  5153.   display: -ms-flexbox;
  5154.   display: flex;
  5155.   -webkit-box-align: center;
  5156.   -ms-flex-align: center;
  5157.   -webkit-align-items: center;
  5158.   -moz-align-items: center;
  5159.   align-items: center;
  5160.   position: relative;
  5161.   overflow: hidden;
  5162.   padding: 0.375rem 0 0.3125rem 1.0rem; }
  5163.   .item-input input {
  5164.     -webkit-border-radius: 0;
  5165.     border-radius: 0;
  5166.     -webkit-box-flex: 1;
  5167.     -webkit-flex: 1 0 13.75rem;
  5168.     -moz-box-flex: 1;
  5169.     -moz-flex: 1 0 13.75rem;
  5170.     -ms-flex: 1 0 13.75rem;
  5171.     flex: 1 0 13.75rem;
  5172.     -webkit-appearance: none;
  5173.     -moz-appearance: none;
  5174.     appearance: none;
  5175.     margin: 0;
  5176.     padding-right: 1.5rem;
  5177.     background-color: transparent; }
  5178.   .item-input .button .icon {
  5179.     -webkit-box-flex: 0;
  5180.     -webkit-flex: 0 0 1.5rem;
  5181.     -moz-box-flex: 0;
  5182.     -moz-flex: 0 0 1.5rem;
  5183.     -ms-flex: 0 0 1.5rem;
  5184.     flex: 0 0 1.5rem;
  5185.     position: static;
  5186.     display: inline-block;
  5187.     height: auto;
  5188.     text-align: center;
  5189.     font-size: 1.0rem; }
  5190.   .item-input .button-bar {
  5191.     -webkit-border-radius: 0;
  5192.     border-radius: 0;
  5193.     -webkit-box-flex: 1;
  5194.     -webkit-flex: 1 0 13.75rem;
  5195.     -moz-box-flex: 1;
  5196.     -moz-flex: 1 0 13.75rem;
  5197.     -ms-flex: 1 0 13.75rem;
  5198.     flex: 1 0 13.75rem;
  5199.     -webkit-appearance: none;
  5200.     -moz-appearance: none;
  5201.     appearance: none; }
  5202.   .item-input .icon {
  5203.     min-width: 0.875rem; }
  5204.  
  5205. .item-input-inset {
  5206.   display: -webkit-box;
  5207.   display: -webkit-flex;
  5208.   display: -moz-box;
  5209.   display: -moz-flex;
  5210.   display: -ms-flexbox;
  5211.   display: flex;
  5212.   -webkit-box-align: center;
  5213.   -ms-flex-align: center;
  5214.   -webkit-align-items: center;
  5215.   -moz-align-items: center;
  5216.   align-items: center;
  5217.   position: relative;
  5218.   overflow: hidden;
  5219.   padding: 0.666666875rem; }
  5220.  
  5221. .item-input-wrapper {
  5222.   display: -webkit-box;
  5223.   display: -webkit-flex;
  5224.   display: -moz-box;
  5225.   display: -moz-flex;
  5226.   display: -ms-flexbox;
  5227.   display: flex;
  5228.   -webkit-box-flex: 1;
  5229.   -webkit-flex: 1 0;
  5230.   -moz-box-flex: 1;
  5231.   -moz-flex: 1 0;
  5232.   -ms-flex: 1 0;
  5233.   flex: 1 0;
  5234.   -webkit-box-align: center;
  5235.   -ms-flex-align: center;
  5236.   -webkit-align-items: center;
  5237.   -moz-align-items: center;
  5238.   align-items: center;
  5239.   -webkit-border-radius: 0.25rem;
  5240.   border-radius: 0.25rem;
  5241.   padding-right: 0.5rem;
  5242.   padding-left: 0.5rem;
  5243.   background: #eee; }
  5244.  
  5245. .item-input-inset .item-input-wrapper input {
  5246.   padding-left: 0.25rem;
  5247.   height: 1.8125rem;
  5248.   background: transparent;
  5249.   line-height: 1.125rem; }
  5250.  
  5251. .item-input-wrapper ~ .button {
  5252.   margin-left: 0.666666875rem; }
  5253.  
  5254. .input-label {
  5255.   -webkit-box-flex: 1;
  5256.   -webkit-flex: 1 0 6.25rem;
  5257.   -moz-box-flex: 1;
  5258.   -moz-flex: 1 0 6.25rem;
  5259.   -ms-flex: 1 0 6.25rem;
  5260.   flex: 1 0 6.25rem;
  5261.   display: table;
  5262.   padding: 0.4375rem 0.625rem 0.4375rem 0.0rem;
  5263.   max-width: 12.5rem;
  5264.   width: 35%;
  5265.   color: #444;
  5266.   font-size: 1.0rem; }
  5267.  
  5268. .placeholder-icon {
  5269.   color: #aaa; }
  5270.   .placeholder-icon:first-child {
  5271.     padding-right: 0.375rem; }
  5272.   .placeholder-icon:last-child {
  5273.     padding-left: 0.375rem; }
  5274.  
  5275. .item-stacked-label {
  5276.   display: block;
  5277.   background-color: transparent;
  5278.   box-shadow: none; }
  5279.   .item-stacked-label .input-label, .item-stacked-label .icon {
  5280.     display: inline-block;
  5281.     padding: 0.25rem 0 0 0.0rem;
  5282.     vertical-align: middle; }
  5283.  
  5284. .item-stacked-label input, .item-stacked-label textarea {
  5285.   -webkit-border-radius: 0.125rem;
  5286.   border-radius: 0.125rem;
  5287.   padding: 0.25rem 0.5rem 0.1875rem 0;
  5288.   border: none;
  5289.   background-color: #fff; }
  5290.  
  5291. .item-stacked-label input {
  5292.   overflow: hidden;
  5293.   height: 2.875rem; }
  5294.  
  5295. .item-floating-label {
  5296.   display: block;
  5297.   background-color: transparent;
  5298.   box-shadow: none; }
  5299.   .item-floating-label .input-label {
  5300.     position: relative;
  5301.     padding: 0.3125rem 0 0 0;
  5302.     opacity: 0;
  5303.     top: 0.625rem;
  5304.     -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
  5305.     transition: opacity 0.15s ease-in, top 0.2s linear; }
  5306.     .item-floating-label .input-label.has-input {
  5307.       opacity: 1;
  5308.       top: 0;
  5309.       -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
  5310.       transition: opacity 0.15s ease-in, top 0.2s linear; }
  5311.  
  5312. textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  5313.   display: block;
  5314.   padding-top: 0.125rem;
  5315.   padding-left: 0;
  5316.   height: 2.125rem;
  5317.   color: #111;
  5318.   vertical-align: middle;
  5319.   font-size: 0.875rem;
  5320.   line-height: 1.0rem; }
  5321.  
  5322. .platform-ios input[type="datetime-local"], .platform-ios input[type="date"], .platform-ios input[type="month"], .platform-ios input[type="time"], .platform-ios input[type="week"], .platform-android input[type="datetime-local"], .platform-android input[type="date"], .platform-android input[type="month"], .platform-android input[type="time"], .platform-android input[type="week"] {
  5323.   padding-top: 0.5rem; }
  5324.  
  5325. input, textarea {
  5326.   width: 100%; }
  5327.  
  5328. textarea {
  5329.   padding-left: 0; }
  5330.   textarea::-moz-placeholder {
  5331.     color: #aaaaaa; }
  5332.   textarea:-ms-input-placeholder {
  5333.     color: #aaaaaa; }
  5334.   textarea::-webkit-input-placeholder {
  5335.     color: #aaaaaa;
  5336.     text-indent: -0.1875rem; }
  5337.  
  5338. textarea {
  5339.   height: auto; }
  5340.  
  5341. textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  5342.   border: 0; }
  5343.  
  5344. input[type="radio"], input[type="checkbox"] {
  5345.   margin: 0;
  5346.   line-height: normal; }
  5347.  
  5348. input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
  5349.   width: auto; }
  5350.  
  5351. input[type="file"] {
  5352.   line-height: 2.125rem; }
  5353.  
  5354. .previous-input-focus, .cloned-text-input + input, .cloned-text-input + textarea {
  5355.   position: absolute !important;
  5356.   left: -624.9375rem;
  5357.   width: 12.5rem; }
  5358.  
  5359. input::-moz-placeholder, textarea::-moz-placeholder {
  5360.   color: #aaaaaa; }
  5361. input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  5362.   color: #aaaaaa; }
  5363. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  5364.   color: #aaaaaa;
  5365.   text-indent: 0; }
  5366.  
  5367. input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly] {
  5368.   background-color: #f8f8f8;
  5369.   cursor: not-allowed; }
  5370.  
  5371. input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
  5372.   background-color: transparent; }
  5373.  
  5374. /**
  5375.  * Checkbox
  5376.  * --------------------------------------------------
  5377.  */
  5378. .checkbox {
  5379.   position: relative;
  5380.   display: inline-block;
  5381.   padding: 0.4375rem 0.4375rem;
  5382.   cursor: pointer; }
  5383.   .checkbox input:before, .checkbox .checkbox-icon:before {
  5384.     border-color: #ddd; }
  5385.   .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
  5386.     background: #387ef5;
  5387.     border-color: #387ef5; }
  5388.  
  5389. .checkbox-light input:before, .checkbox-light .checkbox-icon:before {
  5390.   border-color: #ddd; }
  5391. .checkbox-light input:checked:before, .checkbox-light input:checked + .checkbox-icon:before {
  5392.   background: #ddd;
  5393.   border-color: #ddd; }
  5394.  
  5395. .checkbox-stable input:before, .checkbox-stable .checkbox-icon:before {
  5396.   border-color: #b2b2b2; }
  5397. .checkbox-stable input:checked:before, .checkbox-stable input:checked + .checkbox-icon:before {
  5398.   background: #b2b2b2;
  5399.   border-color: #b2b2b2; }
  5400.  
  5401. .checkbox-positive input:before, .checkbox-positive .checkbox-icon:before {
  5402.   border-color: #387ef5; }
  5403. .checkbox-positive input:checked:before, .checkbox-positive input:checked + .checkbox-icon:before {
  5404.   background: #387ef5;
  5405.   border-color: #387ef5; }
  5406.  
  5407. .checkbox-calm input:before, .checkbox-calm .checkbox-icon:before {
  5408.   border-color: #11c1f3; }
  5409. .checkbox-calm input:checked:before, .checkbox-calm input:checked + .checkbox-icon:before {
  5410.   background: #11c1f3;
  5411.   border-color: #11c1f3; }
  5412.  
  5413. .checkbox-assertive input:before, .checkbox-assertive .checkbox-icon:before {
  5414.   border-color: #ef473a; }
  5415. .checkbox-assertive input:checked:before, .checkbox-assertive input:checked + .checkbox-icon:before {
  5416.   background: #ef473a;
  5417.   border-color: #ef473a; }
  5418.  
  5419. .checkbox-balanced input:before, .checkbox-balanced .checkbox-icon:before {
  5420.   border-color: #33cd5f; }
  5421. .checkbox-balanced input:checked:before, .checkbox-balanced input:checked + .checkbox-icon:before {
  5422.   background: #33cd5f;
  5423.   border-color: #33cd5f; }
  5424.  
  5425. .checkbox-energized input:before, .checkbox-energized .checkbox-icon:before {
  5426.   border-color: #ffc900; }
  5427. .checkbox-energized input:checked:before, .checkbox-energized input:checked + .checkbox-icon:before {
  5428.   background: #ffc900;
  5429.   border-color: #ffc900; }
  5430.  
  5431. .checkbox-royal input:before, .checkbox-royal .checkbox-icon:before {
  5432.   border-color: #886aea; }
  5433. .checkbox-royal input:checked:before, .checkbox-royal input:checked + .checkbox-icon:before {
  5434.   background: #886aea;
  5435.   border-color: #886aea; }
  5436.  
  5437. .checkbox-dark input:before, .checkbox-dark .checkbox-icon:before {
  5438.   border-color: #444; }
  5439. .checkbox-dark input:checked:before, .checkbox-dark input:checked + .checkbox-icon:before {
  5440.   background: #444;
  5441.   border-color: #444; }
  5442.  
  5443. .checkbox input:disabled:before, .checkbox input:disabled + .checkbox-icon:before {
  5444.   border-color: #ddd; }
  5445.  
  5446. .checkbox input:disabled:checked:before, .checkbox input:disabled:checked + .checkbox-icon:before {
  5447.   background: #ddd; }
  5448.  
  5449. .checkbox.checkbox-input-hidden input {
  5450.   display: none !important; }
  5451.  
  5452. .checkbox input, .checkbox-icon {
  5453.   position: relative;
  5454.   width: 1.75rem;
  5455.   height: 1.75rem;
  5456.   display: block;
  5457.   border: 0;
  5458.   background: transparent;
  5459.   cursor: pointer;
  5460.   -webkit-appearance: none; }
  5461.   .checkbox input:before, .checkbox-icon:before {
  5462.     display: table;
  5463.     width: 100%;
  5464.     height: 100%;
  5465.     border-width: 0.0625rem;
  5466.     border-style: solid;
  5467.     border-radius: 1.75rem;
  5468.     background: #fff;
  5469.     content: ' ';
  5470.     -webkit-transition: background-color 20ms ease-in-out;
  5471.     transition: background-color 20ms ease-in-out; }
  5472.  
  5473. .checkbox input:checked:before, input:checked + .checkbox-icon:before {
  5474.   border-width: 0.125rem; }
  5475.  
  5476. .checkbox input:after, .checkbox-icon:after {
  5477.   -webkit-transition: opacity 0.05s ease-in-out;
  5478.   transition: opacity 0.05s ease-in-out;
  5479.   -webkit-transform: rotate(-45deg);
  5480.   transform: rotate(-45deg);
  5481.   position: absolute;
  5482.   top: 33%;
  5483.   left: 25%;
  5484.   display: table;
  5485.   width: 0.875rem;
  5486.   height: 0.375rem;
  5487.   border: 0.0625rem solid #fff;
  5488.   border-top: 0;
  5489.   border-right: 0;
  5490.   content: ' ';
  5491.   opacity: 0; }
  5492.  
  5493. .platform-android .checkbox-platform input:before, .platform-android .checkbox-platform .checkbox-icon:before, .checkbox-square input:before, .checkbox-square .checkbox-icon:before {
  5494.   border-radius: 0.125rem;
  5495.   width: 72%;
  5496.   height: 72%;
  5497.   margin-top: 14%;
  5498.   margin-left: 14%;
  5499.   border-width: 0.125rem; }
  5500.  
  5501. .platform-android .checkbox-platform input:after, .platform-android .checkbox-platform .checkbox-icon:after, .checkbox-square input:after, .checkbox-square .checkbox-icon:after {
  5502.   border-width: 0.125rem;
  5503.   top: 19%;
  5504.   left: 25%;
  5505.   width: 0.8125rem;
  5506.   height: 0.4375rem; }
  5507.  
  5508. .grade-c .checkbox input:after, .grade-c .checkbox-icon:after {
  5509.   -webkit-transform: rotate(0);
  5510.   transform: rotate(0);
  5511.   top: 0.1875rem;
  5512.   left: 0.25rem;
  5513.   border: none;
  5514.   color: #fff;
  5515.   content: '\2713';
  5516.   font-weight: bold;
  5517.   font-size: 1.25rem; }
  5518.  
  5519. .checkbox input:checked:after, input:checked + .checkbox-icon:after {
  5520.   opacity: 1; }
  5521.  
  5522. .item-checkbox {
  5523.   padding-left: 3.75rem; }
  5524.   .item-checkbox.active {
  5525.     box-shadow: none; }
  5526.  
  5527. .item-checkbox .checkbox {
  5528.   position: absolute;
  5529.   top: 50%;
  5530.   right: 0.5rem;
  5531.   left: 0.5rem;
  5532.   z-index: 3;
  5533.   margin-top: -1.3125rem; }
  5534.  
  5535. .item-checkbox.item-checkbox-right {
  5536.   padding-right: 3.75rem;
  5537.   padding-left: 1.0rem; }
  5538.  
  5539. .item-checkbox-right .checkbox input, .item-checkbox-right .checkbox-icon {
  5540.   float: right; }
  5541.  
  5542. /**
  5543.  * Toggle
  5544.  * --------------------------------------------------
  5545.  */
  5546. .item-toggle {
  5547.   pointer-events: none; }
  5548.  
  5549. .toggle {
  5550.   position: relative;
  5551.   display: inline-block;
  5552.   pointer-events: auto;
  5553.   margin: -0.3125rem;
  5554.   padding: 0.3125rem; }
  5555.   .toggle input:checked + .track {
  5556.     border-color: #387ef5;
  5557.     background-color: #387ef5; }
  5558.   .toggle.dragging .handle {
  5559.     background-color: #f2f2f2 !important; }
  5560.   .toggle.toggle-light input:checked + .track {
  5561.     border-color: #ddd;
  5562.     background-color: #ddd; }
  5563.   .toggle.toggle-stable input:checked + .track {
  5564.     border-color: #b2b2b2;
  5565.     background-color: #b2b2b2; }
  5566.   .toggle.toggle-positive input:checked + .track {
  5567.     border-color: #387ef5;
  5568.     background-color: #387ef5; }
  5569.   .toggle.toggle-calm input:checked + .track {
  5570.     border-color: #11c1f3;
  5571.     background-color: #11c1f3; }
  5572.   .toggle.toggle-assertive input:checked + .track {
  5573.     border-color: #ef473a;
  5574.     background-color: #ef473a; }
  5575.   .toggle.toggle-balanced input:checked + .track {
  5576.     border-color: #33cd5f;
  5577.     background-color: #33cd5f; }
  5578.   .toggle.toggle-energized input:checked + .track {
  5579.     border-color: #ffc900;
  5580.     background-color: #ffc900; }
  5581.   .toggle.toggle-royal input:checked + .track {
  5582.     border-color: #886aea;
  5583.     background-color: #886aea; }
  5584.   .toggle.toggle-dark input:checked + .track {
  5585.     border-color: #444;
  5586.     background-color: #444; }
  5587.  
  5588. .toggle input {
  5589.   display: none; }
  5590.  
  5591. /* the track appearance when the toggle is "off" */
  5592. .toggle .track {
  5593.   -webkit-transition-timing-function: ease-in-out;
  5594.   transition-timing-function: ease-in-out;
  5595.   -webkit-transition-duration: 0.2s;
  5596.   transition-duration: 0.2s;
  5597.   -webkit-transition-property: background-color, border;
  5598.   transition-property: background-color, border;
  5599.   display: inline-block;
  5600.   box-sizing: border-box;
  5601.   width: 3.375rem;
  5602.   height: 2.0rem;
  5603.   border: solid 0.125rem #E5E5E5;
  5604.   border-radius: 1.25rem;
  5605.   background-color: #E5E5E5;
  5606.   content: ' ';
  5607.   cursor: pointer;
  5608.   pointer-events: none; }
  5609.  
  5610. /* Fix to avoid background color bleeding */
  5611. /* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
  5612. .platform-android4_2 .toggle .track {
  5613.   -webkit-background-clip: padding-box; }
  5614.  
  5615. /* the handle (circle) thats inside the toggle's track area */
  5616. /* also the handle's appearance when it is "off" */
  5617. .toggle .handle {
  5618.   -webkit-transition: 0.2s ease-in-out;
  5619.   transition: 0.2s ease-in-out;
  5620.   position: absolute;
  5621.   display: block;
  5622.   width: 1.75rem;
  5623.   height: 1.75rem;
  5624.   border-radius: 1.75rem;
  5625.   background-color: #fff;
  5626.   top: 0.4375rem;
  5627.   left: 0.4375rem; }
  5628.   .toggle .handle:before {
  5629.     position: absolute;
  5630.     top: -0.25rem;
  5631.     left: -1.375rem;
  5632.     padding: 1.1875rem 2.1875rem;
  5633.     content: " "; }
  5634.  
  5635. .toggle input:checked + .track .handle {
  5636.   -webkit-transform: translate3d(1.375rem, 0, 0);
  5637.   transform: translate3d(1.375rem, 0, 0);
  5638.   background-color: #fff; }
  5639.  
  5640. .item-toggle.active {
  5641.   box-shadow: none; }
  5642.  
  5643. .item-toggle, .item-toggle.item-complex .item-content {
  5644.   padding-right: 6.375rem; }
  5645.  
  5646. .item-toggle.item-complex {
  5647.   padding-right: 0; }
  5648.  
  5649. .item-toggle .toggle {
  5650.   position: absolute;
  5651.   top: 0.5rem;
  5652.   right: 1.0rem;
  5653.   z-index: 3; }
  5654.  
  5655. .toggle input:disabled + .track {
  5656.   opacity: 0.6; }
  5657.  
  5658. /**
  5659.  * Radio Button Inputs
  5660.  * --------------------------------------------------
  5661.  */
  5662. .item-radio {
  5663.   padding: 0; }
  5664.   .item-radio:hover {
  5665.     cursor: pointer; }
  5666.  
  5667. .item-radio .item-content {
  5668.   /* give some room to the right for the checkmark icon */
  5669.   padding-right: 4.0rem; }
  5670.  
  5671. .item-radio .radio-icon {
  5672.   /* checkmark icon will be hidden by default */
  5673.   position: absolute;
  5674.   top: 0;
  5675.   right: 0;
  5676.   z-index: 3;
  5677.   visibility: hidden;
  5678.   padding: 0.875rem;
  5679.   height: 100%;
  5680.   font-size: 1.5rem; }
  5681.  
  5682. .item-radio input {
  5683.   /* hide any radio button inputs elements (the ugly circles) */
  5684.   position: absolute;
  5685.   left: -624.9375rem; }
  5686.   .item-radio input:checked ~ .item-content {
  5687.     /* style the item content when its checked */
  5688.     background: #f7f7f7; }
  5689.   .item-radio input:checked ~ .radio-icon {
  5690.     /* show the checkmark icon when its checked */
  5691.     visibility: visible; }
  5692.  
  5693. .platform-android.grade-b .item-radio, .platform-android.grade-c .item-radio {
  5694.   -webkit-animation: androidCheckedbugfix infinite 1s; }
  5695.  
  5696. @-webkit-keyframes androidCheckedbugfix {
  5697.   from {
  5698.     padding: 0; }
  5699.  
  5700.   to {
  5701.     padding: 0; } }
  5702.  
  5703. /**
  5704.  * Range
  5705.  * --------------------------------------------------
  5706.  */
  5707. input[type="range"] {
  5708.   display: inline-block;
  5709.   overflow: hidden;
  5710.   margin-top: 0.3125rem;
  5711.   margin-bottom: 0.3125rem;
  5712.   padding-right: 0.125rem;
  5713.   padding-left: 0.0625rem;
  5714.   width: auto;
  5715.   height: 2.6875rem;
  5716.   outline: none;
  5717.   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
  5718.   background: linear-gradient(to right, #ccc 0%, #ccc 100%);
  5719.   background-position: center;
  5720.   background-size: 99% 0.125rem;
  5721.   background-repeat: no-repeat;
  5722.   -webkit-appearance: none; }
  5723.   input[type="range"]::-webkit-slider-thumb {
  5724.     position: relative;
  5725.     width: 1.75rem;
  5726.     height: 1.75rem;
  5727.     border-radius: 50%;
  5728.     background-color: #fff;
  5729.     box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.3), 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.2);
  5730.     cursor: pointer;
  5731.     -webkit-appearance: none;
  5732.     border: 0; }
  5733.   input[type="range"]::-webkit-slider-thumb:before {
  5734.     /* what creates the colorful line on the left side of the slider */
  5735.     position: absolute;
  5736.     top: 0.8125rem;
  5737.     left: -125.0625rem;
  5738.     width: 125.0rem;
  5739.     height: 0.125rem;
  5740.     background: #444;
  5741.     content: ' '; }
  5742.   input[type="range"]::-webkit-slider-thumb:after {
  5743.     /* create a larger (but hidden) hit area */
  5744.     position: absolute;
  5745.     top: -0.9375rem;
  5746.     left: -0.9375rem;
  5747.     padding: 1.875rem;
  5748.     content: ' '; }
  5749.  
  5750. .range {
  5751.   display: -webkit-box;
  5752.   display: -webkit-flex;
  5753.   display: -moz-box;
  5754.   display: -moz-flex;
  5755.   display: -ms-flexbox;
  5756.   display: flex;
  5757.   -webkit-box-align: center;
  5758.   -ms-flex-align: center;
  5759.   -webkit-align-items: center;
  5760.   -moz-align-items: center;
  5761.   align-items: center;
  5762.   padding: 0.125rem 0.6875rem; }
  5763.   .range.range-light input::-webkit-slider-thumb:before {
  5764.     background: #ddd; }
  5765.   .range.range-stable input::-webkit-slider-thumb:before {
  5766.     background: #b2b2b2; }
  5767.   .range.range-positive input::-webkit-slider-thumb:before {
  5768.     background: #387ef5; }
  5769.   .range.range-calm input::-webkit-slider-thumb:before {
  5770.     background: #11c1f3; }
  5771.   .range.range-balanced input::-webkit-slider-thumb:before {
  5772.     background: #33cd5f; }
  5773.   .range.range-assertive input::-webkit-slider-thumb:before {
  5774.     background: #ef473a; }
  5775.   .range.range-energized input::-webkit-slider-thumb:before {
  5776.     background: #ffc900; }
  5777.   .range.range-royal input::-webkit-slider-thumb:before {
  5778.     background: #886aea; }
  5779.   .range.range-dark input::-webkit-slider-thumb:before {
  5780.     background: #444; }
  5781.  
  5782. .range .icon {
  5783.   -webkit-box-flex: 0;
  5784.   -webkit-flex: 0;
  5785.   -moz-box-flex: 0;
  5786.   -moz-flex: 0;
  5787.   -ms-flex: 0;
  5788.   flex: 0;
  5789.   display: block;
  5790.   min-width: 1.5rem;
  5791.   text-align: center;
  5792.   font-size: 1.5rem; }
  5793.  
  5794. .range input {
  5795.   -webkit-box-flex: 1;
  5796.   -webkit-flex: 1;
  5797.   -moz-box-flex: 1;
  5798.   -moz-flex: 1;
  5799.   -ms-flex: 1;
  5800.   flex: 1;
  5801.   display: block;
  5802.   margin-right: 0.625rem;
  5803.   margin-left: 0.625rem; }
  5804.  
  5805. .range-label {
  5806.   -webkit-box-flex: 0;
  5807.   -webkit-flex: 0 0 auto;
  5808.   -moz-box-flex: 0;
  5809.   -moz-flex: 0 0 auto;
  5810.   -ms-flex: 0 0 auto;
  5811.   flex: 0 0 auto;
  5812.   display: block;
  5813.   white-space: nowrap; }
  5814.  
  5815. .range-label:first-child {
  5816.   padding-left: 0.3125rem; }
  5817.  
  5818. .range input + .range-label {
  5819.   padding-right: 0.3125rem;
  5820.   padding-left: 0; }
  5821.  
  5822. /**
  5823.  * Select
  5824.  * --------------------------------------------------
  5825.  */
  5826. .item-select {
  5827.   position: relative; }
  5828.   .item-select select {
  5829.     -webkit-appearance: none;
  5830.     -moz-appearance: none;
  5831.     appearance: none;
  5832.     position: absolute;
  5833.     top: 0;
  5834.     right: 0;
  5835.     padding: 0.875rem 3.0rem 1.0rem 1.0rem;
  5836.     max-width: 65%;
  5837.     border: none;
  5838.     background: #fff;
  5839.     color: #333;
  5840.     text-indent: 0.000625rem;
  5841.     text-overflow: '';
  5842.     white-space: nowrap;
  5843.     font-size: 0.875rem;
  5844.     cursor: pointer;
  5845.     direction: rtl; }
  5846.   .item-select select::-ms-expand {
  5847.     display: none; }
  5848.   .item-select option {
  5849.     direction: ltr; }
  5850.   .item-select:after {
  5851.     position: absolute;
  5852.     top: 50%;
  5853.     right: 1.0rem;
  5854.     margin-top: -0.1875rem;
  5855.     width: 0;
  5856.     height: 0;
  5857.     border-top: 0.3125rem solid;
  5858.     border-right: 0.3125rem solid rgba(0, 0, 0, 0);
  5859.     border-left: 0.3125rem solid rgba(0, 0, 0, 0);
  5860.     color: #999;
  5861.     content: "";
  5862.     pointer-events: none; }
  5863.   .item-select.item-light select {
  5864.     background: #fff;
  5865.     color: #444; }
  5866.   .item-select.item-stable select {
  5867.     background: #f8f8f8;
  5868.     color: #444; }
  5869.   .item-select.item-stable:after, .item-select.item-stable .input-label {
  5870.     color: #656565; }
  5871.   .item-select.item-positive select {
  5872.     background: #387ef5;
  5873.     color: #fff; }
  5874.   .item-select.item-positive:after, .item-select.item-positive .input-label {
  5875.     color: #fff; }
  5876.   .item-select.item-calm select {
  5877.     background: #11c1f3;
  5878.     color: #fff; }
  5879.   .item-select.item-calm:after, .item-select.item-calm .input-label {
  5880.     color: #fff; }
  5881.   .item-select.item-assertive select {
  5882.     background: #ef473a;
  5883.     color: #fff; }
  5884.   .item-select.item-assertive:after, .item-select.item-assertive .input-label {
  5885.     color: #fff; }
  5886.   .item-select.item-balanced select {
  5887.     background: #33cd5f;
  5888.     color: #fff; }
  5889.   .item-select.item-balanced:after, .item-select.item-balanced .input-label {
  5890.     color: #fff; }
  5891.   .item-select.item-energized select {
  5892.     background: #ffc900;
  5893.     color: #fff; }
  5894.   .item-select.item-energized:after, .item-select.item-energized .input-label {
  5895.     color: #fff; }
  5896.   .item-select.item-royal select {
  5897.     background: #886aea;
  5898.     color: #fff; }
  5899.   .item-select.item-royal:after, .item-select.item-royal .input-label {
  5900.     color: #fff; }
  5901.   .item-select.item-dark select {
  5902.     background: #444;
  5903.     color: #fff; }
  5904.   .item-select.item-dark:after, .item-select.item-dark .input-label {
  5905.     color: #fff; }
  5906.  
  5907. select[multiple], select[size] {
  5908.   height: auto; }
  5909.  
  5910. /**
  5911.  * Progress
  5912.  * --------------------------------------------------
  5913.  */
  5914. progress {
  5915.   display: block;
  5916.   margin: 0.9375rem auto;
  5917.   width: 100%; }
  5918.  
  5919. /**
  5920.  * Buttons
  5921.  * --------------------------------------------------
  5922.  */
  5923. .button {
  5924.   border-color: #b2b2b2;
  5925.   background-color: #f8f8f8;
  5926.   color: #444;
  5927.   position: relative;
  5928.   display: inline-block;
  5929.   margin: 0;
  5930.   padding: 0 0.75rem;
  5931.   min-width: 3.25rem;
  5932.   min-height: 2.9375rem;
  5933.   border-width: 0.0625rem;
  5934.   border-style: solid;
  5935.   border-radius: 0.125rem;
  5936.   vertical-align: top;
  5937.   text-align: center;
  5938.   text-overflow: ellipsis;
  5939.   font-size: 1.0rem;
  5940.   line-height: 2.625rem;
  5941.   cursor: pointer; }
  5942.   .button:hover {
  5943.     color: #444;
  5944.     text-decoration: none; }
  5945.   .button.active, .button.activated {
  5946.     border-color: #a2a2a2;
  5947.     background-color: #e5e5e5;
  5948.     box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  5949.   .button:after {
  5950.     position: absolute;
  5951.     top: -0.375rem;
  5952.     right: -0.375rem;
  5953.     bottom: -0.375rem;
  5954.     left: -0.375rem;
  5955.     content: ' '; }
  5956.   .button .icon {
  5957.     vertical-align: top;
  5958.     pointer-events: none; }
  5959.   .button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
  5960.     display: inline-block;
  5961.     padding: 0 0 0.0625rem 0;
  5962.     vertical-align: inherit;
  5963.     font-size: 1.5rem;
  5964.     line-height: 2.5625rem;
  5965.     pointer-events: none; }
  5966.   .button.icon-left:before {
  5967.     float: left;
  5968.     padding-right: 0.2em;
  5969.     padding-left: 0; }
  5970.   .button.icon-right:before {
  5971.     float: right;
  5972.     padding-right: 0;
  5973.     padding-left: 0.2em; }
  5974.   .button.button-block, .button.button-full {
  5975.     margin-top: 0.625rem;
  5976.     margin-bottom: 0.625rem; }
  5977.   .button.button-light {
  5978.     border-color: #ddd;
  5979.     background-color: #fff;
  5980.     color: #444; }
  5981.     .button.button-light:hover {
  5982.       color: #444;
  5983.       text-decoration: none; }
  5984.     .button.button-light.active, .button.button-light.activated {
  5985.       border-color: #ccc;
  5986.       background-color: #fafafa;
  5987.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  5988.     .button.button-light.button-clear {
  5989.       border-color: transparent;
  5990.       background: none;
  5991.       box-shadow: none;
  5992.       color: #ddd; }
  5993.     .button.button-light.button-icon {
  5994.       border-color: transparent;
  5995.       background: none; }
  5996.     .button.button-light.button-outline {
  5997.       border-color: #ddd;
  5998.       background: transparent;
  5999.       color: #ddd; }
  6000.       .button.button-light.button-outline.active, .button.button-light.button-outline.activated {
  6001.         background-color: #ddd;
  6002.         box-shadow: none;
  6003.         color: #fff; }
  6004.   .button.button-stable {
  6005.     border-color: #b2b2b2;
  6006.     background-color: #f8f8f8;
  6007.     color: #444; }
  6008.     .button.button-stable:hover {
  6009.       color: #444;
  6010.       text-decoration: none; }
  6011.     .button.button-stable.active, .button.button-stable.activated {
  6012.       border-color: #a2a2a2;
  6013.       background-color: #e5e5e5;
  6014.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6015.     .button.button-stable.button-clear {
  6016.       border-color: transparent;
  6017.       background: none;
  6018.       box-shadow: none;
  6019.       color: #b2b2b2; }
  6020.     .button.button-stable.button-icon {
  6021.       border-color: transparent;
  6022.       background: none; }
  6023.     .button.button-stable.button-outline {
  6024.       border-color: #b2b2b2;
  6025.       background: transparent;
  6026.       color: #b2b2b2; }
  6027.       .button.button-stable.button-outline.active, .button.button-stable.button-outline.activated {
  6028.         background-color: #b2b2b2;
  6029.         box-shadow: none;
  6030.         color: #fff; }
  6031.   .button.button-positive {
  6032.     border-color: #0c63ee;
  6033.     background-color: #387ef5;
  6034.     color: #fff; }
  6035.     .button.button-positive:hover {
  6036.       color: #fff;
  6037.       text-decoration: none; }
  6038.     .button.button-positive.active, .button.button-positive.activated {
  6039.       border-color: #0c63ee;
  6040.       background-color: #0c63ee;
  6041.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6042.     .button.button-positive.button-clear {
  6043.       border-color: transparent;
  6044.       background: none;
  6045.       box-shadow: none;
  6046.       color: #387ef5; }
  6047.     .button.button-positive.button-icon {
  6048.       border-color: transparent;
  6049.       background: none; }
  6050.     .button.button-positive.button-outline {
  6051.       border-color: #387ef5;
  6052.       background: transparent;
  6053.       color: #387ef5; }
  6054.       .button.button-positive.button-outline.active, .button.button-positive.button-outline.activated {
  6055.         background-color: #387ef5;
  6056.         box-shadow: none;
  6057.         color: #fff; }
  6058.   .button.button-calm {
  6059.     border-color: #0a9ec7;
  6060.     background-color: #11c1f3;
  6061.     color: #fff; }
  6062.     .button.button-calm:hover {
  6063.       color: #fff;
  6064.       text-decoration: none; }
  6065.     .button.button-calm.active, .button.button-calm.activated {
  6066.       border-color: #0a9ec7;
  6067.       background-color: #0a9ec7;
  6068.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6069.     .button.button-calm.button-clear {
  6070.       border-color: transparent;
  6071.       background: none;
  6072.       box-shadow: none;
  6073.       color: #11c1f3; }
  6074.     .button.button-calm.button-icon {
  6075.       border-color: transparent;
  6076.       background: none; }
  6077.     .button.button-calm.button-outline {
  6078.       border-color: #11c1f3;
  6079.       background: transparent;
  6080.       color: #11c1f3; }
  6081.       .button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
  6082.         background-color: #11c1f3;
  6083.         box-shadow: none;
  6084.         color: #fff; }
  6085.   .button.button-assertive {
  6086.     border-color: #e42012;
  6087.     background-color: #ef473a;
  6088.     color: #fff; }
  6089.     .button.button-assertive:hover {
  6090.       color: #fff;
  6091.       text-decoration: none; }
  6092.     .button.button-assertive.active, .button.button-assertive.activated {
  6093.       border-color: #e42012;
  6094.       background-color: #e42012;
  6095.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6096.     .button.button-assertive.button-clear {
  6097.       border-color: transparent;
  6098.       background: none;
  6099.       box-shadow: none;
  6100.       color: #ef473a; }
  6101.     .button.button-assertive.button-icon {
  6102.       border-color: transparent;
  6103.       background: none; }
  6104.     .button.button-assertive.button-outline {
  6105.       border-color: #ef473a;
  6106.       background: transparent;
  6107.       color: #ef473a; }
  6108.       .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
  6109.         background-color: #ef473a;
  6110.         box-shadow: none;
  6111.         color: #fff; }
  6112.   .button.button-balanced {
  6113.     border-color: #28a54c;
  6114.     background-color: #33cd5f;
  6115.     color: #fff; }
  6116.     .button.button-balanced:hover {
  6117.       color: #fff;
  6118.       text-decoration: none; }
  6119.     .button.button-balanced.active, .button.button-balanced.activated {
  6120.       border-color: #28a54c;
  6121.       background-color: #28a54c;
  6122.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6123.     .button.button-balanced.button-clear {
  6124.       border-color: transparent;
  6125.       background: none;
  6126.       box-shadow: none;
  6127.       color: #33cd5f; }
  6128.     .button.button-balanced.button-icon {
  6129.       border-color: transparent;
  6130.       background: none; }
  6131.     .button.button-balanced.button-outline {
  6132.       border-color: #33cd5f;
  6133.       background: transparent;
  6134.       color: #33cd5f; }
  6135.       .button.button-balanced.button-outline.active, .button.button-balanced.button-outline.activated {
  6136.         background-color: #33cd5f;
  6137.         box-shadow: none;
  6138.         color: #fff; }
  6139.   .button.button-energized {
  6140.     border-color: #e6b400;
  6141.     background-color: #ffc900;
  6142.     color: #fff; }
  6143.     .button.button-energized:hover {
  6144.       color: #fff;
  6145.       text-decoration: none; }
  6146.     .button.button-energized.active, .button.button-energized.activated {
  6147.       border-color: #e6b400;
  6148.       background-color: #e6b400;
  6149.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6150.     .button.button-energized.button-clear {
  6151.       border-color: transparent;
  6152.       background: none;
  6153.       box-shadow: none;
  6154.       color: #ffc900; }
  6155.     .button.button-energized.button-icon {
  6156.       border-color: transparent;
  6157.       background: none; }
  6158.     .button.button-energized.button-outline {
  6159.       border-color: #ffc900;
  6160.       background: transparent;
  6161.       color: #ffc900; }
  6162.       .button.button-energized.button-outline.active, .button.button-energized.button-outline.activated {
  6163.         background-color: #ffc900;
  6164.         box-shadow: none;
  6165.         color: #fff; }
  6166.   .button.button-royal {
  6167.     border-color: #6b46e5;
  6168.     background-color: #886aea;
  6169.     color: #fff; }
  6170.     .button.button-royal:hover {
  6171.       color: #fff;
  6172.       text-decoration: none; }
  6173.     .button.button-royal.active, .button.button-royal.activated {
  6174.       border-color: #6b46e5;
  6175.       background-color: #6b46e5;
  6176.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6177.     .button.button-royal.button-clear {
  6178.       border-color: transparent;
  6179.       background: none;
  6180.       box-shadow: none;
  6181.       color: #886aea; }
  6182.     .button.button-royal.button-icon {
  6183.       border-color: transparent;
  6184.       background: none; }
  6185.     .button.button-royal.button-outline {
  6186.       border-color: #886aea;
  6187.       background: transparent;
  6188.       color: #886aea; }
  6189.       .button.button-royal.button-outline.active, .button.button-royal.button-outline.activated {
  6190.         background-color: #886aea;
  6191.         box-shadow: none;
  6192.         color: #fff; }
  6193.   .button.button-dark {
  6194.     border-color: #111;
  6195.     background-color: #444;
  6196.     color: #fff; }
  6197.     .button.button-dark:hover {
  6198.       color: #fff;
  6199.       text-decoration: none; }
  6200.     .button.button-dark.active, .button.button-dark.activated {
  6201.       border-color: #000;
  6202.       background-color: #262626;
  6203.       box-shadow: inset 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1); }
  6204.     .button.button-dark.button-clear {
  6205.       border-color: transparent;
  6206.       background: none;
  6207.       box-shadow: none;
  6208.       color: #444; }
  6209.     .button.button-dark.button-icon {
  6210.       border-color: transparent;
  6211.       background: none; }
  6212.     .button.button-dark.button-outline {
  6213.       border-color: #444;
  6214.       background: transparent;
  6215.       color: #444; }
  6216.       .button.button-dark.button-outline.active, .button.button-dark.button-outline.activated {
  6217.         background-color: #444;
  6218.         box-shadow: none;
  6219.         color: #fff; }
  6220.  
  6221. .button-small {
  6222.   padding: 0.125rem 0.25rem 0.0625rem;
  6223.   min-width: 1.75rem;
  6224.   min-height: 1.875rem;
  6225.   font-size: 0.75rem;
  6226.   line-height: 1.625rem; }
  6227.   .button-small .icon:before, .button-small.icon:before, .button-small.icon-left:before, .button-small.icon-right:before {
  6228.     font-size: 1.0rem;
  6229.     line-height: 1.1875rem;
  6230.     margin-top: 0.1875rem; }
  6231.  
  6232. .button-large {
  6233.   padding: 0 1.0rem;
  6234.   min-width: 4.25rem;
  6235.   min-height: 3.6875rem;
  6236.   font-size: 1.25rem;
  6237.   line-height: 3.3125rem; }
  6238.   .button-large .icon:before, .button-large.icon:before, .button-large.icon-left:before, .button-large.icon-right:before {
  6239.     padding-bottom: 0.125rem;
  6240.     font-size: 2.0rem;
  6241.     line-height: 3.1875rem; }
  6242.  
  6243. .button-icon {
  6244.   -webkit-transition: opacity 0.1s;
  6245.   transition: opacity 0.1s;
  6246.   padding: 0 0.375rem;
  6247.   min-width: initial;
  6248.   border-color: transparent;
  6249.   background: none; }
  6250.   .button-icon.button.active, .button-icon.button.activated {
  6251.     border-color: transparent;
  6252.     background: none;
  6253.     box-shadow: none;
  6254.     opacity: 0.3; }
  6255.   .button-icon .icon:before, .button-icon.icon:before {
  6256.     font-size: 2.0rem; }
  6257.  
  6258. .button-clear {
  6259.   -webkit-transition: opacity 0.1s;
  6260.   transition: opacity 0.1s;
  6261.   padding: 0 0.375rem;
  6262.   max-height: 2.625rem;
  6263.   border-color: transparent;
  6264.   background: none;
  6265.   box-shadow: none; }
  6266.   .button-clear.button-clear {
  6267.     border-color: transparent;
  6268.     background: none;
  6269.     box-shadow: none;
  6270.     color: #b2b2b2; }
  6271.   .button-clear.button-icon {
  6272.     border-color: transparent;
  6273.     background: none; }
  6274.   .button-clear.active, .button-clear.activated {
  6275.     opacity: 0.3; }
  6276.  
  6277. .button-outline {
  6278.   -webkit-transition: opacity 0.1s;
  6279.   transition: opacity 0.1s;
  6280.   background: none;
  6281.   box-shadow: none; }
  6282.   .button-outline.button-outline {
  6283.     border-color: #b2b2b2;
  6284.     background: transparent;
  6285.     color: #b2b2b2; }
  6286.     .button-outline.button-outline.active, .button-outline.button-outline.activated {
  6287.       background-color: #b2b2b2;
  6288.       box-shadow: none;
  6289.       color: #fff; }
  6290.  
  6291. .padding > .button.button-block:first-child {
  6292.   margin-top: 0; }
  6293.  
  6294. .button-block {
  6295.   display: block;
  6296.   clear: both; }
  6297.   .button-block:after {
  6298.     clear: both; }
  6299.  
  6300. .button-full, .button-full > .button {
  6301.   display: block;
  6302.   margin-right: 0;
  6303.   margin-left: 0;
  6304.   border-right-width: 0;
  6305.   border-left-width: 0;
  6306.   border-radius: 0; }
  6307.  
  6308. button.button-block, button.button-full, .button-full > button.button, input.button.button-block {
  6309.   width: 100%; }
  6310.  
  6311. a.button {
  6312.   text-decoration: none; }
  6313.   a.button .icon:before, a.button.icon:before, a.button.icon-left:before, a.button.icon-right:before {
  6314.     margin-top: 0.125rem; }
  6315.  
  6316. .button.disabled, .button[disabled] {
  6317.   opacity: 0.4;
  6318.   cursor: default !important;
  6319.   pointer-events: none; }
  6320.  
  6321. /**
  6322.  * Button Bar
  6323.  * --------------------------------------------------
  6324.  */
  6325. .button-bar {
  6326.   display: -webkit-box;
  6327.   display: -webkit-flex;
  6328.   display: -moz-box;
  6329.   display: -moz-flex;
  6330.   display: -ms-flexbox;
  6331.   display: flex;
  6332.   -webkit-box-flex: 1;
  6333.   -webkit-flex: 1;
  6334.   -moz-box-flex: 1;
  6335.   -moz-flex: 1;
  6336.   -ms-flex: 1;
  6337.   flex: 1;
  6338.   width: 100%; }
  6339.   .button-bar.button-bar-inline {
  6340.     display: block;
  6341.     width: auto;
  6342.     *zoom: 1; }
  6343.     .button-bar.button-bar-inline:before, .button-bar.button-bar-inline:after {
  6344.       display: table;
  6345.       content: "";
  6346.       line-height: 0; }
  6347.     .button-bar.button-bar-inline:after {
  6348.       clear: both; }
  6349.     .button-bar.button-bar-inline > .button {
  6350.       width: auto;
  6351.       display: inline-block;
  6352.       float: left; }
  6353.  
  6354. .button-bar > .button {
  6355.   -webkit-box-flex: 1;
  6356.   -webkit-flex: 1;
  6357.   -moz-box-flex: 1;
  6358.   -moz-flex: 1;
  6359.   -ms-flex: 1;
  6360.   flex: 1;
  6361.   display: block;
  6362.   overflow: hidden;
  6363.   padding: 0 1.0rem;
  6364.   width: 0;
  6365.   border-width: 0.0625rem 0.0rem 0.0625rem 0.0625rem;
  6366.   border-radius: 0;
  6367.   text-align: center;
  6368.   text-overflow: ellipsis;
  6369.   white-space: nowrap; }
  6370.   .button-bar > .button:before, .button-bar > .button .icon:before {
  6371.     line-height: 2.75rem; }
  6372.   .button-bar > .button:first-child {
  6373.     border-radius: 0.125rem 0.0rem 0.0rem 0.125rem; }
  6374.   .button-bar > .button:last-child {
  6375.     border-right-width: 0.0625rem;
  6376.     border-radius: 0.0rem 0.125rem 0.125rem 0.0rem; }
  6377.  
  6378. /**
  6379.  * Grid
  6380.  * --------------------------------------------------
  6381.  * Using flexbox for the grid, inspired by Philip Walton:
  6382.  * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
  6383.  * By default each .col within a .row will evenly take up
  6384.  * available width, and the height of each .col with take
  6385.  * up the height of the tallest .col in the same .row.
  6386.  */
  6387. .row {
  6388.   display: -webkit-box;
  6389.   display: -webkit-flex;
  6390.   display: -moz-box;
  6391.   display: -moz-flex;
  6392.   display: -ms-flexbox;
  6393.   display: flex;
  6394.   padding: 0.3125rem;
  6395.   width: 100%; }
  6396.  
  6397. .row-wrap {
  6398.   -webkit-flex-wrap: wrap;
  6399.   -moz-flex-wrap: wrap;
  6400.   -ms-flex-wrap: wrap;
  6401.   flex-wrap: wrap; }
  6402.  
  6403. .row + .row {
  6404.   margin-top: -0.3125rem;
  6405.   padding-top: 0; }
  6406.  
  6407. .col {
  6408.   -webkit-box-flex: 1;
  6409.   -webkit-flex: 1;
  6410.   -moz-box-flex: 1;
  6411.   -moz-flex: 1;
  6412.   -ms-flex: 1;
  6413.   flex: 1;
  6414.   display: block;
  6415.   padding: 0.3125rem;
  6416.   width: 100%; }
  6417.  
  6418. /* Vertically Align Columns */
  6419. /* .row-* vertically aligns every .col in the .row */
  6420. .row-top {
  6421.   -webkit-box-align: start;
  6422.   -ms-flex-align: start;
  6423.   -webkit-align-items: flex-start;
  6424.   -moz-align-items: flex-start;
  6425.   align-items: flex-start; }
  6426.  
  6427. .row-bottom {
  6428.   -webkit-box-align: end;
  6429.   -ms-flex-align: end;
  6430.   -webkit-align-items: flex-end;
  6431.   -moz-align-items: flex-end;
  6432.   align-items: flex-end; }
  6433.  
  6434. .row-center {
  6435.   -webkit-box-align: center;
  6436.   -ms-flex-align: center;
  6437.   -webkit-align-items: center;
  6438.   -moz-align-items: center;
  6439.   align-items: center; }
  6440.  
  6441. .row-stretch {
  6442.   -webkit-box-align: stretch;
  6443.   -ms-flex-align: stretch;
  6444.   -webkit-align-items: stretch;
  6445.   -moz-align-items: stretch;
  6446.   align-items: stretch; }
  6447.  
  6448. .row-baseline {
  6449.   -webkit-box-align: baseline;
  6450.   -ms-flex-align: baseline;
  6451.   -webkit-align-items: baseline;
  6452.   -moz-align-items: baseline;
  6453.   align-items: baseline; }
  6454.  
  6455. /* .col-* vertically aligns an individual .col */
  6456. .col-top {
  6457.   -webkit-align-self: flex-start;
  6458.   -moz-align-self: flex-start;
  6459.   -ms-flex-item-align: start;
  6460.   align-self: flex-start; }
  6461.  
  6462. .col-bottom {
  6463.   -webkit-align-self: flex-end;
  6464.   -moz-align-self: flex-end;
  6465.   -ms-flex-item-align: end;
  6466.   align-self: flex-end; }
  6467.  
  6468. .col-center {
  6469.   -webkit-align-self: center;
  6470.   -moz-align-self: center;
  6471.   -ms-flex-item-align: center;
  6472.   align-self: center; }
  6473.  
  6474. /* Column Offsets */
  6475. .col-offset-10 {
  6476.   margin-left: 10%; }
  6477.  
  6478. .col-offset-20 {
  6479.   margin-left: 20%; }
  6480.  
  6481. .col-offset-25 {
  6482.   margin-left: 25%; }
  6483.  
  6484. .col-offset-33, .col-offset-34 {
  6485.   margin-left: 33.3333%; }
  6486.  
  6487. .col-offset-50 {
  6488.   margin-left: 50%; }
  6489.  
  6490. .col-offset-66, .col-offset-67 {
  6491.   margin-left: 66.6666%; }
  6492.  
  6493. .col-offset-75 {
  6494.   margin-left: 75%; }
  6495.  
  6496. .col-offset-80 {
  6497.   margin-left: 80%; }
  6498.  
  6499. .col-offset-90 {
  6500.   margin-left: 90%; }
  6501.  
  6502. /* Explicit Column Percent Sizes */
  6503. /* By default each grid column will evenly distribute */
  6504. /* across the grid. However, you can specify individual */
  6505. /* columns to take up a certain size of the available area */
  6506. .col-10 {
  6507.   -webkit-box-flex: 0;
  6508.   -webkit-flex: 0 0 10%;
  6509.   -moz-box-flex: 0;
  6510.   -moz-flex: 0 0 10%;
  6511.   -ms-flex: 0 0 10%;
  6512.   flex: 0 0 10%;
  6513.   max-width: 10%; }
  6514.  
  6515. .col-20 {
  6516.   -webkit-box-flex: 0;
  6517.   -webkit-flex: 0 0 20%;
  6518.   -moz-box-flex: 0;
  6519.   -moz-flex: 0 0 20%;
  6520.   -ms-flex: 0 0 20%;
  6521.   flex: 0 0 20%;
  6522.   max-width: 20%; }
  6523.  
  6524. .col-25 {
  6525.   -webkit-box-flex: 0;
  6526.   -webkit-flex: 0 0 25%;
  6527.   -moz-box-flex: 0;
  6528.   -moz-flex: 0 0 25%;
  6529.   -ms-flex: 0 0 25%;
  6530.   flex: 0 0 25%;
  6531.   max-width: 25%; }
  6532.  
  6533. .col-33, .col-34 {
  6534.   -webkit-box-flex: 0;
  6535.   -webkit-flex: 0 0 33.3333%;
  6536.   -moz-box-flex: 0;
  6537.   -moz-flex: 0 0 33.3333%;
  6538.   -ms-flex: 0 0 33.3333%;
  6539.   flex: 0 0 33.3333%;
  6540.   max-width: 33.3333%; }
  6541.  
  6542. .col-50 {
  6543.   -webkit-box-flex: 0;
  6544.   -webkit-flex: 0 0 50%;
  6545.   -moz-box-flex: 0;
  6546.   -moz-flex: 0 0 50%;
  6547.   -ms-flex: 0 0 50%;
  6548.   flex: 0 0 50%;
  6549.   max-width: 50%; }
  6550.  
  6551. .col-66, .col-67 {
  6552.   -webkit-box-flex: 0;
  6553.   -webkit-flex: 0 0 66.6666%;
  6554.   -moz-box-flex: 0;
  6555.   -moz-flex: 0 0 66.6666%;
  6556.   -ms-flex: 0 0 66.6666%;
  6557.   flex: 0 0 66.6666%;
  6558.   max-width: 66.6666%; }
  6559.  
  6560. .col-75 {
  6561.   -webkit-box-flex: 0;
  6562.   -webkit-flex: 0 0 75%;
  6563.   -moz-box-flex: 0;
  6564.   -moz-flex: 0 0 75%;
  6565.   -ms-flex: 0 0 75%;
  6566.   flex: 0 0 75%;
  6567.   max-width: 75%; }
  6568.  
  6569. .col-80 {
  6570.   -webkit-box-flex: 0;
  6571.   -webkit-flex: 0 0 80%;
  6572.   -moz-box-flex: 0;
  6573.   -moz-flex: 0 0 80%;
  6574.   -ms-flex: 0 0 80%;
  6575.   flex: 0 0 80%;
  6576.   max-width: 80%; }
  6577.  
  6578. .col-90 {
  6579.   -webkit-box-flex: 0;
  6580.   -webkit-flex: 0 0 90%;
  6581.   -moz-box-flex: 0;
  6582.   -moz-flex: 0 0 90%;
  6583.   -ms-flex: 0 0 90%;
  6584.   flex: 0 0 90%;
  6585.   max-width: 90%; }
  6586.  
  6587. /* Responsive Grid Classes */
  6588. /* Adding a class of responsive-X to a row */
  6589. /* will trigger the flex-direction to */
  6590. /* change to column and add some margin */
  6591. /* to any columns in the row for clearity */
  6592. @media (max-width: 35.4375rem) {
  6593.   .responsive-sm {
  6594.     -webkit-box-direction: normal;
  6595.     -moz-box-direction: normal;
  6596.     -webkit-box-orient: vertical;
  6597.     -moz-box-orient: vertical;
  6598.     -webkit-flex-direction: column;
  6599.     -ms-flex-direction: column;
  6600.     flex-direction: column; }
  6601.     .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 {
  6602.       -webkit-box-flex: 1;
  6603.       -webkit-flex: 1;
  6604.       -moz-box-flex: 1;
  6605.       -moz-flex: 1;
  6606.       -ms-flex: 1;
  6607.       flex: 1;
  6608.       margin-bottom: 0.9375rem;
  6609.       margin-left: 0;
  6610.       max-width: 100%;
  6611.       width: 100%; } }
  6612.  
  6613. @media (max-width: 47.9375rem) {
  6614.   .responsive-md {
  6615.     -webkit-box-direction: normal;
  6616.     -moz-box-direction: normal;
  6617.     -webkit-box-orient: vertical;
  6618.     -moz-box-orient: vertical;
  6619.     -webkit-flex-direction: column;
  6620.     -ms-flex-direction: column;
  6621.     flex-direction: column; }
  6622.     .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 {
  6623.       -webkit-box-flex: 1;
  6624.       -webkit-flex: 1;
  6625.       -moz-box-flex: 1;
  6626.       -moz-flex: 1;
  6627.       -ms-flex: 1;
  6628.       flex: 1;
  6629.       margin-bottom: 0.9375rem;
  6630.       margin-left: 0;
  6631.       max-width: 100%;
  6632.       width: 100%; } }
  6633.  
  6634. @media (max-width: 63.9375rem) {
  6635.   .responsive-lg {
  6636.     -webkit-box-direction: normal;
  6637.     -moz-box-direction: normal;
  6638.     -webkit-box-orient: vertical;
  6639.     -moz-box-orient: vertical;
  6640.     -webkit-flex-direction: column;
  6641.     -ms-flex-direction: column;
  6642.     flex-direction: column; }
  6643.     .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 {
  6644.       -webkit-box-flex: 1;
  6645.       -webkit-flex: 1;
  6646.       -moz-box-flex: 1;
  6647.       -moz-flex: 1;
  6648.       -ms-flex: 1;
  6649.       flex: 1;
  6650.       margin-bottom: 0.9375rem;
  6651.       margin-left: 0;
  6652.       max-width: 100%;
  6653.       width: 100%; } }
  6654.  
  6655. /**
  6656.  * Utility Classes
  6657.  * --------------------------------------------------
  6658.  */
  6659. .hide {
  6660.   display: none; }
  6661.  
  6662. .opacity-hide {
  6663.   opacity: 0; }
  6664.  
  6665. .grade-b .opacity-hide, .grade-c .opacity-hide {
  6666.   opacity: 1;
  6667.   display: none; }
  6668.  
  6669. .show {
  6670.   display: block; }
  6671.  
  6672. .opacity-show {
  6673.   opacity: 1; }
  6674.  
  6675. .invisible {
  6676.   visibility: hidden; }
  6677.  
  6678. .keyboard-open .hide-on-keyboard-open {
  6679.   display: none; }
  6680.  
  6681. .keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs, .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
  6682.   bottom: 0; }
  6683.  
  6684. .inline {
  6685.   display: inline-block; }
  6686.  
  6687. .disable-pointer-events {
  6688.   pointer-events: none; }
  6689.  
  6690. .enable-pointer-events {
  6691.   pointer-events: auto; }
  6692.  
  6693. .disable-user-behavior {
  6694.   -webkit-user-select: none;
  6695.   -moz-user-select: none;
  6696.   -ms-user-select: none;
  6697.   user-select: none;
  6698.   -webkit-touch-callout: none;
  6699.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6700.   -webkit-tap-highlight-color: transparent;
  6701.   -webkit-user-drag: none;
  6702.   -ms-touch-action: none;
  6703.   -ms-content-zooming: none; }
  6704.  
  6705. .click-block {
  6706.   position: absolute;
  6707.   top: 0;
  6708.   left: 0;
  6709.   z-index: 99999;
  6710.   width: 100%;
  6711.   height: 100%;
  6712.   opacity: 0;
  6713.   -webkit-transform: translate3d(0, 0, 0);
  6714.   transform: translate3d(0, 0, 0); }
  6715.  
  6716. .click-block-hide {
  6717.   -webkit-transform: translate3d(-624.9375rem, 0, 0);
  6718.   transform: translate3d(-624.9375rem, 0, 0); }
  6719.  
  6720. .no-resize {
  6721.   resize: none; }
  6722.  
  6723. .block {
  6724.   display: block;
  6725.   clear: both; }
  6726.   .block:after {
  6727.     display: block;
  6728.     visibility: hidden;
  6729.     clear: both;
  6730.     height: 0;
  6731.     content: "."; }
  6732.  
  6733. .full-image {
  6734.   width: 100%; }
  6735.  
  6736. .clearfix {
  6737.   *zoom: 1; }
  6738.   .clearfix:before, .clearfix:after {
  6739.     display: table;
  6740.     content: "";
  6741.     line-height: 0; }
  6742.   .clearfix:after {
  6743.     clear: both; }
  6744.  
  6745. /**
  6746.  * Content Padding
  6747.  * --------------------------------------------------
  6748.  */
  6749. .padding {
  6750.   padding: 0.625rem; }
  6751.  
  6752. .padding-top, .padding-vertical {
  6753.   padding-top: 0.625rem; }
  6754.  
  6755. .padding-right, .padding-horizontal {
  6756.   padding-right: 0.625rem; }
  6757.  
  6758. .padding-bottom, .padding-vertical {
  6759.   padding-bottom: 0.625rem; }
  6760.  
  6761. .padding-left, .padding-horizontal {
  6762.   padding-left: 0.625rem; }
  6763.  
  6764. /**
  6765.  * Rounded
  6766.  * --------------------------------------------------
  6767.  */
  6768. .rounded {
  6769.   border-radius: 0.25rem; }
  6770.  
  6771. /**
  6772.  * Utility Colors
  6773.  * --------------------------------------------------
  6774.  * Utility colors are added to help set a naming convention. You'll
  6775.  * notice we purposely do not use words like "red" or "blue", but
  6776.  * instead have colors which represent an emotion or generic theme.
  6777.  */
  6778. .light, a.light {
  6779.   color: #fff; }
  6780.  
  6781. .light-bg {
  6782.   background-color: #fff; }
  6783.  
  6784. .light-border {
  6785.   border-color: #ddd; }
  6786.  
  6787. .stable, a.stable {
  6788.   color: #f8f8f8; }
  6789.  
  6790. .stable-bg {
  6791.   background-color: #f8f8f8; }
  6792.  
  6793. .stable-border {
  6794.   border-color: #b2b2b2; }
  6795.  
  6796. .positive, a.positive {
  6797.   color: #387ef5; }
  6798.  
  6799. .positive-bg {
  6800.   background-color: #387ef5; }
  6801.  
  6802. .positive-border {
  6803.   border-color: #0c63ee; }
  6804.  
  6805. .calm, a.calm {
  6806.   color: #11c1f3; }
  6807.  
  6808. .calm-bg {
  6809.   background-color: #11c1f3; }
  6810.  
  6811. .calm-border {
  6812.   border-color: #0a9ec7; }
  6813.  
  6814. .assertive, a.assertive {
  6815.   color: #ef473a; }
  6816.  
  6817. .assertive-bg {
  6818.   background-color: #ef473a; }
  6819.  
  6820. .assertive-border {
  6821.   border-color: #e42012; }
  6822.  
  6823. .balanced, a.balanced {
  6824.   color: #33cd5f; }
  6825.  
  6826. .balanced-bg {
  6827.   background-color: #33cd5f; }
  6828.  
  6829. .balanced-border {
  6830.   border-color: #28a54c; }
  6831.  
  6832. .energized, a.energized {
  6833.   color: #ffc900; }
  6834.  
  6835. .energized-bg {
  6836.   background-color: #ffc900; }
  6837.  
  6838. .energized-border {
  6839.   border-color: #e6b400; }
  6840.  
  6841. .royal, a.royal {
  6842.   color: #886aea; }
  6843.  
  6844. .royal-bg {
  6845.   background-color: #886aea; }
  6846.  
  6847. .royal-border {
  6848.   border-color: #6b46e5; }
  6849.  
  6850. .dark, a.dark {
  6851.   color: #444; }
  6852.  
  6853. .dark-bg {
  6854.   background-color: #444; }
  6855.  
  6856. .dark-border {
  6857.   border-color: #111; }
  6858.  
  6859. /**
  6860.  * Platform
  6861.  * --------------------------------------------------
  6862.  * Platform specific tweaks
  6863.  */
  6864. .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
  6865.   height: 4.0rem; }
  6866.   .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
  6867.     margin-top: 1.1875rem !important; }
  6868.   .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
  6869.     margin-top: 1.25rem; }
  6870. .platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top {
  6871.   top: 4.0rem; }
  6872. .platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
  6873.   top: 4.0rem; }
  6874. .platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
  6875.   top: 6.75rem; }
  6876. .platform-ios.platform-cordova:not(.fullscreen) .has-tabs-top {
  6877.   top: 7.0625rem; }
  6878. .platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top {
  6879.   top: 9.8125rem; }
  6880. .platform-ios.platform-cordova.status-bar-hide {
  6881.   margin-bottom: 1.25rem; }
  6882.  
  6883. @media (orientation: landscape) {
  6884.   .platform-ios.platform-browser.platform-ipad {
  6885.     position: fixed; } }
  6886.  
  6887. .platform-c:not(.enable-transitions) * {
  6888.   -webkit-transition: none !important;
  6889.   transition: none !important; }
  6890.  
  6891. .slide-in-up {
  6892.   -webkit-transform: translate3d(0, 100%, 0);
  6893.   transform: translate3d(0, 100%, 0); }
  6894.  
  6895. .slide-in-up.ng-enter, .slide-in-up > .ng-enter {
  6896.   -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  6897.   transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }
  6898.  
  6899. .slide-in-up.ng-enter-active, .slide-in-up > .ng-enter-active {
  6900.   -webkit-transform: translate3d(0, 0, 0);
  6901.   transform: translate3d(0, 0, 0); }
  6902.  
  6903. .slide-in-up.ng-leave, .slide-in-up > .ng-leave {
  6904.   -webkit-transition: all ease-in-out 250ms;
  6905.   transition: all ease-in-out 250ms; }
  6906.  
  6907. @-webkit-keyframes scaleOut {
  6908.   from {
  6909.     -webkit-transform: scale(1);
  6910.     opacity: 1; }
  6911.  
  6912.   to {
  6913.     -webkit-transform: scale(0.8);
  6914.     opacity: 0; } }
  6915.  
  6916. @keyframes scaleOut {
  6917.   from {
  6918.     transform: scale(1);
  6919.     opacity: 1; }
  6920.  
  6921.   to {
  6922.     transform: scale(0.8);
  6923.     opacity: 0; } }
  6924.  
  6925. @-webkit-keyframes superScaleIn {
  6926.   from {
  6927.     -webkit-transform: scale(1.2);
  6928.     opacity: 0; }
  6929.  
  6930.   to {
  6931.     -webkit-transform: scale(1);
  6932.     opacity: 1; } }
  6933.  
  6934. @keyframes superScaleIn {
  6935.   from {
  6936.     transform: scale(1.2);
  6937.     opacity: 0; }
  6938.  
  6939.   to {
  6940.     transform: scale(1);
  6941.     opacity: 1; } }
  6942.  
  6943. [nav-view-transition="ios"] [nav-view="entering"], [nav-view-transition="ios"] [nav-view="leaving"] {
  6944.   -webkit-transition-duration: 450ms;
  6945.   transition-duration: 450ms;
  6946.   -webkit-transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1);
  6947.   transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1);
  6948.   -webkit-transition-property: opacity, -webkit-transform;
  6949.   transition-property: opacity, transform; }
  6950. [nav-view-transition="ios"][nav-view-direction="forward"], [nav-view-transition="ios"][nav-view-direction="back"] {
  6951.   background-color: #000; }
  6952. [nav-view-transition="ios"] [nav-view="active"], [nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="entering"], [nav-view-transition="ios"][nav-view-direction="back"] [nav-view="leaving"] {
  6953.   z-index: 3; }
  6954. [nav-view-transition="ios"][nav-view-direction="back"] [nav-view="entering"], [nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="leaving"] {
  6955.   z-index: 2; }
  6956.  
  6957. [nav-bar-transition="ios"] .title, [nav-bar-transition="ios"] .buttons, [nav-bar-transition="ios"] .back-text {
  6958.   -webkit-transition-duration: 450ms;
  6959.   transition-duration: 450ms;
  6960.   -webkit-transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1);
  6961.   transition-timing-function: cubic-bezier(0.3, 0.9, 0.4, 1);
  6962.   -webkit-transition-property: opacity, -webkit-transform;
  6963.   transition-property: opacity, transform; }
  6964. [nav-bar-transition="ios"] [nav-bar="active"], [nav-bar-transition="ios"] [nav-bar="entering"] {
  6965.   z-index: 10; }
  6966.   [nav-bar-transition="ios"] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar {
  6967.     background: transparent; }
  6968. [nav-bar-transition="ios"] [nav-bar="cached"] {
  6969.   display: block; }
  6970.   [nav-bar-transition="ios"] [nav-bar="cached"] .header-item {
  6971.     display: none; }
  6972.  
  6973. [nav-view-transition="android"] [nav-view="entering"], [nav-view-transition="android"] [nav-view="leaving"] {
  6974.   -webkit-transition-duration: 200ms;
  6975.   transition-duration: 200ms;
  6976.   -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6977.   transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6978.   -webkit-transition-property: -webkit-transform;
  6979.   transition-property: transform; }
  6980. [nav-view-transition="android"] [nav-view="active"], [nav-view-transition="android"][nav-view-direction="forward"] [nav-view="entering"], [nav-view-transition="android"][nav-view-direction="back"] [nav-view="leaving"] {
  6981.   z-index: 3; }
  6982. [nav-view-transition="android"][nav-view-direction="back"] [nav-view="entering"], [nav-view-transition="android"][nav-view-direction="forward"] [nav-view="leaving"] {
  6983.   z-index: 2; }
  6984.  
  6985. [nav-bar-transition="android"] .title, [nav-bar-transition="android"] .buttons {
  6986.   -webkit-transition-duration: 200ms;
  6987.   transition-duration: 200ms;
  6988.   -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6989.   transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6990.   -webkit-transition-property: opacity;
  6991.   transition-property: opacity; }
  6992. [nav-bar-transition="android"] [nav-bar="active"], [nav-bar-transition="android"] [nav-bar="entering"] {
  6993.   z-index: 10; }
  6994.   [nav-bar-transition="android"] [nav-bar="active"] .bar, [nav-bar-transition="android"] [nav-bar="entering"] .bar {
  6995.     background: transparent; }
  6996. [nav-bar-transition="android"] [nav-bar="cached"] {
  6997.   display: block; }
  6998.   [nav-bar-transition="android"] [nav-bar="cached"] .header-item {
  6999.     display: none; }
  7000.  
  7001. [nav-view="cached"], [nav-bar="cached"] {
  7002.   display: none; }
  7003.  
  7004. [nav-view="stage"] {
  7005.   opacity: 0;
  7006.   -webkit-transition-duration: 0;
  7007.   transition-duration: 0; }
  7008.  
  7009. [nav-bar="stage"] .title, [nav-bar="stage"] .buttons, [nav-bar="stage"] .back-text {
  7010.   position: absolute;
  7011.   opacity: 0;
  7012.   -webkit-transition-duration: 0s;
  7013.   transition-duration: 0s; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!