API tools faq
paste
Advertisement
Guest User

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

a guest
Nov 9th, 2014
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 228.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.11
  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", Helvetica, Arial, "Lucida Grande", 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.   width: auto;
  2231.   height: auto; }
  2232.  
  2233. .scroll-content-false, .menu .scroll-content.scroll-content-false {
  2234.   z-index: 11; }
  2235.  
  2236. .scroll-view {
  2237.   position: relative;
  2238.   display: block;
  2239.   overflow: hidden;
  2240.   margin-top: -0.0625rem; }
  2241.  
  2242. /**
  2243.  * Scroll is the scroll view component available for complex and custom
  2244.  * scroll view functionality.
  2245.  */
  2246. .scroll {
  2247.   -webkit-user-select: none;
  2248.   -moz-user-select: none;
  2249.   -ms-user-select: none;
  2250.   user-select: none;
  2251.   -webkit-touch-callout: none;
  2252.   -webkit-text-size-adjust: none;
  2253.   -moz-text-size-adjust: none;
  2254.   text-size-adjust: none;
  2255.   -webkit-transform-origin: left top;
  2256.   -moz-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.   .scroll-bar-indicator.scroll-bar-fade-out {
  2291.     -webkit-transition: opacity 0.3s linear;
  2292.     -moz-transition: opacity 0.3s linear;
  2293.     transition: opacity 0.3s linear;
  2294.     opacity: 0; }
  2295.  
  2296. .grade-b .scroll-bar-indicator, .grade-c .scroll-bar-indicator {
  2297.   border-radius: 0;
  2298.   background: #aaa; }
  2299.   .grade-b .scroll-bar-indicator.scroll-bar-fade-out, .grade-c .scroll-bar-indicator.scroll-bar-fade-out {
  2300.     -webkit-transition: none;
  2301.     -moz-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.     -moz-animation-name: refresh-spin-back;
  2362.     animation-name: refresh-spin-back;
  2363.     -webkit-animation-duration: 200ms;
  2364.     -moz-animation-duration: 200ms;
  2365.     animation-duration: 200ms;
  2366.     -webkit-animation-timing-function: linear;
  2367.     -moz-animation-timing-function: linear;
  2368.     animation-timing-function: linear;
  2369.     -webkit-animation-fill-mode: none;
  2370.     -moz-animation-fill-mode: none;
  2371.     animation-fill-mode: none;
  2372.     -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  2373.     transform: translate3d(0, 0, 0) rotate(0deg); }
  2374.   .scroll-refresher .icon-refreshing, .scroll-refresher .text-refreshing {
  2375.     display: none; }
  2376.   .scroll-refresher .icon-refreshing {
  2377.     -webkit-animation-duration: 1.5s;
  2378.     -moz-animation-duration: 1.5s;
  2379.     animation-duration: 1.5s; }
  2380.   .scroll-refresher.active .icon-pulling {
  2381.     -webkit-animation-name: refresh-spin;
  2382.     -moz-animation-name: refresh-spin;
  2383.     animation-name: refresh-spin;
  2384.     -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
  2385.     transform: translate3d(0, 0, 0) rotate(-180deg); }
  2386.   .scroll-refresher.active.refreshing .icon-pulling, .scroll-refresher.active.refreshing .text-pulling {
  2387.     display: none; }
  2388.   .scroll-refresher.active.refreshing .icon-refreshing, .scroll-refresher.active.refreshing .text-refreshing {
  2389.     display: block; }
  2390.  
  2391. ion-infinite-scroll {
  2392.   height: 3.75rem;
  2393.   width: 100%;
  2394.   opacity: 0;
  2395.   display: block;
  2396.   -webkit-transition: opacity 0.25s;
  2397.   -moz-transition: opacity 0.25s;
  2398.   transition: opacity 0.25s;
  2399.   display: -webkit-box;
  2400.   display: -webkit-flex;
  2401.   display: -moz-box;
  2402.   display: -moz-flex;
  2403.   display: -ms-flexbox;
  2404.   display: flex;
  2405.   -webkit-box-direction: normal;
  2406.   -webkit-box-orient: horizontal;
  2407.   -webkit-flex-direction: row;
  2408.   -moz-flex-direction: row;
  2409.   -ms-flex-direction: row;
  2410.   flex-direction: row;
  2411.   -webkit-box-pack: center;
  2412.   -ms-flex-pack: center;
  2413.   -webkit-justify-content: center;
  2414.   -moz-justify-content: center;
  2415.   justify-content: center;
  2416.   -webkit-box-align: center;
  2417.   -ms-flex-align: center;
  2418.   -webkit-align-items: center;
  2419.   -moz-align-items: center;
  2420.   align-items: center; }
  2421.   ion-infinite-scroll .icon {
  2422.     color: #666666;
  2423.     font-size: 1.875rem;
  2424.     color: #666666; }
  2425.   ion-infinite-scroll.active {
  2426.     opacity: 1; }
  2427.  
  2428. .overflow-scroll {
  2429.   overflow-x: hidden;
  2430.   overflow-y: scroll;
  2431.   -webkit-overflow-scrolling: touch; }
  2432.   .overflow-scroll .scroll {
  2433.     position: static;
  2434.     height: 100%;
  2435.     -webkit-transform: translate3d(0, 0, 0); }
  2436.  
  2437. /* If you change these, change platform.scss as well */
  2438. .has-header {
  2439.   top: 2.75rem; }
  2440.  
  2441. .no-header {
  2442.   top: 0; }
  2443.  
  2444. .has-subheader {
  2445.   top: 5.5rem; }
  2446.  
  2447. .has-tabs-top {
  2448.   top: 5.8125rem; }
  2449.  
  2450. .has-header.has-subheader.has-tabs-top {
  2451.   top: 8.5625rem; }
  2452.  
  2453. .has-footer {
  2454.   bottom: 2.75rem; }
  2455.  
  2456. .has-subfooter {
  2457.   bottom: 5.5rem; }
  2458.  
  2459. .has-tabs, .bar-footer.has-tabs {
  2460.   bottom: 3.0625rem; }
  2461.  
  2462. .has-footer.has-tabs {
  2463.   bottom: 5.8125rem; }
  2464.  
  2465. .pane {
  2466.   -webkit-transform: translate3d(0, 0, 0);
  2467.   -moz-transform: translate3d(0, 0, 0);
  2468.   transform: translate3d(0, 0, 0);
  2469.   z-index: 1; }
  2470.  
  2471. .view {
  2472.   z-index: 1; }
  2473.  
  2474. .pane, .view {
  2475.   position: absolute;
  2476.   top: 0;
  2477.   right: 0;
  2478.   bottom: 0;
  2479.   left: 0;
  2480.   width: 100%;
  2481.   height: 100%;
  2482.   background-color: #fff;
  2483.   overflow: hidden; }
  2484.  
  2485. /**
  2486.  * Typography
  2487.  * --------------------------------------------------
  2488.  */
  2489. p {
  2490.   margin: 0 0 0.625rem; }
  2491.  
  2492. small {
  2493.   font-size: 85%; }
  2494.  
  2495. cite {
  2496.   font-style: normal; }
  2497.  
  2498. .text-left {
  2499.   text-align: left; }
  2500.  
  2501. .text-right {
  2502.   text-align: right; }
  2503.  
  2504. .text-center {
  2505.   text-align: center; }
  2506.  
  2507. h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  2508.   color: #000;
  2509.   font-weight: 500;
  2510.   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  2511.   line-height: 1.2; }
  2512.   h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  2513.     font-weight: normal;
  2514.     line-height: 1; }
  2515.  
  2516. h1, .h1, h2, .h2, h3, .h3 {
  2517.   margin-top: 1.25rem;
  2518.   margin-bottom: 0.625rem; }
  2519.   h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child {
  2520.     margin-top: 0; }
  2521.   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 {
  2522.     margin-top: 0.625rem; }
  2523.  
  2524. h4, .h4, h5, .h5, h6, .h6 {
  2525.   margin-top: 0.625rem;
  2526.   margin-bottom: 0.625rem; }
  2527.  
  2528. h1, .h1 {
  2529.   font-size: 2.25rem; }
  2530.  
  2531. h2, .h2 {
  2532.   font-size: 1.875rem; }
  2533.  
  2534. h3, .h3 {
  2535.   font-size: 1.5rem; }
  2536.  
  2537. h4, .h4 {
  2538.   font-size: 1.125rem; }
  2539.  
  2540. h5, .h5 {
  2541.   font-size: 0.875rem; }
  2542.  
  2543. h6, .h6 {
  2544.   font-size: 0.75rem; }
  2545.  
  2546. h1 small, .h1 small {
  2547.   font-size: 1.5rem; }
  2548.  
  2549. h2 small, .h2 small {
  2550.   font-size: 1.125rem; }
  2551.  
  2552. h3 small, .h3 small, h4 small, .h4 small {
  2553.   font-size: 0.875rem; }
  2554.  
  2555. dl {
  2556.   margin-bottom: 1.25rem; }
  2557.  
  2558. dt, dd {
  2559.   line-height: 1.42857; }
  2560.  
  2561. dt {
  2562.   font-weight: bold; }
  2563.  
  2564. blockquote {
  2565.   margin: 0 0 1.25rem;
  2566.   padding: 0.625rem 1.25rem;
  2567.   border-left: 0.3125rem solid gray; }
  2568.   blockquote p {
  2569.     font-weight: 300;
  2570.     font-size: 1.09375rem;
  2571.     line-height: 1.25; }
  2572.   blockquote p:last-child {
  2573.     margin-bottom: 0; }
  2574.   blockquote small {
  2575.     display: block;
  2576.     line-height: 1.42857; }
  2577.     blockquote small:before {
  2578.       content: '\2014 \00A0'; }
  2579.  
  2580. q:before, q:after, blockquote:before, blockquote:after {
  2581.   content: ""; }
  2582.  
  2583. address {
  2584.   display: block;
  2585.   margin-bottom: 1.25rem;
  2586.   font-style: normal;
  2587.   line-height: 1.42857; }
  2588.  
  2589. a.subdued {
  2590.   padding-right: 0.625rem;
  2591.   color: #888;
  2592.   text-decoration: none; }
  2593.   a.subdued:hover {
  2594.     text-decoration: none; }
  2595.   a.subdued:last-child {
  2596.     padding-right: 0; }
  2597.  
  2598. /**
  2599.  * Action Sheets
  2600.  * --------------------------------------------------
  2601.  */
  2602. .action-sheet-backdrop {
  2603.   -webkit-transition: background-color 300ms ease-in-out;
  2604.   -moz-transition: background-color 300ms ease-in-out;
  2605.   transition: background-color 300ms ease-in-out;
  2606.   position: fixed;
  2607.   top: 0;
  2608.   left: 0;
  2609.   z-index: 11;
  2610.   width: 100%;
  2611.   height: 100%;
  2612.   background-color: rgba(0, 0, 0, 0); }
  2613.   .action-sheet-backdrop.active {
  2614.     background-color: rgba(0, 0, 0, 0.5); }
  2615.  
  2616. .action-sheet-wrapper {
  2617.   -webkit-transform: translate3d(0, 100%, 0);
  2618.   -moz-transform: translate3d(0, 100%, 0);
  2619.   transform: translate3d(0, 100%, 0);
  2620.   -webkit-transition: all ease-in-out 300ms;
  2621.   -moz-transition: all ease-in-out 300ms;
  2622.   transition: all ease-in-out 300ms;
  2623.   position: absolute;
  2624.   bottom: 0;
  2625.   width: 100%; }
  2626.  
  2627. .action-sheet-up {
  2628.   -webkit-transform: translate3d(0, 0, 0);
  2629.   -moz-transform: translate3d(0, 0, 0);
  2630.   transform: translate3d(0, 0, 0); }
  2631.  
  2632. .action-sheet {
  2633.   margin-left: 0.9375rem;
  2634.   margin-right: 0.9375rem;
  2635.   width: auto;
  2636.   z-index: 11;
  2637.   overflow: hidden; }
  2638.   .action-sheet .button {
  2639.     display: block;
  2640.     padding: 0.0625rem;
  2641.     width: 100%;
  2642.     border-radius: 0;
  2643.     background-color: transparent;
  2644.     color: #4a87ee;
  2645.     font-size: 1.125rem; }
  2646.     .action-sheet .button.destructive {
  2647.       color: #ef4e3a; }
  2648.  
  2649. .action-sheet-title {
  2650.   padding: 0.625rem;
  2651.   color: #666666;
  2652.   text-align: center;
  2653.   font-size: 0.75rem; }
  2654.  
  2655. .action-sheet-group {
  2656.   margin-bottom: 0.3125rem;
  2657.   border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
  2658.   background-color: #fff; }
  2659.   .action-sheet-group .button {
  2660.     border-width: 0.0625rem 0.0rem 0.0rem 0.0rem;
  2661.     border-radius: 0; }
  2662.     .action-sheet-group .button.active {
  2663.       background-color: transparent;
  2664.       color: inherit; }
  2665.   .action-sheet-group .button:first-child:last-child {
  2666.     border-width: 0; }
  2667.  
  2668. .action-sheet-open {
  2669.   pointer-events: none; }
  2670.   .action-sheet-open.modal-open .modal {
  2671.     pointer-events: none; }
  2672.   .action-sheet-open .action-sheet-backdrop {
  2673.     pointer-events: auto; }
  2674.  
  2675. .backdrop {
  2676.   position: fixed;
  2677.   top: 0;
  2678.   left: 0;
  2679.   z-index: 11;
  2680.   width: 100%;
  2681.   height: 100%;
  2682.   background-color: rgba(0, 0, 0, 0.4);
  2683.   visibility: hidden;
  2684.   opacity: 0;
  2685.   -webkit-transition: 0.1s opacity linear;
  2686.   -moz-transition: 0.1s opacity linear;
  2687.   transition: 0.1s opacity linear; }
  2688.   .backdrop.visible {
  2689.     visibility: visible; }
  2690.   .backdrop.active {
  2691.     opacity: 1; }
  2692.  
  2693. /**
  2694.  * Bar (Headers and Footers)
  2695.  * --------------------------------------------------
  2696.  */
  2697. .bar {
  2698.   display: -webkit-box;
  2699.   display: -webkit-flex;
  2700.   display: -moz-box;
  2701.   display: -moz-flex;
  2702.   display: -ms-flexbox;
  2703.   display: flex;
  2704.   -webkit-transform: translate3d(0, 0, 0);
  2705.   -moz-transform: translate3d(0, 0, 0);
  2706.   transform: translate3d(0, 0, 0);
  2707.   -webkit-user-select: none;
  2708.   -moz-user-select: none;
  2709.   -ms-user-select: none;
  2710.   user-select: none;
  2711.   position: absolute;
  2712.   right: 0;
  2713.   left: 0;
  2714.   z-index: 10;
  2715.   box-sizing: border-box;
  2716.   padding: 0.3125rem;
  2717.   width: 100%;
  2718.   height: 2.75rem;
  2719.   border-width: 0;
  2720.   border-style: solid;
  2721.   border-top: 0.0625rem solid transparent;
  2722.   border-bottom: 0.0625rem solid #ddd;
  2723.   background-color: white;
  2724.   /* border-width: 0.0625rem will actually create 2 device pixels on retina */
  2725.   /* this nifty trick sets an actual 0.0625rem border on hi-res displays */
  2726.   background-size: 0; }
  2727.   @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) {
  2728.     .bar {
  2729.       border: none;
  2730.       background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  2731.       background-position: bottom;
  2732.       background-size: 100% 0.0625rem;
  2733.       background-repeat: no-repeat; } }
  2734.   .bar.bar-clear {
  2735.     border: none;
  2736.     background: none;
  2737.     color: #fff; }
  2738.     .bar.bar-clear .button {
  2739.       color: #fff; }
  2740.     .bar.bar-clear .title {
  2741.       color: #fff; }
  2742.   .bar.item-input-inset .item-input-wrapper {
  2743.     margin-top: -0.0625rem; }
  2744.     .bar.item-input-inset .item-input-wrapper input {
  2745.       padding-left: 0.5rem;
  2746.       width: 94%;
  2747.       height: 1.75rem;
  2748.       background: transparent; }
  2749.   .bar.bar-light {
  2750.     border-color: #ddd;
  2751.     background-color: white;
  2752.     background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  2753.     color: #444; }
  2754.     .bar.bar-light .title {
  2755.       color: #444; }
  2756.     .bar.bar-light.bar-footer {
  2757.       background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); }
  2758.   .bar.bar-stable {
  2759.     border-color: #b2b2b2;
  2760.     background-color: #f8f8f8;
  2761.     background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  2762.     color: #444; }
  2763.     .bar.bar-stable .title {
  2764.       color: #444; }
  2765.     .bar.bar-stable.bar-footer {
  2766.       background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
  2767.   .bar.bar-positive {
  2768.     border-color: #145fd7;
  2769.     background-color: #4a87ee;
  2770.     background-image: linear-gradient(0deg, #145fd7, #145fd7 50%, transparent 50%);
  2771.     color: #fff; }
  2772.     .bar.bar-positive .title {
  2773.       color: #fff; }
  2774.     .bar.bar-positive.bar-footer {
  2775.       background-image: linear-gradient(180deg, #145fd7, #145fd7 50%, transparent 50%); }
  2776.   .bar.bar-calm {
  2777.     border-color: #1aacc3;
  2778.     background-color: #43cee6;
  2779.     background-image: linear-gradient(0deg, #1aacc3, #1aacc3 50%, transparent 50%);
  2780.     color: #fff; }
  2781.     .bar.bar-calm .title {
  2782.       color: #fff; }
  2783.     .bar.bar-calm.bar-footer {
  2784.       background-image: linear-gradient(180deg, #1aacc3, #1aacc3 50%, transparent 50%); }
  2785.   .bar.bar-assertive {
  2786.     border-color: #cc2311;
  2787.     background-color: #ef4e3a;
  2788.     background-image: linear-gradient(0deg, #cc2311, #cc2311 50%, transparent 50%);
  2789.     color: #fff; }
  2790.     .bar.bar-assertive .title {
  2791.       color: #fff; }
  2792.     .bar.bar-assertive.bar-footer {
  2793.       background-image: linear-gradient(180deg, #cc2311, #cc2311 50%, transparent 50%); }
  2794.   .bar.bar-balanced {
  2795.     border-color: #498f24;
  2796.     background-color: #66cc33;
  2797.     background-image: linear-gradient(0deg, #498f24, #498f24 50%, transparent 50%);
  2798.     color: #fff; }
  2799.     .bar.bar-balanced .title {
  2800.       color: #fff; }
  2801.     .bar.bar-balanced.bar-footer {
  2802.       background-image: linear-gradient(180deg, #498f24, #145fd7 50%, transparent 50%); }
  2803.   .bar.bar-energized {
  2804.     border-color: #d39211;
  2805.     background-color: #f0b840;
  2806.     background-image: linear-gradient(0deg, #d39211, #d39211 50%, transparent 50%);
  2807.     color: #fff; }
  2808.     .bar.bar-energized .title {
  2809.       color: #fff; }
  2810.     .bar.bar-energized.bar-footer {
  2811.       background-image: linear-gradient(180deg, #d39211, #d39211 50%, transparent 50%); }
  2812.   .bar.bar-royal {
  2813.     border-color: #552bdf;
  2814.     background-color: #8a6de9;
  2815.     background-image: linear-gradient(0deg, #552bdf, #552bdf 50%, transparent 50%);
  2816.     color: #fff; }
  2817.     .bar.bar-royal .title {
  2818.       color: #fff; }
  2819.     .bar.bar-royal.bar-footer {
  2820.       background-image: linear-gradient(180deg, #552bdf, #552bdf 50%, transparent 50%); }
  2821.   .bar.bar-dark {
  2822.     border-color: #111;
  2823.     background-color: #444444;
  2824.     background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  2825.     color: #fff; }
  2826.     .bar.bar-dark .title {
  2827.       color: #fff; }
  2828.     .bar.bar-dark.bar-footer {
  2829.       background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); }
  2830.   .bar .title {
  2831.     position: absolute;
  2832.     top: 0;
  2833.     right: 0;
  2834.     left: 0;
  2835.     z-index: 0;
  2836.     overflow: hidden;
  2837.     margin: 0 0.625rem;
  2838.     min-width: 1.875rem;
  2839.     height: 2.6875rem;
  2840.     text-align: center;
  2841.     text-overflow: ellipsis;
  2842.     white-space: nowrap;
  2843.     font-size: 1.0625rem;
  2844.     line-height: 2.75rem; }
  2845.     .bar .title.title-left {
  2846.       text-align: left; }
  2847.     .bar .title.title-right {
  2848.       text-align: right; }
  2849.   .bar .title a {
  2850.     color: inherit; }
  2851.   .bar .button {
  2852.     z-index: 1;
  2853.     padding: 0 0.5rem;
  2854.     min-width: initial;
  2855.     min-height: 1.9375rem;
  2856.     font-weight: 400;
  2857.     font-size: 0.8125rem;
  2858.     line-height: 2.0rem; }
  2859.     .bar .button.button-icon:before, .bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before {
  2860.       padding-right: 0.125rem;
  2861.       padding-left: 0.125rem;
  2862.       font-size: 1.25rem;
  2863.       line-height: 2.0rem; }
  2864.     .bar .button.button-icon {
  2865.       font-size: 1.0625rem; }
  2866.       .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 {
  2867.         vertical-align: top;
  2868.         font-size: 2.0rem;
  2869.         line-height: 2.0rem; }
  2870.     .bar .button.button-clear {
  2871.       padding-right: 0.125rem;
  2872.       padding-left: 0.125rem;
  2873.       font-weight: 300;
  2874.       font-size: 1.0625rem; }
  2875.       .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 {
  2876.         font-size: 2.0rem;
  2877.         line-height: 2.0rem; }
  2878.     .bar .button.back-button {
  2879.       padding: 0;
  2880.       opacity: 0.8; }
  2881.       .bar .button.back-button .back-button-title {
  2882.         display: inline-block;
  2883.         vertical-align: middle;
  2884.         margin-left: 0.25rem; }
  2885.     .bar .button.back-button.active, .bar .button.back-button.activated {
  2886.       opacity: 1; }
  2887.   .bar .button-bar > .button, .bar .buttons > .button {
  2888.     min-height: 1.9375rem;
  2889.     line-height: 2.0rem; }
  2890.   .bar .button-bar + .button, .bar .button + .button-bar {
  2891.     margin-left: 0.3125rem; }
  2892.   .bar .buttons, .bar .buttons.left-buttons, .bar .buttons.right-buttons {
  2893.     display: inherit; }
  2894.   .bar .buttons span {
  2895.     display: inline-flex; }
  2896.   .bar .title + .button:last-child, .bar > .button + .button:last-child, .bar > .button.pull-right, .bar .buttons.pull-right, .bar .title + .buttons {
  2897.     position: absolute;
  2898.     top: 0.3125rem;
  2899.     right: 0.3125rem;
  2900.     bottom: 0.3125rem; }
  2901.  
  2902. .bar-light .button {
  2903.   border-color: #ddd;
  2904.   background-color: white;
  2905.   color: #444; }
  2906.   .bar-light .button:hover {
  2907.     color: #444;
  2908.     text-decoration: none; }
  2909.   .bar-light .button.active, .bar-light .button.activated {
  2910.     border-color: #ccc;
  2911.     background-color: #fafafa;
  2912.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  2913.   .bar-light .button.button-clear {
  2914.     border-color: transparent;
  2915.     background: none;
  2916.     box-shadow: none;
  2917.     color: #444;
  2918.     font-size: 1.0625rem; }
  2919.   .bar-light .button.button-icon {
  2920.     border-color: transparent;
  2921.     background: none; }
  2922.  
  2923. .bar-stable .button {
  2924.   border-color: #b2b2b2;
  2925.   background-color: #f8f8f8;
  2926.   color: #444; }
  2927.   .bar-stable .button:hover {
  2928.     color: #444;
  2929.     text-decoration: none; }
  2930.   .bar-stable .button.active, .bar-stable .button.activated {
  2931.     border-color: #a2a2a2;
  2932.     background-color: #e5e5e5;
  2933.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  2934.   .bar-stable .button.button-clear {
  2935.     border-color: transparent;
  2936.     background: none;
  2937.     box-shadow: none;
  2938.     color: #444;
  2939.     font-size: 1.0625rem; }
  2940.   .bar-stable .button.button-icon {
  2941.     border-color: transparent;
  2942.     background: none; }
  2943.  
  2944. .bar-positive .button {
  2945.   border-color: #145fd7;
  2946.   background-color: #4a87ee;
  2947.   color: #fff; }
  2948.   .bar-positive .button:hover {
  2949.     color: #fff;
  2950.     text-decoration: none; }
  2951.   .bar-positive .button.active, .bar-positive .button.activated {
  2952.     border-color: #145fd7;
  2953.     background-color: #145fd7;
  2954.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  2955.   .bar-positive .button.button-clear {
  2956.     border-color: transparent;
  2957.     background: none;
  2958.     box-shadow: none;
  2959.     color: #fff;
  2960.     font-size: 1.0625rem; }
  2961.   .bar-positive .button.button-icon {
  2962.     border-color: transparent;
  2963.     background: none; }
  2964.  
  2965. .bar-calm .button {
  2966.   border-color: #1aacc3;
  2967.   background-color: #43cee6;
  2968.   color: #fff; }
  2969.   .bar-calm .button:hover {
  2970.     color: #fff;
  2971.     text-decoration: none; }
  2972.   .bar-calm .button.active, .bar-calm .button.activated {
  2973.     border-color: #1aacc3;
  2974.     background-color: #1aacc3;
  2975.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  2976.   .bar-calm .button.button-clear {
  2977.     border-color: transparent;
  2978.     background: none;
  2979.     box-shadow: none;
  2980.     color: #fff;
  2981.     font-size: 1.0625rem; }
  2982.   .bar-calm .button.button-icon {
  2983.     border-color: transparent;
  2984.     background: none; }
  2985.  
  2986. .bar-assertive .button {
  2987.   border-color: #cc2311;
  2988.   background-color: #ef4e3a;
  2989.   color: #fff; }
  2990.   .bar-assertive .button:hover {
  2991.     color: #fff;
  2992.     text-decoration: none; }
  2993.   .bar-assertive .button.active, .bar-assertive .button.activated {
  2994.     border-color: #cc2311;
  2995.     background-color: #cc2311;
  2996.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  2997.   .bar-assertive .button.button-clear {
  2998.     border-color: transparent;
  2999.     background: none;
  3000.     box-shadow: none;
  3001.     color: #fff;
  3002.     font-size: 1.0625rem; }
  3003.   .bar-assertive .button.button-icon {
  3004.     border-color: transparent;
  3005.     background: none; }
  3006.  
  3007. .bar-balanced .button {
  3008.   border-color: #498f24;
  3009.   background-color: #66cc33;
  3010.   color: #fff; }
  3011.   .bar-balanced .button:hover {
  3012.     color: #fff;
  3013.     text-decoration: none; }
  3014.   .bar-balanced .button.active, .bar-balanced .button.activated {
  3015.     border-color: #498f24;
  3016.     background-color: #498f24;
  3017.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  3018.   .bar-balanced .button.button-clear {
  3019.     border-color: transparent;
  3020.     background: none;
  3021.     box-shadow: none;
  3022.     color: #fff;
  3023.     font-size: 1.0625rem; }
  3024.   .bar-balanced .button.button-icon {
  3025.     border-color: transparent;
  3026.     background: none; }
  3027.  
  3028. .bar-energized .button {
  3029.   border-color: #d39211;
  3030.   background-color: #f0b840;
  3031.   color: #fff; }
  3032.   .bar-energized .button:hover {
  3033.     color: #fff;
  3034.     text-decoration: none; }
  3035.   .bar-energized .button.active, .bar-energized .button.activated {
  3036.     border-color: #d39211;
  3037.     background-color: #d39211;
  3038.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  3039.   .bar-energized .button.button-clear {
  3040.     border-color: transparent;
  3041.     background: none;
  3042.     box-shadow: none;
  3043.     color: #fff;
  3044.     font-size: 1.0625rem; }
  3045.   .bar-energized .button.button-icon {
  3046.     border-color: transparent;
  3047.     background: none; }
  3048.  
  3049. .bar-royal .button {
  3050.   border-color: #552bdf;
  3051.   background-color: #8a6de9;
  3052.   color: #fff; }
  3053.   .bar-royal .button:hover {
  3054.     color: #fff;
  3055.     text-decoration: none; }
  3056.   .bar-royal .button.active, .bar-royal .button.activated {
  3057.     border-color: #552bdf;
  3058.     background-color: #552bdf;
  3059.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  3060.   .bar-royal .button.button-clear {
  3061.     border-color: transparent;
  3062.     background: none;
  3063.     box-shadow: none;
  3064.     color: #fff;
  3065.     font-size: 1.0625rem; }
  3066.   .bar-royal .button.button-icon {
  3067.     border-color: transparent;
  3068.     background: none; }
  3069.  
  3070. .bar-dark .button {
  3071.   border-color: #111;
  3072.   background-color: #444444;
  3073.   color: #fff; }
  3074.   .bar-dark .button:hover {
  3075.     color: #fff;
  3076.     text-decoration: none; }
  3077.   .bar-dark .button.active, .bar-dark .button.activated {
  3078.     border-color: #000;
  3079.     background-color: #262626;
  3080.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  3081.   .bar-dark .button.button-clear {
  3082.     border-color: transparent;
  3083.     background: none;
  3084.     box-shadow: none;
  3085.     color: #fff;
  3086.     font-size: 1.0625rem; }
  3087.   .bar-dark .button.button-icon {
  3088.     border-color: transparent;
  3089.     background: none; }
  3090.  
  3091. .bar-header {
  3092.   top: 0;
  3093.   border-top-width: 0;
  3094.   border-bottom-width: 0.0625rem; }
  3095.   .bar-header.has-tabs-top {
  3096.     border-bottom-width: 0.0rem; }
  3097.  
  3098. .bar-footer {
  3099.   bottom: 0;
  3100.   border-top-width: 0.0625rem;
  3101.   border-bottom-width: 0;
  3102.   background-position: top; }
  3103.   .bar-footer.item-input-inset {
  3104.     position: absolute; }
  3105.  
  3106. .bar-tabs {
  3107.   padding: 0; }
  3108.  
  3109. .bar-subheader {
  3110.   top: 2.75rem;
  3111.   display: block; }
  3112.  
  3113. .bar-subfooter {
  3114.   bottom: 2.75rem;
  3115.   display: block; }
  3116.  
  3117. /**
  3118.  * Tabs
  3119.  * --------------------------------------------------
  3120.  * A navigation bar with any number of tab items supported.
  3121.  */
  3122. .tabs {
  3123.   display: -webkit-box;
  3124.   display: -webkit-flex;
  3125.   display: -moz-box;
  3126.   display: -moz-flex;
  3127.   display: -ms-flexbox;
  3128.   display: flex;
  3129.   -webkit-box-direction: normal;
  3130.   -webkit-box-orient: horizontal;
  3131.   -webkit-flex-direction: horizontal;
  3132.   -moz-flex-direction: horizontal;
  3133.   -ms-flex-direction: horizontal;
  3134.   flex-direction: horizontal;
  3135.   -webkit-box-pack: center;
  3136.   -ms-flex-pack: center;
  3137.   -webkit-justify-content: center;
  3138.   -moz-justify-content: center;
  3139.   justify-content: center;
  3140.   -webkit-transform: translate3d(0, 0, 0);
  3141.   -moz-transform: translate3d(0, 0, 0);
  3142.   transform: translate3d(0, 0, 0);
  3143.   border-color: #b2b2b2;
  3144.   background-color: #f8f8f8;
  3145.   background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  3146.   color: #444;
  3147.   position: absolute;
  3148.   bottom: 0;
  3149.   z-index: 5;
  3150.   width: 100%;
  3151.   height: 3.0625rem;
  3152.   border-style: solid;
  3153.   border-top-width: 0.0625rem;
  3154.   background-size: 0;
  3155.   line-height: 3.0625rem; }
  3156.   .tabs .tab-item .badge {
  3157.     background-color: #444;
  3158.     color: #f8f8f8; }
  3159.   @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) {
  3160.     .tabs {
  3161.       padding-top: 0.125rem;
  3162.       border-top: none !important;
  3163.       border-bottom: none;
  3164.       background-position: top;
  3165.       background-size: 100% 0.0625rem;
  3166.       background-repeat: no-repeat; } }
  3167.  
  3168. /* Allow parent element of tabs to define color, or just the tab itself */
  3169. .tabs-light > .tabs, .tabs.tabs-light {
  3170.   border-color: #ddd;
  3171.   background-color: #fff;
  3172.   background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  3173.   color: #444; }
  3174.   .tabs-light > .tabs .tab-item .badge, .tabs.tabs-light .tab-item .badge {
  3175.     background-color: #444;
  3176.     color: #fff; }
  3177.  
  3178. .tabs-stable > .tabs, .tabs.tabs-stable {
  3179.   border-color: #b2b2b2;
  3180.   background-color: #f8f8f8;
  3181.   background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  3182.   color: #444; }
  3183.   .tabs-stable > .tabs .tab-item .badge, .tabs.tabs-stable .tab-item .badge {
  3184.     background-color: #444;
  3185.     color: #f8f8f8; }
  3186.  
  3187. .tabs-positive > .tabs, .tabs.tabs-positive {
  3188.   border-color: #145fd7;
  3189.   background-color: #4a87ee;
  3190.   background-image: linear-gradient(0deg, #145fd7, #145fd7 50%, transparent 50%);
  3191.   color: #fff; }
  3192.   .tabs-positive > .tabs .tab-item .badge, .tabs.tabs-positive .tab-item .badge {
  3193.     background-color: #fff;
  3194.     color: #4a87ee; }
  3195.  
  3196. .tabs-calm > .tabs, .tabs.tabs-calm {
  3197.   border-color: #1aacc3;
  3198.   background-color: #43cee6;
  3199.   background-image: linear-gradient(0deg, #1aacc3, #1aacc3 50%, transparent 50%);
  3200.   color: #fff; }
  3201.   .tabs-calm > .tabs .tab-item .badge, .tabs.tabs-calm .tab-item .badge {
  3202.     background-color: #fff;
  3203.     color: #43cee6; }
  3204.  
  3205. .tabs-assertive > .tabs, .tabs.tabs-assertive {
  3206.   border-color: #cc2311;
  3207.   background-color: #ef4e3a;
  3208.   background-image: linear-gradient(0deg, #cc2311, #cc2311 50%, transparent 50%);
  3209.   color: #fff; }
  3210.   .tabs-assertive > .tabs .tab-item .badge, .tabs.tabs-assertive .tab-item .badge {
  3211.     background-color: #fff;
  3212.     color: #ef4e3a; }
  3213.  
  3214. .tabs-balanced > .tabs, .tabs.tabs-balanced {
  3215.   border-color: #498f24;
  3216.   background-color: #66cc33;
  3217.   background-image: linear-gradient(0deg, #498f24, #498f24 50%, transparent 50%);
  3218.   color: #fff; }
  3219.   .tabs-balanced > .tabs .tab-item .badge, .tabs.tabs-balanced .tab-item .badge {
  3220.     background-color: #fff;
  3221.     color: #66cc33; }
  3222.  
  3223. .tabs-energized > .tabs, .tabs.tabs-energized {
  3224.   border-color: #d39211;
  3225.   background-color: #f0b840;
  3226.   background-image: linear-gradient(0deg, #d39211, #d39211 50%, transparent 50%);
  3227.   color: #fff; }
  3228.   .tabs-energized > .tabs .tab-item .badge, .tabs.tabs-energized .tab-item .badge {
  3229.     background-color: #fff;
  3230.     color: #f0b840; }
  3231.  
  3232. .tabs-royal > .tabs, .tabs.tabs-royal {
  3233.   border-color: #552bdf;
  3234.   background-color: #8a6de9;
  3235.   background-image: linear-gradient(0deg, #552bdf, #552bdf 50%, transparent 50%);
  3236.   color: #fff; }
  3237.   .tabs-royal > .tabs .tab-item .badge, .tabs.tabs-royal .tab-item .badge {
  3238.     background-color: #fff;
  3239.     color: #8a6de9; }
  3240.  
  3241. .tabs-dark > .tabs, .tabs.tabs-dark {
  3242.   border-color: #111;
  3243.   background-color: #444;
  3244.   background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  3245.   color: #fff; }
  3246.   .tabs-dark > .tabs .tab-item .badge, .tabs.tabs-dark .tab-item .badge {
  3247.     background-color: #fff;
  3248.     color: #444; }
  3249.  
  3250. .tabs-striped .tabs {
  3251.   background-color: white;
  3252.   background-image: none;
  3253.   border: none;
  3254.   box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.15);
  3255.   padding-top: 0.125rem; }
  3256. .tabs-striped.tabs-light .tabs {
  3257.   background-color: #444; }
  3258. .tabs-striped.tabs-light .tab-item {
  3259.   color: rgba(255, 255, 255, 0.4);
  3260.   opacity: 1; }
  3261.   .tabs-striped.tabs-light .tab-item .badge {
  3262.     opacity: 0.4; }
  3263.   .tabs-striped.tabs-light .tab-item.tab-item-active, .tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated {
  3264.     margin-top: -0.125rem;
  3265.     color: #fff;
  3266.     border-style: solid;
  3267.     border-width: 0.125rem 0 0 0;
  3268.     border-color: #fff; }
  3269.     .tabs-striped.tabs-light .tab-item.tab-item-active .badge, .tabs-striped.tabs-light .tab-item.active .badge, .tabs-striped.tabs-light .tab-item.activated .badge {
  3270.       top: 0.125rem;
  3271.       opacity: 1; }
  3272. .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 {
  3273.   top: 4%; }
  3274. .tabs-striped.tabs-stable .tabs {
  3275.   background-color: #444; }
  3276. .tabs-striped.tabs-stable .tab-item {
  3277.   color: rgba(248, 248, 248, 0.4);
  3278.   opacity: 1; }
  3279.   .tabs-striped.tabs-stable .tab-item .badge {
  3280.     opacity: 0.4; }
  3281.   .tabs-striped.tabs-stable .tab-item.tab-item-active, .tabs-striped.tabs-stable .tab-item.active, .tabs-striped.tabs-stable .tab-item.activated {
  3282.     margin-top: -0.125rem;
  3283.     color: #f8f8f8;
  3284.     border-style: solid;
  3285.     border-width: 0.125rem 0 0 0;
  3286.     border-color: #f8f8f8; }
  3287.     .tabs-striped.tabs-stable .tab-item.tab-item-active .badge, .tabs-striped.tabs-stable .tab-item.active .badge, .tabs-striped.tabs-stable .tab-item.activated .badge {
  3288.       top: 0.125rem;
  3289.       opacity: 1; }
  3290. .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 {
  3291.   top: 4%; }
  3292. .tabs-striped.tabs-positive .tabs {
  3293.   background-color: #fff; }
  3294. .tabs-striped.tabs-positive .tab-item {
  3295.   color: rgba(74, 135, 238, 0.4);
  3296.   opacity: 1; }
  3297.   .tabs-striped.tabs-positive .tab-item .badge {
  3298.     opacity: 0.4; }
  3299.   .tabs-striped.tabs-positive .tab-item.tab-item-active, .tabs-striped.tabs-positive .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated {
  3300.     margin-top: -0.125rem;
  3301.     color: #4a87ee;
  3302.     border-style: solid;
  3303.     border-width: 0.125rem 0 0 0;
  3304.     border-color: #4a87ee; }
  3305.     .tabs-striped.tabs-positive .tab-item.tab-item-active .badge, .tabs-striped.tabs-positive .tab-item.active .badge, .tabs-striped.tabs-positive .tab-item.activated .badge {
  3306.       top: 0.125rem;
  3307.       opacity: 1; }
  3308. .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 {
  3309.   top: 4%; }
  3310. .tabs-striped.tabs-calm .tabs {
  3311.   background-color: #fff; }
  3312. .tabs-striped.tabs-calm .tab-item {
  3313.   color: rgba(67, 206, 230, 0.4);
  3314.   opacity: 1; }
  3315.   .tabs-striped.tabs-calm .tab-item .badge {
  3316.     opacity: 0.4; }
  3317.   .tabs-striped.tabs-calm .tab-item.tab-item-active, .tabs-striped.tabs-calm .tab-item.active, .tabs-striped.tabs-calm .tab-item.activated {
  3318.     margin-top: -0.125rem;
  3319.     color: #43cee6;
  3320.     border-style: solid;
  3321.     border-width: 0.125rem 0 0 0;
  3322.     border-color: #43cee6; }
  3323.     .tabs-striped.tabs-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-calm .tab-item.active .badge, .tabs-striped.tabs-calm .tab-item.activated .badge {
  3324.       top: 0.125rem;
  3325.       opacity: 1; }
  3326. .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 {
  3327.   top: 4%; }
  3328. .tabs-striped.tabs-assertive .tabs {
  3329.   background-color: #fff; }
  3330. .tabs-striped.tabs-assertive .tab-item {
  3331.   color: rgba(239, 78, 58, 0.4);
  3332.   opacity: 1; }
  3333.   .tabs-striped.tabs-assertive .tab-item .badge {
  3334.     opacity: 0.4; }
  3335.   .tabs-striped.tabs-assertive .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated {
  3336.     margin-top: -0.125rem;
  3337.     color: #ef4e3a;
  3338.     border-style: solid;
  3339.     border-width: 0.125rem 0 0 0;
  3340.     border-color: #ef4e3a; }
  3341.     .tabs-striped.tabs-assertive .tab-item.tab-item-active .badge, .tabs-striped.tabs-assertive .tab-item.active .badge, .tabs-striped.tabs-assertive .tab-item.activated .badge {
  3342.       top: 0.125rem;
  3343.       opacity: 1; }
  3344. .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 {
  3345.   top: 4%; }
  3346. .tabs-striped.tabs-balanced .tabs {
  3347.   background-color: #fff; }
  3348. .tabs-striped.tabs-balanced .tab-item {
  3349.   color: rgba(102, 204, 51, 0.4);
  3350.   opacity: 1; }
  3351.   .tabs-striped.tabs-balanced .tab-item .badge {
  3352.     opacity: 0.4; }
  3353.   .tabs-striped.tabs-balanced .tab-item.tab-item-active, .tabs-striped.tabs-balanced .tab-item.active, .tabs-striped.tabs-balanced .tab-item.activated {
  3354.     margin-top: -0.125rem;
  3355.     color: #66cc33;
  3356.     border-style: solid;
  3357.     border-width: 0.125rem 0 0 0;
  3358.     border-color: #66cc33; }
  3359.     .tabs-striped.tabs-balanced .tab-item.tab-item-active .badge, .tabs-striped.tabs-balanced .tab-item.active .badge, .tabs-striped.tabs-balanced .tab-item.activated .badge {
  3360.       top: 0.125rem;
  3361.       opacity: 1; }
  3362. .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 {
  3363.   top: 4%; }
  3364. .tabs-striped.tabs-energized .tabs {
  3365.   background-color: #fff; }
  3366. .tabs-striped.tabs-energized .tab-item {
  3367.   color: rgba(240, 184, 64, 0.4);
  3368.   opacity: 1; }
  3369.   .tabs-striped.tabs-energized .tab-item .badge {
  3370.     opacity: 0.4; }
  3371.   .tabs-striped.tabs-energized .tab-item.tab-item-active, .tabs-striped.tabs-energized .tab-item.active, .tabs-striped.tabs-energized .tab-item.activated {
  3372.     margin-top: -0.125rem;
  3373.     color: #f0b840;
  3374.     border-style: solid;
  3375.     border-width: 0.125rem 0 0 0;
  3376.     border-color: #f0b840; }
  3377.     .tabs-striped.tabs-energized .tab-item.tab-item-active .badge, .tabs-striped.tabs-energized .tab-item.active .badge, .tabs-striped.tabs-energized .tab-item.activated .badge {
  3378.       top: 0.125rem;
  3379.       opacity: 1; }
  3380. .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 {
  3381.   top: 4%; }
  3382. .tabs-striped.tabs-royal .tabs {
  3383.   background-color: #fff; }
  3384. .tabs-striped.tabs-royal .tab-item {
  3385.   color: rgba(138, 109, 233, 0.4);
  3386.   opacity: 1; }
  3387.   .tabs-striped.tabs-royal .tab-item .badge {
  3388.     opacity: 0.4; }
  3389.   .tabs-striped.tabs-royal .tab-item.tab-item-active, .tabs-striped.tabs-royal .tab-item.active, .tabs-striped.tabs-royal .tab-item.activated {
  3390.     margin-top: -0.125rem;
  3391.     color: #8a6de9;
  3392.     border-style: solid;
  3393.     border-width: 0.125rem 0 0 0;
  3394.     border-color: #8a6de9; }
  3395.     .tabs-striped.tabs-royal .tab-item.tab-item-active .badge, .tabs-striped.tabs-royal .tab-item.active .badge, .tabs-striped.tabs-royal .tab-item.activated .badge {
  3396.       top: 0.125rem;
  3397.       opacity: 1; }
  3398. .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 {
  3399.   top: 4%; }
  3400. .tabs-striped.tabs-dark .tabs {
  3401.   background-color: #fff; }
  3402. .tabs-striped.tabs-dark .tab-item {
  3403.   color: rgba(68, 68, 68, 0.4);
  3404.   opacity: 1; }
  3405.   .tabs-striped.tabs-dark .tab-item .badge {
  3406.     opacity: 0.4; }
  3407.   .tabs-striped.tabs-dark .tab-item.tab-item-active, .tabs-striped.tabs-dark .tab-item.active, .tabs-striped.tabs-dark .tab-item.activated {
  3408.     margin-top: -0.125rem;
  3409.     color: #444;
  3410.     border-style: solid;
  3411.     border-width: 0.125rem 0 0 0;
  3412.     border-color: #444; }
  3413.     .tabs-striped.tabs-dark .tab-item.tab-item-active .badge, .tabs-striped.tabs-dark .tab-item.active .badge, .tabs-striped.tabs-dark .tab-item.activated .badge {
  3414.       top: 0.125rem;
  3415.       opacity: 1; }
  3416. .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 {
  3417.   top: 4%; }
  3418. .tabs-striped.tabs-background-light .tabs {
  3419.   background-color: #fff; }
  3420. .tabs-striped.tabs-background-stable .tabs {
  3421.   background-color: #f8f8f8; }
  3422. .tabs-striped.tabs-background-positive .tabs {
  3423.   background-color: #4a87ee; }
  3424. .tabs-striped.tabs-background-calm .tabs {
  3425.   background-color: #43cee6; }
  3426. .tabs-striped.tabs-background-assertive .tabs {
  3427.   background-color: #ef4e3a; }
  3428. .tabs-striped.tabs-background-balanced .tabs {
  3429.   background-color: #66cc33; }
  3430. .tabs-striped.tabs-background-energized .tabs {
  3431.   background-color: #f0b840; }
  3432. .tabs-striped.tabs-background-royal .tabs {
  3433.   background-color: #8a6de9; }
  3434. .tabs-striped.tabs-background-dark .tabs {
  3435.   background-color: #444; }
  3436. .tabs-striped.tabs-color-light .tab-item {
  3437.   color: rgba(255, 255, 255, 0.4);
  3438.   opacity: 1; }
  3439.   .tabs-striped.tabs-color-light .tab-item .badge {
  3440.     opacity: 0.4; }
  3441.   .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 {
  3442.     margin-top: -0.125rem;
  3443.     color: #fff;
  3444.     border: 0 solid #fff;
  3445.     border-top-width: 0.125rem; }
  3446.     .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 {
  3447.       top: 0.125rem;
  3448.       opacity: 1; }
  3449. .tabs-striped.tabs-color-stable .tab-item {
  3450.   color: rgba(248, 248, 248, 0.4);
  3451.   opacity: 1; }
  3452.   .tabs-striped.tabs-color-stable .tab-item .badge {
  3453.     opacity: 0.4; }
  3454.   .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 {
  3455.     margin-top: -0.125rem;
  3456.     color: #f8f8f8;
  3457.     border: 0 solid #f8f8f8;
  3458.     border-top-width: 0.125rem; }
  3459.     .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 {
  3460.       top: 0.125rem;
  3461.       opacity: 1; }
  3462. .tabs-striped.tabs-color-positive .tab-item {
  3463.   color: rgba(74, 135, 238, 0.4);
  3464.   opacity: 1; }
  3465.   .tabs-striped.tabs-color-positive .tab-item .badge {
  3466.     opacity: 0.4; }
  3467.   .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 {
  3468.     margin-top: -0.125rem;
  3469.     color: #4a87ee;
  3470.     border: 0 solid #4a87ee;
  3471.     border-top-width: 0.125rem; }
  3472.     .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 {
  3473.       top: 0.125rem;
  3474.       opacity: 1; }
  3475. .tabs-striped.tabs-color-calm .tab-item {
  3476.   color: rgba(67, 206, 230, 0.4);
  3477.   opacity: 1; }
  3478.   .tabs-striped.tabs-color-calm .tab-item .badge {
  3479.     opacity: 0.4; }
  3480.   .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 {
  3481.     margin-top: -0.125rem;
  3482.     color: #43cee6;
  3483.     border: 0 solid #43cee6;
  3484.     border-top-width: 0.125rem; }
  3485.     .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 {
  3486.       top: 0.125rem;
  3487.       opacity: 1; }
  3488. .tabs-striped.tabs-color-assertive .tab-item {
  3489.   color: rgba(239, 78, 58, 0.4);
  3490.   opacity: 1; }
  3491.   .tabs-striped.tabs-color-assertive .tab-item .badge {
  3492.     opacity: 0.4; }
  3493.   .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 {
  3494.     margin-top: -0.125rem;
  3495.     color: #ef4e3a;
  3496.     border: 0 solid #ef4e3a;
  3497.     border-top-width: 0.125rem; }
  3498.     .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 {
  3499.       top: 0.125rem;
  3500.       opacity: 1; }
  3501. .tabs-striped.tabs-color-balanced .tab-item {
  3502.   color: rgba(102, 204, 51, 0.4);
  3503.   opacity: 1; }
  3504.   .tabs-striped.tabs-color-balanced .tab-item .badge {
  3505.     opacity: 0.4; }
  3506.   .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 {
  3507.     margin-top: -0.125rem;
  3508.     color: #66cc33;
  3509.     border: 0 solid #66cc33;
  3510.     border-top-width: 0.125rem; }
  3511.     .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 {
  3512.       top: 0.125rem;
  3513.       opacity: 1; }
  3514. .tabs-striped.tabs-color-energized .tab-item {
  3515.   color: rgba(240, 184, 64, 0.4);
  3516.   opacity: 1; }
  3517.   .tabs-striped.tabs-color-energized .tab-item .badge {
  3518.     opacity: 0.4; }
  3519.   .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 {
  3520.     margin-top: -0.125rem;
  3521.     color: #f0b840;
  3522.     border: 0 solid #f0b840;
  3523.     border-top-width: 0.125rem; }
  3524.     .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 {
  3525.       top: 0.125rem;
  3526.       opacity: 1; }
  3527. .tabs-striped.tabs-color-royal .tab-item {
  3528.   color: rgba(138, 109, 233, 0.4);
  3529.   opacity: 1; }
  3530.   .tabs-striped.tabs-color-royal .tab-item .badge {
  3531.     opacity: 0.4; }
  3532.   .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 {
  3533.     margin-top: -0.125rem;
  3534.     color: #8a6de9;
  3535.     border: 0 solid #8a6de9;
  3536.     border-top-width: 0.125rem; }
  3537.     .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 {
  3538.       top: 0.125rem;
  3539.       opacity: 1; }
  3540. .tabs-striped.tabs-color-dark .tab-item {
  3541.   color: rgba(68, 68, 68, 0.4);
  3542.   opacity: 1; }
  3543.   .tabs-striped.tabs-color-dark .tab-item .badge {
  3544.     opacity: 0.4; }
  3545.   .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 {
  3546.     margin-top: -0.125rem;
  3547.     color: #444;
  3548.     border: 0 solid #444;
  3549.     border-top-width: 0.125rem; }
  3550.     .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 {
  3551.       top: 0.125rem;
  3552.       opacity: 1; }
  3553.  
  3554. .tabs-top.tabs-striped {
  3555.   padding-bottom: 0; }
  3556.   .tabs-top.tabs-striped .tab-item {
  3557.     background: transparent;
  3558.     -webkit-transition: all 0.1s ease;
  3559.     -moz-transition: all 0.1s ease;
  3560.     -ms-transition: all 0.1s ease;
  3561.     -o-transition: all 0.1s ease;
  3562.     transition: all 0.1s ease; }
  3563.     .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated {
  3564.       margin-top: 0;
  3565.       margin-bottom: -0.125rem;
  3566.       border-width: 0.0rem 0.0rem 0.125rem 0.0rem !important;
  3567.       border-style: solid; }
  3568.     .tabs-top.tabs-striped .tab-item .badge {
  3569.       -webkit-transition: all 0.2s ease;
  3570.       -moz-transition: all 0.2s ease;
  3571.       -ms-transition: all 0.2s ease;
  3572.       -o-transition: all 0.2s ease;
  3573.       transition: all 0.2s ease; }
  3574.  
  3575. /* Allow parent element to have tabs-top */
  3576. /* If you change this, change platform.scss as well */
  3577. .tabs-top > .tabs, .tabs.tabs-top {
  3578.   top: 2.75rem;
  3579.   padding-top: 0;
  3580.   background-position: bottom; }
  3581.   .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 {
  3582.     top: 4%; }
  3583.  
  3584. .tabs-top ~ .bar-header {
  3585.   border-bottom-width: 0; }
  3586.  
  3587. .tab-item {
  3588.   -webkit-box-flex: 1;
  3589.   -webkit-flex: 1;
  3590.   -moz-box-flex: 1;
  3591.   -moz-flex: 1;
  3592.   -ms-flex: 1;
  3593.   flex: 1;
  3594.   display: block;
  3595.   overflow: hidden;
  3596.   max-width: 9.375rem;
  3597.   height: 100%;
  3598.   color: inherit;
  3599.   text-align: center;
  3600.   text-decoration: none;
  3601.   text-overflow: ellipsis;
  3602.   white-space: nowrap;
  3603.   font-weight: 400;
  3604.   font-size: 0.875rem;
  3605.   font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  3606.   opacity: 0.7; }
  3607.   .tab-item:hover {
  3608.     cursor: pointer; }
  3609.   .tab-item.tab-hidden {
  3610.     display: none; }
  3611.  
  3612. .tabs-item-hide > .tabs, .tabs.tabs-item-hide {
  3613.   display: none; }
  3614.  
  3615. .tabs-icon-top > .tabs .tab-item, .tabs-icon-top.tabs .tab-item, .tabs-icon-bottom > .tabs .tab-item, .tabs-icon-bottom.tabs .tab-item {
  3616.   font-size: 0.75rem;
  3617.   line-height: 0.875rem; }
  3618.  
  3619. .tab-item .icon {
  3620.   display: block;
  3621.   margin: 0 auto;
  3622.   height: 2.0rem;
  3623.   font-size: 2.0rem; }
  3624.  
  3625. .tabs-icon-left.tabs .tab-item, .tabs-icon-left > .tabs .tab-item, .tabs-icon-right.tabs .tab-item, .tabs-icon-right > .tabs .tab-item {
  3626.   font-size: 0.75rem; }
  3627.   .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 {
  3628.     display: inline-block;
  3629.     vertical-align: top;
  3630.     margin-top: -0.1em; }
  3631.     .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 {
  3632.       font-size: 1.5rem;
  3633.       line-height: 3.0625rem; }
  3634.  
  3635. .tabs-icon-left > .tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .icon {
  3636.   padding-right: 0.1875rem; }
  3637.  
  3638. .tabs-icon-right > .tabs .tab-item .icon, .tabs-icon-right.tabs .tab-item .icon {
  3639.   padding-left: 0.1875rem; }
  3640.  
  3641. .tabs-icon-only > .tabs .icon, .tabs-icon-only.tabs .icon {
  3642.   line-height: inherit; }
  3643.  
  3644. .tab-item.has-badge {
  3645.   position: relative; }
  3646.  
  3647. .tab-item .badge {
  3648.   position: absolute;
  3649.   top: 4%;
  3650.   right: 33%;
  3651.   right: calc(50% - 1.625rem);
  3652.   padding: 0.0625rem 0.375rem;
  3653.   height: auto;
  3654.   font-size: 0.75rem;
  3655.   line-height: 1.0rem; }
  3656.  
  3657. /* Navigational tab */
  3658. /* Active state for tab */
  3659. .tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
  3660.   opacity: 1; }
  3661.   .tab-item.tab-item-active.tab-item-light, .tab-item.active.tab-item-light, .tab-item.activated.tab-item-light {
  3662.     color: #fff; }
  3663.   .tab-item.tab-item-active.tab-item-stable, .tab-item.active.tab-item-stable, .tab-item.activated.tab-item-stable {
  3664.     color: #f8f8f8; }
  3665.   .tab-item.tab-item-active.tab-item-positive, .tab-item.active.tab-item-positive, .tab-item.activated.tab-item-positive {
  3666.     color: #4a87ee; }
  3667.   .tab-item.tab-item-active.tab-item-calm, .tab-item.active.tab-item-calm, .tab-item.activated.tab-item-calm {
  3668.     color: #43cee6; }
  3669.   .tab-item.tab-item-active.tab-item-assertive, .tab-item.active.tab-item-assertive, .tab-item.activated.tab-item-assertive {
  3670.     color: #ef4e3a; }
  3671.   .tab-item.tab-item-active.tab-item-balanced, .tab-item.active.tab-item-balanced, .tab-item.activated.tab-item-balanced {
  3672.     color: #66cc33; }
  3673.   .tab-item.tab-item-active.tab-item-energized, .tab-item.active.tab-item-energized, .tab-item.activated.tab-item-energized {
  3674.     color: #f0b840; }
  3675.   .tab-item.tab-item-active.tab-item-royal, .tab-item.active.tab-item-royal, .tab-item.activated.tab-item-royal {
  3676.     color: #8a6de9; }
  3677.   .tab-item.tab-item-active.tab-item-dark, .tab-item.active.tab-item-dark, .tab-item.activated.tab-item-dark {
  3678.     color: #444; }
  3679.  
  3680. .item.tabs {
  3681.   display: -webkit-box;
  3682.   display: -webkit-flex;
  3683.   display: -moz-box;
  3684.   display: -moz-flex;
  3685.   display: -ms-flexbox;
  3686.   display: flex;
  3687.   padding: 0; }
  3688.   .item.tabs .icon:before {
  3689.     position: relative; }
  3690.  
  3691. .tab-item.disabled, .tab-item[disabled] {
  3692.   opacity: 0.4;
  3693.   cursor: default;
  3694.   pointer-events: none; }
  3695.  
  3696. /** Platform styles **/
  3697. .tab-item.tab-item-android {
  3698.   border-top: 0.125rem solid inherit; }
  3699.  
  3700. /**
  3701.  * Menus
  3702.  * --------------------------------------------------
  3703.  * Side panel structure
  3704.  */
  3705. .menu {
  3706.   position: absolute;
  3707.   top: 0;
  3708.   bottom: 0;
  3709.   z-index: 0;
  3710.   overflow: hidden;
  3711.   min-height: 100%;
  3712.   max-height: 100%;
  3713.   width: 17.1875rem;
  3714.   background-color: #fff; }
  3715.   .menu .scroll-content {
  3716.     z-index: 10; }
  3717.   .menu .bar-header {
  3718.     z-index: 11; }
  3719.  
  3720. .menu-content {
  3721.   -webkit-transform: none;
  3722.   -moz-transform: none;
  3723.   transform: none;
  3724.   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); }
  3725.  
  3726. .menu-open .menu-content .pane, .menu-open .menu-content .scroll-content {
  3727.   pointer-events: none; }
  3728.  
  3729. .grade-b .menu-content, .grade-c .menu-content {
  3730.   -webkit-box-sizing: content-box;
  3731.   -moz-box-sizing: content-box;
  3732.   box-sizing: content-box;
  3733.   right: -0.0625rem;
  3734.   left: -0.0625rem;
  3735.   border-right: 0.0625rem solid #ccc;
  3736.   border-left: 0.0625rem solid #ccc;
  3737.   box-shadow: none; }
  3738.  
  3739. .menu-left {
  3740.   left: 0; }
  3741.  
  3742. .menu-right {
  3743.   right: 0; }
  3744.  
  3745. .menu-animated {
  3746.   -webkit-transition: -webkit-transform 200ms ease;
  3747.   -moz-transition: -moz-transform 200ms ease;
  3748.   transition: transform 200ms ease; }
  3749.  
  3750. /**
  3751.  * Modals
  3752.  * --------------------------------------------------
  3753.  * Modals are independent windows that slide in from off-screen.
  3754.  */
  3755. .modal-backdrop {
  3756.   -webkit-transition: background-color 300ms ease-in-out;
  3757.   -moz-transition: background-color 300ms ease-in-out;
  3758.   transition: background-color 300ms ease-in-out;
  3759.   position: fixed;
  3760.   top: 0;
  3761.   left: 0;
  3762.   z-index: 10;
  3763.   width: 100%;
  3764.   height: 100%;
  3765.   background-color: rgba(0, 0, 0, 0); }
  3766.   .modal-backdrop.active {
  3767.     background-color: rgba(0, 0, 0, 0.5); }
  3768.  
  3769. .modal {
  3770.   display: block;
  3771.   position: absolute;
  3772.   top: 0;
  3773.   z-index: 10;
  3774.   overflow: hidden;
  3775.   min-height: 100%;
  3776.   width: 100%;
  3777.   background-color: #fff; }
  3778.  
  3779. @media (min-width: 42.5rem) {
  3780.   .modal {
  3781.     top: 20%;
  3782.     right: 20%;
  3783.     bottom: 20%;
  3784.     left: 20%;
  3785.     overflow: visible;
  3786.     min-height: 15.0rem;
  3787.     width: 60%; }
  3788.   .modal.ng-leave-active {
  3789.     bottom: 0; }
  3790.   .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
  3791.     height: 2.75rem; }
  3792.     .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
  3793.       margin-top: 0; }
  3794.   .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs, .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
  3795.     top: 2.75rem; }
  3796.   .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
  3797.     top: 2.75rem; }
  3798.   .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
  3799.     top: 5.5rem; }
  3800.   .platform-ios.platform-cordova .modal-wrapper .modal .has-tabs-top {
  3801.     top: 5.8125rem; }
  3802.   .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
  3803.     top: 8.5625rem; } }
  3804.  
  3805. .modal-open {
  3806.   pointer-events: none; }
  3807.   .modal-open .modal, .modal-open .modal-backdrop {
  3808.     pointer-events: auto; }
  3809.   .modal-open.loading-active .modal, .modal-open.loading-active .modal-backdrop {
  3810.     pointer-events: none; }
  3811.  
  3812. /**
  3813.  * Popovers
  3814.  * --------------------------------------------------
  3815.  * Popovers are independent views which float over content
  3816.  */
  3817. .popover-backdrop {
  3818.   position: fixed;
  3819.   top: 0;
  3820.   left: 0;
  3821.   z-index: 10;
  3822.   width: 100%;
  3823.   height: 100%;
  3824.   background-color: rgba(0, 0, 0, 0); }
  3825.   .popover-backdrop.active {
  3826.     background-color: rgba(0, 0, 0, 0.1); }
  3827.  
  3828. .popover {
  3829.   position: absolute;
  3830.   top: 25%;
  3831.   left: 50%;
  3832.   z-index: 10;
  3833.   display: block;
  3834.   margin-left: -6.875rem;
  3835.   margin-top: 0.75rem;
  3836.   height: 17.5rem;
  3837.   width: 13.75rem;
  3838.   background-color: #fff;
  3839.   box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  3840.   opacity: 0; }
  3841.   .popover .item:first-child {
  3842.     border-top: 0; }
  3843.   .popover .item:last-child {
  3844.     border-bottom: 0; }
  3845.  
  3846. .popover, .popover .bar-header {
  3847.   border-radius: 0.125rem; }
  3848.  
  3849. .popover .scroll-content {
  3850.   z-index: 1;
  3851.   margin: 0.125rem 0; }
  3852.  
  3853. .popover .bar-header {
  3854.   border-bottom-right-radius: 0;
  3855.   border-bottom-left-radius: 0; }
  3856.  
  3857. .popover .has-header {
  3858.   border-top-right-radius: 0;
  3859.   border-top-left-radius: 0; }
  3860.  
  3861. .popover-arrow {
  3862.   display: none; }
  3863.  
  3864. .platform-ios .popover {
  3865.   box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.08); }
  3866. .platform-ios .popover, .platform-ios .popover .bar-header {
  3867.   border-radius: 0.625rem; }
  3868. .platform-ios .popover .scroll-content {
  3869.   margin: 0.5rem 0;
  3870.   border-radius: 0.625rem; }
  3871. .platform-ios .popover .scroll-content.has-header {
  3872.   margin-top: 0; }
  3873. .platform-ios .popover-arrow {
  3874.   position: absolute;
  3875.   top: -1.0625rem;
  3876.   left: 43%;
  3877.   display: block;
  3878.   width: 1.875rem;
  3879.   height: 1.1875rem;
  3880.   overflow: hidden; }
  3881.   .platform-ios .popover-arrow:after {
  3882.     position: absolute;
  3883.     top: 0.75rem;
  3884.     left: 0.3125rem;
  3885.     width: 1.25rem;
  3886.     height: 1.25rem;
  3887.     background-color: #fff;
  3888.     border-radius: 0.1875rem;
  3889.     content: '';
  3890.     -webkit-transform: rotate(-45deg);
  3891.     -moz-transform: rotate(-45deg);
  3892.     transform: rotate(-45deg); }
  3893.  
  3894. .platform-android .popover {
  3895.   background-color: #fafafa;
  3896.   box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.35);
  3897.   margin-top: -2.0rem; }
  3898.   .platform-android .popover .item {
  3899.     border-color: #fafafa;
  3900.     background-color: #fafafa;
  3901.     color: #4d4d4d; }
  3902. .platform-android .popover-backdrop, .platform-android .popover-backdrop.active {
  3903.   background-color: transparent; }
  3904.  
  3905. .popover-open {
  3906.   pointer-events: none; }
  3907.   .popover-open .popover, .popover-open .popover-backdrop {
  3908.     pointer-events: auto; }
  3909.   .popover-open.loading-active .popover, .popover-open.loading-active .popover-backdrop {
  3910.     pointer-events: none; }
  3911.  
  3912. @media (min-width: 42.5rem) {
  3913.   .popover {
  3914.     width: 22.5rem; } }
  3915.  
  3916. /**
  3917.  * Popups
  3918.  * --------------------------------------------------
  3919.  */
  3920. .popup {
  3921.   position: fixed;
  3922.   top: 50%;
  3923.   left: 50%;
  3924.   z-index: 12;
  3925.   visibility: hidden;
  3926.   width: 15.625rem;
  3927.   max-width: 100%;
  3928.   border-radius: 0.0rem;
  3929.   background-color: rgba(255, 255, 255, 0.9); }
  3930.   .popup.popup-hidden {
  3931.     -webkit-animation-name: scaleOut;
  3932.     -moz-animation-name: scaleOut;
  3933.     animation-name: scaleOut;
  3934.     -webkit-animation-duration: 0.1s;
  3935.     -moz-animation-duration: 0.1s;
  3936.     animation-duration: 0.1s;
  3937.     -webkit-animation-timing-function: ease-in-out;
  3938.     -moz-animation-timing-function: ease-in-out;
  3939.     animation-timing-function: ease-in-out;
  3940.     -webkit-animation-fill-mode: both;
  3941.     -moz-animation-fill-mode: both;
  3942.     animation-fill-mode: both; }
  3943.   .popup.popup-showing {
  3944.     visibility: visible; }
  3945.   .popup.active {
  3946.     -webkit-animation-name: superScaleIn;
  3947.     -moz-animation-name: superScaleIn;
  3948.     animation-name: superScaleIn;
  3949.     -webkit-animation-duration: 0.2s;
  3950.     -moz-animation-duration: 0.2s;
  3951.     animation-duration: 0.2s;
  3952.     -webkit-animation-timing-function: ease-in-out;
  3953.     -moz-animation-timing-function: ease-in-out;
  3954.     animation-timing-function: ease-in-out;
  3955.     -webkit-animation-fill-mode: both;
  3956.     -moz-animation-fill-mode: both;
  3957.     animation-fill-mode: both; }
  3958.   .popup.popup-tall {
  3959.     overflow: hidden; }
  3960.     .popup.popup-tall .popup-body {
  3961.       overflow: auto; }
  3962.  
  3963. .popup-head {
  3964.   padding: 0.9375rem 0.0rem;
  3965.   border-bottom: 0.0625rem solid #eee;
  3966.   text-align: center; }
  3967.  
  3968. .popup-title {
  3969.   margin: 0;
  3970.   padding: 0;
  3971.   font-size: 0.9375rem; }
  3972.  
  3973. .popup-sub-title {
  3974.   margin: 0.3125rem 0 0 0;
  3975.   padding: 0;
  3976.   font-weight: normal;
  3977.   font-size: 0.6875rem; }
  3978.  
  3979. .popup-body {
  3980.   padding: 0.625rem; }
  3981.  
  3982. .popup-buttons.row {
  3983.   padding: 0.625rem 0.625rem; }
  3984. .popup-buttons .button {
  3985.   margin: 0.0rem 0.3125rem;
  3986.   min-height: 2.8125rem;
  3987.   border-radius: 0.125rem;
  3988.   line-height: 1.25rem; }
  3989.   .popup-buttons .button:first-child {
  3990.     margin-left: 0.0rem; }
  3991.   .popup-buttons .button:last-child {
  3992.     margin-right: 0.0rem; }
  3993.  
  3994. .popup-open {
  3995.   pointer-events: none; }
  3996.   .popup-open.modal-open .modal {
  3997.     pointer-events: none; }
  3998.   .popup-open .popup-backdrop, .popup-open .popup {
  3999.     pointer-events: auto; }
  4000.  
  4001. /**
  4002.  * Loading
  4003.  * --------------------------------------------------
  4004.  */
  4005. .loading-container {
  4006.   position: absolute;
  4007.   left: 0;
  4008.   top: 0;
  4009.   right: 0;
  4010.   bottom: 0;
  4011.   z-index: 13;
  4012.   display: -webkit-box;
  4013.   display: -webkit-flex;
  4014.   display: -moz-box;
  4015.   display: -moz-flex;
  4016.   display: -ms-flexbox;
  4017.   display: flex;
  4018.   -webkit-box-pack: center;
  4019.   -ms-flex-pack: center;
  4020.   -webkit-justify-content: center;
  4021.   -moz-justify-content: center;
  4022.   justify-content: center;
  4023.   -webkit-box-align: center;
  4024.   -ms-flex-align: center;
  4025.   -webkit-align-items: center;
  4026.   -moz-align-items: center;
  4027.   align-items: center;
  4028.   -webkit-transition: 0.2s opacity linear;
  4029.   -moz-transition: 0.2s opacity linear;
  4030.   transition: 0.2s opacity linear;
  4031.   visibility: hidden;
  4032.   opacity: 0; }
  4033.   .loading-container.visible {
  4034.     visibility: visible; }
  4035.   .loading-container.active {
  4036.     opacity: 1; }
  4037.   .loading-container .loading {
  4038.     padding: 1.25rem;
  4039.     border-radius: 0.3125rem;
  4040.     background-color: rgba(0, 0, 0, 0.7);
  4041.     color: #fff;
  4042.     text-align: center;
  4043.     text-overflow: ellipsis;
  4044.     font-size: 0.9375rem; }
  4045.     .loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 {
  4046.       color: #fff; }
  4047.  
  4048. /**
  4049.  * Items
  4050.  * --------------------------------------------------
  4051.  */
  4052. .item {
  4053.   border-color: #ddd;
  4054.   background-color: #fff;
  4055.   color: #444;
  4056.   position: relative;
  4057.   z-index: 2;
  4058.   display: block;
  4059.   margin: -0.0625rem;
  4060.   padding: 1.0rem;
  4061.   border-width: 0.0625rem;
  4062.   border-style: solid;
  4063.   font-size: 1.0rem; }
  4064.   .item h2 {
  4065.     margin: 0 0 0.25rem 0;
  4066.     font-size: 1.0rem; }
  4067.   .item h3 {
  4068.     margin: 0 0 0.25rem 0;
  4069.     font-size: 0.875rem; }
  4070.   .item h4 {
  4071.     margin: 0 0 0.25rem 0;
  4072.     font-size: 0.75rem; }
  4073.   .item h5, .item h6 {
  4074.     margin: 0 0 0.1875rem 0;
  4075.     font-size: 0.625rem; }
  4076.   .item p {
  4077.     color: #666;
  4078.     font-size: 0.875rem; }
  4079.   .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 {
  4080.     margin-bottom: 0; }
  4081.   .item .badge {
  4082.     display: -webkit-box;
  4083.     display: -webkit-flex;
  4084.     display: -moz-box;
  4085.     display: -moz-flex;
  4086.     display: -ms-flexbox;
  4087.     display: flex;
  4088.     position: absolute;
  4089.     top: 1.0rem;
  4090.     right: 2.0rem; }
  4091.   .item.item-button-right .badge {
  4092.     right: 4.1875rem; }
  4093.   .item.item-divider .badge {
  4094.     top: 0.5rem; }
  4095.   .item .badge + .badge {
  4096.     margin-right: 0.3125rem; }
  4097.   .item.item-light {
  4098.     border-color: #ddd;
  4099.     background-color: #fff;
  4100.     color: #444; }
  4101.   .item.item-stable {
  4102.     border-color: #b2b2b2;
  4103.     background-color: #f8f8f8;
  4104.     color: #444; }
  4105.   .item.item-positive {
  4106.     border-color: #145fd7;
  4107.     background-color: #4a87ee;
  4108.     color: #fff; }
  4109.   .item.item-calm {
  4110.     border-color: #1aacc3;
  4111.     background-color: #43cee6;
  4112.     color: #fff; }
  4113.   .item.item-assertive {
  4114.     border-color: #cc2311;
  4115.     background-color: #ef4e3a;
  4116.     color: #fff; }
  4117.   .item.item-balanced {
  4118.     border-color: #498f24;
  4119.     background-color: #66cc33;
  4120.     color: #fff; }
  4121.   .item.item-energized {
  4122.     border-color: #d39211;
  4123.     background-color: #f0b840;
  4124.     color: #fff; }
  4125.   .item.item-royal {
  4126.     border-color: #552bdf;
  4127.     background-color: #8a6de9;
  4128.     color: #fff; }
  4129.   .item.item-dark {
  4130.     border-color: #111;
  4131.     background-color: #444;
  4132.     color: #fff; }
  4133.   .item[ng-click]:hover {
  4134.     cursor: pointer; }
  4135.  
  4136. .item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated {
  4137.   border-color: #ccc;
  4138.   background-color: #D9D9D9; }
  4139.   .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 {
  4140.     border-color: #ccc;
  4141.     background-color: #fafafa; }
  4142.   .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 {
  4143.     border-color: #a2a2a2;
  4144.     background-color: #e5e5e5; }
  4145.   .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 {
  4146.     border-color: #145fd7;
  4147.     background-color: #145fd7; }
  4148.   .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 {
  4149.     border-color: #1aacc3;
  4150.     background-color: #1aacc3; }
  4151.   .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 {
  4152.     border-color: #cc2311;
  4153.     background-color: #cc2311; }
  4154.   .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 {
  4155.     border-color: #498f24;
  4156.     background-color: #498f24; }
  4157.   .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 {
  4158.     border-color: #d39211;
  4159.     background-color: #d39211; }
  4160.   .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 {
  4161.     border-color: #552bdf;
  4162.     background-color: #552bdf; }
  4163.   .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 {
  4164.     border-color: #000;
  4165.     background-color: #262626; }
  4166.  
  4167. .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 {
  4168.   overflow: hidden;
  4169.   text-overflow: ellipsis;
  4170.   white-space: nowrap; }
  4171.  
  4172. a.item {
  4173.   color: inherit;
  4174.   text-decoration: none; }
  4175.   a.item:hover, a.item:focus {
  4176.     text-decoration: none; }
  4177.  
  4178. /**
  4179.  * Complex Items
  4180.  * --------------------------------------------------
  4181.  * Adding .item-complex allows the .item to be slidable and
  4182.  * have options underneath the button, but also requires an
  4183.  * additional .item-content element inside .item.
  4184.  * Basically .item-complex removes any default settings which
  4185.  * .item added, so that .item-content looks them as just .item.
  4186.  */
  4187. .item-complex, a.item.item-complex, button.item.item-complex {
  4188.   padding: 0; }
  4189.  
  4190. .item-complex .item-content, .item-radio .item-content {
  4191.   position: relative;
  4192.   z-index: 2;
  4193.   padding: 1.0rem 3.0625rem 1.0rem 1.0rem;
  4194.   border: none;
  4195.   background-color: white; }
  4196.  
  4197. a.item-content {
  4198.   display: block;
  4199.   color: inherit;
  4200.   text-decoration: none; }
  4201.  
  4202. .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 {
  4203.   overflow: visible;
  4204.   white-space: normal; }
  4205.  
  4206. .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 {
  4207.   overflow: visible;
  4208.   white-space: normal; }
  4209.  
  4210. .item-complex.item-light > .item-content {
  4211.   border-color: #ddd;
  4212.   background-color: #fff;
  4213.   color: #444; }
  4214.   .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active {
  4215.     border-color: #ccc;
  4216.     background-color: #fafafa; }
  4217. .item-complex.item-stable > .item-content {
  4218.   border-color: #b2b2b2;
  4219.   background-color: #f8f8f8;
  4220.   color: #444; }
  4221.   .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active {
  4222.     border-color: #a2a2a2;
  4223.     background-color: #e5e5e5; }
  4224. .item-complex.item-positive > .item-content {
  4225.   border-color: #145fd7;
  4226.   background-color: #4a87ee;
  4227.   color: #fff; }
  4228.   .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active {
  4229.     border-color: #145fd7;
  4230.     background-color: #145fd7; }
  4231. .item-complex.item-calm > .item-content {
  4232.   border-color: #1aacc3;
  4233.   background-color: #43cee6;
  4234.   color: #fff; }
  4235.   .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active {
  4236.     border-color: #1aacc3;
  4237.     background-color: #1aacc3; }
  4238. .item-complex.item-assertive > .item-content {
  4239.   border-color: #cc2311;
  4240.   background-color: #ef4e3a;
  4241.   color: #fff; }
  4242.   .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active {
  4243.     border-color: #cc2311;
  4244.     background-color: #cc2311; }
  4245. .item-complex.item-balanced > .item-content {
  4246.   border-color: #498f24;
  4247.   background-color: #66cc33;
  4248.   color: #fff; }
  4249.   .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active {
  4250.     border-color: #498f24;
  4251.     background-color: #498f24; }
  4252. .item-complex.item-energized > .item-content {
  4253.   border-color: #d39211;
  4254.   background-color: #f0b840;
  4255.   color: #fff; }
  4256.   .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active {
  4257.     border-color: #d39211;
  4258.     background-color: #d39211; }
  4259. .item-complex.item-royal > .item-content {
  4260.   border-color: #552bdf;
  4261.   background-color: #8a6de9;
  4262.   color: #fff; }
  4263.   .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active {
  4264.     border-color: #552bdf;
  4265.     background-color: #552bdf; }
  4266. .item-complex.item-dark > .item-content {
  4267.   border-color: #111;
  4268.   background-color: #444;
  4269.   color: #fff; }
  4270.   .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active {
  4271.     border-color: #000;
  4272.     background-color: #262626; }
  4273.  
  4274. /**
  4275.  * Item Icons
  4276.  * --------------------------------------------------
  4277.  */
  4278. .item-icon-left .icon, .item-icon-right .icon {
  4279.   display: -webkit-box;
  4280.   display: -webkit-flex;
  4281.   display: -moz-box;
  4282.   display: -moz-flex;
  4283.   display: -ms-flexbox;
  4284.   display: flex;
  4285.   -webkit-box-align: center;
  4286.   -ms-flex-align: center;
  4287.   -webkit-align-items: center;
  4288.   -moz-align-items: center;
  4289.   align-items: center;
  4290.   position: absolute;
  4291.   top: 0;
  4292.   height: 100%;
  4293.   font-size: 2.0rem; }
  4294.   .item-icon-left .icon:before, .item-icon-right .icon:before {
  4295.     display: block;
  4296.     width: 2.0rem;
  4297.     text-align: center; }
  4298.  
  4299. .item .fill-icon {
  4300.   min-width: 1.875rem;
  4301.   min-height: 1.875rem;
  4302.   font-size: 1.75rem; }
  4303.  
  4304. .item-icon-left {
  4305.   padding-left: 3.375rem; }
  4306.   .item-icon-left .icon {
  4307.     left: 0.6875rem; }
  4308.  
  4309. .item-complex.item-icon-left {
  4310.   padding-left: 0; }
  4311.   .item-complex.item-icon-left .item-content {
  4312.     padding-left: 3.375rem; }
  4313.  
  4314. .item-icon-right {
  4315.   padding-right: 3.375rem; }
  4316.   .item-icon-right .icon {
  4317.     right: 0.6875rem; }
  4318.  
  4319. .item-complex.item-icon-right {
  4320.   padding-right: 0; }
  4321.   .item-complex.item-icon-right .item-content {
  4322.     padding-right: 3.375rem; }
  4323.  
  4324. .item-icon-left.item-icon-right .icon:first-child {
  4325.   right: auto; }
  4326.  
  4327. .item-icon-left.item-icon-right .icon:last-child, .item-icon-left .item-delete .icon {
  4328.   left: auto; }
  4329.  
  4330. .item-icon-left .icon-accessory, .item-icon-right .icon-accessory {
  4331.   color: #ccc;
  4332.   font-size: 1.0rem; }
  4333.  
  4334. .item-icon-left .icon-accessory {
  4335.   left: 0.1875rem; }
  4336.  
  4337. .item-icon-right .icon-accessory {
  4338.   right: 0.1875rem; }
  4339.  
  4340. /**
  4341.  * Item Button
  4342.  * --------------------------------------------------
  4343.  * An item button is a child button inside an .item (not the entire .item)
  4344.  */
  4345. .item-button-left {
  4346.   padding-left: 4.5rem; }
  4347.  
  4348. .item-button-left > .button, .item-button-left .item-content > .button {
  4349.   display: -webkit-box;
  4350.   display: -webkit-flex;
  4351.   display: -moz-box;
  4352.   display: -moz-flex;
  4353.   display: -ms-flexbox;
  4354.   display: flex;
  4355.   -webkit-box-align: center;
  4356.   -ms-flex-align: center;
  4357.   -webkit-align-items: center;
  4358.   -moz-align-items: center;
  4359.   align-items: center;
  4360.   position: absolute;
  4361.   top: 0.5rem;
  4362.   left: 0.6875rem;
  4363.   min-width: 2.125rem;
  4364.   min-height: 2.125rem;
  4365.   font-size: 1.125rem;
  4366.   line-height: 2.0rem; }
  4367.   .item-button-left > .button .icon:before, .item-button-left .item-content > .button .icon:before {
  4368.     position: relative;
  4369.     left: auto;
  4370.     width: auto;
  4371.     line-height: 1.9375rem; }
  4372.   .item-button-left > .button > .button, .item-button-left .item-content > .button > .button {
  4373.     margin: 0.0rem 0.125rem;
  4374.     min-height: 2.125rem;
  4375.     font-size: 1.125rem;
  4376.     line-height: 2.0rem; }
  4377.  
  4378. .item-button-right, a.item.item-button-right, button.item.item-button-right {
  4379.   padding-right: 5.0rem; }
  4380.  
  4381. .item-button-right > .button, .item-button-right .item-content > .button, .item-button-right > .buttons, .item-button-right .item-content > .buttons {
  4382.   display: -webkit-box;
  4383.   display: -webkit-flex;
  4384.   display: -moz-box;
  4385.   display: -moz-flex;
  4386.   display: -ms-flexbox;
  4387.   display: flex;
  4388.   -webkit-box-align: center;
  4389.   -ms-flex-align: center;
  4390.   -webkit-align-items: center;
  4391.   -moz-align-items: center;
  4392.   align-items: center;
  4393.   position: absolute;
  4394.   top: 0.5rem;
  4395.   right: 1.0rem;
  4396.   min-width: 2.125rem;
  4397.   min-height: 2.125rem;
  4398.   font-size: 1.125rem;
  4399.   line-height: 2.0rem; }
  4400.   .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 {
  4401.     position: relative;
  4402.     left: auto;
  4403.     width: auto;
  4404.     line-height: 1.9375rem; }
  4405.   .item-button-right > .button > .button, .item-button-right .item-content > .button > .button, .item-button-right > .buttons > .button, .item-button-right .item-content > .buttons > .button {
  4406.     margin: 0.0rem 0.125rem;
  4407.     min-width: 2.125rem;
  4408.     min-height: 2.125rem;
  4409.     font-size: 1.125rem;
  4410.     line-height: 2.0rem; }
  4411.  
  4412. .item-avatar, .item-avatar .item-content, .item-avatar-left, .item-avatar-left .item-content {
  4413.   padding-left: 4.5rem;
  4414.   min-height: 4.5rem; }
  4415.   .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 {
  4416.     position: absolute;
  4417.     top: 1.0rem;
  4418.     left: 1.0rem;
  4419.     max-width: 2.5rem;
  4420.     max-height: 2.5rem;
  4421.     width: 100%;
  4422.     border-radius: 0.25rem; }
  4423.  
  4424. .item-avatar-right, .item-avatar-right .item-content {
  4425.   padding-right: 4.5rem;
  4426.   min-height: 4.5rem; }
  4427.   .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 {
  4428.     position: absolute;
  4429.     top: 1.0rem;
  4430.     right: 1.0rem;
  4431.     max-width: 2.5rem;
  4432.     max-height: 2.5rem;
  4433.     width: 100%;
  4434.     border-radius: 0.25rem; }
  4435.  
  4436. .item-thumbnail-left, .item-thumbnail-left .item-content {
  4437.   padding-left: 6.625rem;
  4438.   min-height: 6.25rem; }
  4439.   .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 {
  4440.     position: absolute;
  4441.     top: 0.625rem;
  4442.     left: 0.625rem;
  4443.     max-width: 5.0rem;
  4444.     max-height: 5.0rem;
  4445.     width: 100%; }
  4446.  
  4447. .item-avatar.item-complex, .item-avatar-left.item-complex, .item-thumbnail-left.item-complex {
  4448.   padding-left: 0; }
  4449.  
  4450. .item-thumbnail-right, .item-thumbnail-right .item-content {
  4451.   padding-right: 6.625rem;
  4452.   min-height: 6.25rem; }
  4453.   .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 {
  4454.     position: absolute;
  4455.     top: 0.625rem;
  4456.     right: 0.625rem;
  4457.     max-width: 5.0rem;
  4458.     max-height: 5.0rem;
  4459.     width: 100%; }
  4460.  
  4461. .item-avatar-right.item-complex, .item-thumbnail-right.item-complex {
  4462.   padding-right: 0; }
  4463.  
  4464. .item-image {
  4465.   padding: 0;
  4466.   text-align: center; }
  4467.   .item-image img:first-child, .item-image .list-img {
  4468.     width: 100%;
  4469.     vertical-align: middle; }
  4470.  
  4471. .item-body {
  4472.   overflow: auto;
  4473.   padding: 1.0rem;
  4474.   text-overflow: inherit;
  4475.   white-space: normal; }
  4476.   .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p {
  4477.     margin-top: 1.0rem;
  4478.     margin-bottom: 1.0rem; }
  4479.  
  4480. .item-divider {
  4481.   padding-top: 0.5rem;
  4482.   padding-bottom: 0.5rem;
  4483.   min-height: 1.875rem;
  4484.   background-color: #f5f5f5;
  4485.   color: #222;
  4486.   font-weight: bold; }
  4487.  
  4488. .item-note {
  4489.   float: right;
  4490.   color: #aaa;
  4491.   font-size: 0.875rem; }
  4492.  
  4493. .item-left-editable .item-content, .item-right-editable .item-content {
  4494.   -webkit-transition-duration: 250ms;
  4495.   -moz-transition-duration: 250ms;
  4496.   transition-duration: 250ms;
  4497.   -webkit-transition-timing-function: ease-in-out;
  4498.   -moz-transition-timing-function: ease-in-out;
  4499.   transition-timing-function: ease-in-out;
  4500.   -webkit-transition-property: -webkit-transform;
  4501.   -moz-transition-property: -moz-transform;
  4502.   transition-property: transform; }
  4503.  
  4504. .list-left-editing .item-left-editable .item-content, .item-left-editing.item-left-editable .item-content {
  4505.   -webkit-transform: translate3d(3.125rem, 0, 0);
  4506.   -moz-transform: translate3d(3.125rem, 0, 0);
  4507.   transform: translate3d(3.125rem, 0, 0); }
  4508.  
  4509. .list-right-editing .item-right-editable .item-content, .item-right-editing.item-right-editable .item-content {
  4510.   -webkit-transform: translate3d(-3.125rem, 0, 0);
  4511.   -moz-transform: translate3d(-3.125rem, 0, 0);
  4512.   transform: translate3d(-3.125rem, 0, 0); }
  4513.  
  4514. .item-left-edit {
  4515.   -webkit-transition: all ease-in-out 125ms;
  4516.   -moz-transition: all ease-in-out 125ms;
  4517.   transition: all ease-in-out 125ms;
  4518.   position: absolute;
  4519.   top: 0;
  4520.   left: 0;
  4521.   z-index: 0;
  4522.   width: 3.125rem;
  4523.   height: 100%;
  4524.   line-height: 100%;
  4525.   display: none;
  4526.   opacity: 0;
  4527.   -webkit-transform: translate3d(-1.3125rem, 0, 0);
  4528.   -moz-transform: translate3d(-1.3125rem, 0, 0);
  4529.   transform: translate3d(-1.3125rem, 0, 0); }
  4530.   .item-left-edit .button {
  4531.     height: 100%; }
  4532.     .item-left-edit .button.icon {
  4533.       display: -webkit-box;
  4534.       display: -webkit-flex;
  4535.       display: -moz-box;
  4536.       display: -moz-flex;
  4537.       display: -ms-flexbox;
  4538.       display: flex;
  4539.       -webkit-box-align: center;
  4540.       -ms-flex-align: center;
  4541.       -webkit-align-items: center;
  4542.       -moz-align-items: center;
  4543.       align-items: center;
  4544.       position: absolute;
  4545.       top: 0;
  4546.       height: 100%; }
  4547.   .item-left-edit.visible {
  4548.     display: block; }
  4549.     .item-left-edit.visible.active {
  4550.       opacity: 1;
  4551.       -webkit-transform: translate3d(0.5rem, 0, 0);
  4552.       -moz-transform: translate3d(0.5rem, 0, 0);
  4553.       transform: translate3d(0.5rem, 0, 0); }
  4554.  
  4555. .list-left-editing .item-left-edit {
  4556.   -webkit-transition-delay: 125ms;
  4557.   -moz-transition-delay: 125ms;
  4558.   transition-delay: 125ms; }
  4559.  
  4560. .item-delete .button.icon {
  4561.   color: #ef4e3a;
  4562.   font-size: 1.5rem; }
  4563.   .item-delete .button.icon:hover {
  4564.     opacity: 0.7; }
  4565.  
  4566. .item-right-edit {
  4567.   -webkit-transition: all ease-in-out 125ms;
  4568.   -moz-transition: all ease-in-out 125ms;
  4569.   transition: all ease-in-out 125ms;
  4570.   position: absolute;
  4571.   top: 0;
  4572.   right: 0;
  4573.   z-index: 0;
  4574.   width: 4.6875rem;
  4575.   height: 100%;
  4576.   background: inherit;
  4577.   padding-left: 1.25rem;
  4578.   display: none;
  4579.   opacity: 0;
  4580.   -webkit-transform: translate3d(1.5625rem, 0, 0);
  4581.   -moz-transform: translate3d(1.5625rem, 0, 0);
  4582.   transform: translate3d(1.5625rem, 0, 0); }
  4583.   .item-right-edit .button {
  4584.     min-width: 3.125rem;
  4585.     height: 100%; }
  4586.     .item-right-edit .button.icon {
  4587.       display: -webkit-box;
  4588.       display: -webkit-flex;
  4589.       display: -moz-box;
  4590.       display: -moz-flex;
  4591.       display: -ms-flexbox;
  4592.       display: flex;
  4593.       -webkit-box-align: center;
  4594.       -ms-flex-align: center;
  4595.       -webkit-align-items: center;
  4596.       -moz-align-items: center;
  4597.       align-items: center;
  4598.       position: absolute;
  4599.       top: 0;
  4600.       height: 100%;
  4601.       font-size: 2.0rem; }
  4602.   .item-right-edit.visible {
  4603.     display: block;
  4604.     z-index: 3; }
  4605.     .item-right-edit.visible.active {
  4606.       opacity: 1;
  4607.       -webkit-transform: translate3d(0, 0, 0);
  4608.       -moz-transform: translate3d(0, 0, 0);
  4609.       transform: translate3d(0, 0, 0); }
  4610.  
  4611. .list-right-editing .item-right-edit {
  4612.   -webkit-transition-delay: 125ms;
  4613.   -moz-transition-delay: 125ms;
  4614.   transition-delay: 125ms; }
  4615.  
  4616. .item-reorder .button.icon {
  4617.   color: #444;
  4618.   font-size: 2.0rem; }
  4619.  
  4620. .item-reordering {
  4621.   position: absolute;
  4622.   left: 0;
  4623.   top: 0;
  4624.   z-index: 9;
  4625.   width: 100%;
  4626.   box-shadow: 0.0rem 0.0rem 0.625rem 0.0rem #aaa; }
  4627.   .item-reordering .item-reorder {
  4628.     z-index: 1; }
  4629.  
  4630. .item-placeholder {
  4631.   opacity: 0.7; }
  4632.  
  4633. /**
  4634.  * The hidden right-side buttons that can be exposed under a list item
  4635.  * with dragging.
  4636.  */
  4637. .item-options {
  4638.   position: absolute;
  4639.   top: 0;
  4640.   right: 0;
  4641.   z-index: 1;
  4642.   height: 100%; }
  4643.   .item-options .button {
  4644.     height: 100%;
  4645.     border: none;
  4646.     border-radius: 0; }
  4647.  
  4648. /**
  4649.  * Lists
  4650.  * --------------------------------------------------
  4651.  */
  4652. .list {
  4653.   position: relative;
  4654.   padding-top: 0.0625rem;
  4655.   padding-bottom: 0.0625rem;
  4656.   padding-left: 0;
  4657.   margin-bottom: 1.25rem; }
  4658.  
  4659. .list:last-child {
  4660.   margin-bottom: 0.0rem; }
  4661.   .list:last-child.card {
  4662.     margin-bottom: 2.5rem; }
  4663.  
  4664. /**
  4665.  * List Header
  4666.  * --------------------------------------------------
  4667.  */
  4668. .list-header {
  4669.   margin-top: 1.25rem;
  4670.   padding: 0.3125rem 0.9375rem;
  4671.   background-color: transparent;
  4672.   color: #222;
  4673.   font-weight: bold; }
  4674.  
  4675. .card.list .list-item {
  4676.   padding-right: 0.0625rem;
  4677.   padding-left: 0.0625rem; }
  4678.  
  4679. /**
  4680.  * Cards and Inset Lists
  4681.  * --------------------------------------------------
  4682.  * A card and list-inset are close to the same thing, except a card as a box shadow.
  4683.  */
  4684. .card, .list-inset {
  4685.   overflow: hidden;
  4686.   margin: 1.25rem 0.625rem;
  4687.   border-radius: 0.125rem;
  4688.   background-color: #fff; }
  4689.  
  4690. .card {
  4691.   padding-top: 0.0625rem;
  4692.   padding-bottom: 0.0625rem;
  4693.   box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.25); }
  4694.  
  4695. .padding .card, .padding .list-inset {
  4696.   margin-left: 0;
  4697.   margin-right: 0; }
  4698.  
  4699. .card .item:first-child, .list-inset .item:first-child, .padding > .list .item:first-child {
  4700.   border-top-left-radius: 0.125rem;
  4701.   border-top-right-radius: 0.125rem; }
  4702.   .card .item:first-child .item-content, .list-inset .item:first-child .item-content, .padding > .list .item:first-child .item-content {
  4703.     border-top-left-radius: 0.125rem;
  4704.     border-top-right-radius: 0.125rem; }
  4705. .card .item:last-child, .list-inset .item:last-child, .padding > .list .item:last-child {
  4706.   border-bottom-right-radius: 0.125rem;
  4707.   border-bottom-left-radius: 0.125rem; }
  4708.   .card .item:last-child .item-content, .list-inset .item:last-child .item-content, .padding > .list .item:last-child .item-content {
  4709.     border-bottom-right-radius: 0.125rem;
  4710.     border-bottom-left-radius: 0.125rem; }
  4711.  
  4712. .card .item:last-child, .list-inset .item:last-child {
  4713.   margin-bottom: -0.0625rem; }
  4714.  
  4715. .card .item, .list-inset .item, .padding > .list .item, .padding-horizontal > .list .item {
  4716.   margin-right: 0;
  4717.   margin-left: 0; }
  4718.   .card .item.item-input input, .list-inset .item.item-input input, .padding > .list .item.item-input input, .padding-horizontal > .list .item.item-input input {
  4719.     padding-right: 2.75rem; }
  4720.  
  4721. .padding-left > .list .item {
  4722.   margin-left: 0; }
  4723.  
  4724. .padding-right > .list .item {
  4725.   margin-right: 0; }
  4726.  
  4727. /**
  4728.  * Badges
  4729.  * --------------------------------------------------
  4730.  */
  4731. .badge {
  4732.   background-color: transparent;
  4733.   color: #AAAAAA;
  4734.   z-index: 1;
  4735.   display: inline-block;
  4736.   padding: 0.1875rem 0.5rem;
  4737.   min-width: 0.625rem;
  4738.   border-radius: 0.625rem;
  4739.   vertical-align: baseline;
  4740.   text-align: center;
  4741.   white-space: nowrap;
  4742.   font-weight: bold;
  4743.   font-size: 0.875rem;
  4744.   line-height: 1.0rem; }
  4745.   .badge:empty {
  4746.     display: none; }
  4747.  
  4748. .tabs .tab-item .badge.badge-light, .badge.badge-light {
  4749.   background-color: #fff;
  4750.   color: #444; }
  4751. .tabs .tab-item .badge.badge-stable, .badge.badge-stable {
  4752.   background-color: #f8f8f8;
  4753.   color: #444; }
  4754. .tabs .tab-item .badge.badge-positive, .badge.badge-positive {
  4755.   background-color: #4a87ee;
  4756.   color: #fff; }
  4757. .tabs .tab-item .badge.badge-calm, .badge.badge-calm {
  4758.   background-color: #43cee6;
  4759.   color: #fff; }
  4760. .tabs .tab-item .badge.badge-assertive, .badge.badge-assertive {
  4761.   background-color: #ef4e3a;
  4762.   color: #fff; }
  4763. .tabs .tab-item .badge.badge-balanced, .badge.badge-balanced {
  4764.   background-color: #66cc33;
  4765.   color: #fff; }
  4766. .tabs .tab-item .badge.badge-energized, .badge.badge-energized {
  4767.   background-color: #f0b840;
  4768.   color: #fff; }
  4769. .tabs .tab-item .badge.badge-royal, .badge.badge-royal {
  4770.   background-color: #8a6de9;
  4771.   color: #fff; }
  4772. .tabs .tab-item .badge.badge-dark, .badge.badge-dark {
  4773.   background-color: #444;
  4774.   color: #fff; }
  4775.  
  4776. .button .badge {
  4777.   position: relative;
  4778.   top: -0.0625rem; }
  4779.  
  4780. /**
  4781.  * Slide Box
  4782.  * --------------------------------------------------
  4783.  */
  4784. .slider {
  4785.   position: relative;
  4786.   visibility: hidden;
  4787.   overflow: hidden; }
  4788.  
  4789. .slider-slides {
  4790.   position: relative;
  4791.   height: 100%; }
  4792.  
  4793. .slider-slide {
  4794.   position: relative;
  4795.   display: block;
  4796.   float: left;
  4797.   width: 100%;
  4798.   height: 100%;
  4799.   vertical-align: top; }
  4800.  
  4801. .slider-slide-image > img {
  4802.   width: 100%; }
  4803.  
  4804. .slider-pager {
  4805.   position: absolute;
  4806.   bottom: 1.25rem;
  4807.   z-index: 1;
  4808.   width: 100%;
  4809.   height: 0.9375rem;
  4810.   text-align: center; }
  4811.   .slider-pager .slider-pager-page {
  4812.     display: inline-block;
  4813.     margin: 0.0rem 0.1875rem;
  4814.     width: 0.9375rem;
  4815.     color: #000;
  4816.     text-decoration: none;
  4817.     opacity: 0.3; }
  4818.     .slider-pager .slider-pager-page.active {
  4819.       -webkit-transition: opacity 0.4s ease-in;
  4820.       -moz-transition: opacity 0.4s ease-in;
  4821.       transition: opacity 0.4s ease-in;
  4822.       opacity: 1; }
  4823.  
  4824. /**
  4825.  * Split Pane
  4826.  * --------------------------------------------------
  4827.  */
  4828. .split-pane {
  4829.   display: -webkit-box;
  4830.   display: -webkit-flex;
  4831.   display: -moz-box;
  4832.   display: -moz-flex;
  4833.   display: -ms-flexbox;
  4834.   display: flex;
  4835.   -webkit-box-align: stretch;
  4836.   -ms-flex-align: stretch;
  4837.   -webkit-align-items: stretch;
  4838.   -moz-align-items: stretch;
  4839.   align-items: stretch;
  4840.   width: 100%;
  4841.   height: 100%; }
  4842.  
  4843. .split-pane-menu {
  4844.   -webkit-box-flex: 0;
  4845.   -webkit-flex: 0 0 20.0rem;
  4846.   -moz-box-flex: 0;
  4847.   -moz-flex: 0 0 20.0rem;
  4848.   -ms-flex: 0 0 20.0rem;
  4849.   flex: 0 0 20.0rem;
  4850.   overflow-y: auto;
  4851.   width: 20.0rem;
  4852.   height: 100%;
  4853.   border-right: 0.0625rem solid #eee; }
  4854.   @media all and (max-width: 35.5rem) {
  4855.     .split-pane-menu {
  4856.       border-right: none; } }
  4857.  
  4858. .split-pane-content {
  4859.   -webkit-box-flex: 1;
  4860.   -webkit-flex: 1 0 auto;
  4861.   -moz-box-flex: 1;
  4862.   -moz-flex: 1 0 auto;
  4863.   -ms-flex: 1 0 auto;
  4864.   flex: 1 0 auto; }
  4865.  
  4866. /**
  4867.  * Forms
  4868.  * --------------------------------------------------
  4869.  */
  4870. form {
  4871.   margin: 0 0 1.42857; }
  4872.  
  4873. legend {
  4874.   display: block;
  4875.   margin-bottom: 1.42857;
  4876.   padding: 0;
  4877.   width: 100%;
  4878.   border: 0.0625rem solid #ddd;
  4879.   color: #444;
  4880.   font-size: 1.3125rem;
  4881.   line-height: 2.85714; }
  4882.   legend small {
  4883.     color: #f8f8f8;
  4884.     font-size: 1.07143; }
  4885.  
  4886. label, input, button, select, textarea {
  4887.   font-weight: normal;
  4888.   font-size: 0.875rem;
  4889.   line-height: 1.42857; }
  4890.  
  4891. input, button, select, textarea {
  4892.   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  4893.  
  4894. .item-input {
  4895.   display: -webkit-box;
  4896.   display: -webkit-flex;
  4897.   display: -moz-box;
  4898.   display: -moz-flex;
  4899.   display: -ms-flexbox;
  4900.   display: flex;
  4901.   -webkit-box-align: center;
  4902.   -ms-flex-align: center;
  4903.   -webkit-align-items: center;
  4904.   -moz-align-items: center;
  4905.   align-items: center;
  4906.   position: relative;
  4907.   overflow: hidden;
  4908.   padding: 0.375rem 0 0.3125rem 1.0rem; }
  4909.   .item-input input {
  4910.     -webkit-border-radius: 0;
  4911.     -moz-border-radius: 0;
  4912.     border-radius: 0;
  4913.     -webkit-box-flex: 1;
  4914.     -webkit-flex: 1 0 13.75rem;
  4915.     -moz-box-flex: 1;
  4916.     -moz-flex: 1 0 13.75rem;
  4917.     -ms-flex: 1 0 13.75rem;
  4918.     flex: 1 0 13.75rem;
  4919.     -webkit-appearance: none;
  4920.     -moz-appearance: none;
  4921.     appearance: none;
  4922.     margin: 0;
  4923.     padding-right: 1.5rem;
  4924.     background-color: transparent; }
  4925.   .item-input .button .icon {
  4926.     -webkit-box-flex: 0;
  4927.     -webkit-flex: 0 0 1.5rem;
  4928.     -moz-box-flex: 0;
  4929.     -moz-flex: 0 0 1.5rem;
  4930.     -ms-flex: 0 0 1.5rem;
  4931.     flex: 0 0 1.5rem;
  4932.     position: static;
  4933.     display: inline-block;
  4934.     height: auto;
  4935.     text-align: center;
  4936.     font-size: 1.0rem; }
  4937.   .item-input .button-bar {
  4938.     -webkit-border-radius: 0;
  4939.     -moz-border-radius: 0;
  4940.     border-radius: 0;
  4941.     -webkit-box-flex: 1;
  4942.     -webkit-flex: 1 0 13.75rem;
  4943.     -moz-box-flex: 1;
  4944.     -moz-flex: 1 0 13.75rem;
  4945.     -ms-flex: 1 0 13.75rem;
  4946.     flex: 1 0 13.75rem;
  4947.     -webkit-appearance: none;
  4948.     -moz-appearance: none;
  4949.     appearance: none; }
  4950.   .item-input .icon {
  4951.     min-width: 0.875rem; }
  4952.  
  4953. .item-input-inset {
  4954.   display: -webkit-box;
  4955.   display: -webkit-flex;
  4956.   display: -moz-box;
  4957.   display: -moz-flex;
  4958.   display: -ms-flexbox;
  4959.   display: flex;
  4960.   -webkit-box-align: center;
  4961.   -ms-flex-align: center;
  4962.   -webkit-align-items: center;
  4963.   -moz-align-items: center;
  4964.   align-items: center;
  4965.   position: relative;
  4966.   overflow: hidden;
  4967.   padding: 0.666666875rem; }
  4968.  
  4969. .item-input-wrapper {
  4970.   display: -webkit-box;
  4971.   display: -webkit-flex;
  4972.   display: -moz-box;
  4973.   display: -moz-flex;
  4974.   display: -ms-flexbox;
  4975.   display: flex;
  4976.   -webkit-box-flex: 1;
  4977.   -webkit-flex: 1 0;
  4978.   -moz-box-flex: 1;
  4979.   -moz-flex: 1 0;
  4980.   -ms-flex: 1 0;
  4981.   flex: 1 0;
  4982.   -webkit-box-align: center;
  4983.   -ms-flex-align: center;
  4984.   -webkit-align-items: center;
  4985.   -moz-align-items: center;
  4986.   align-items: center;
  4987.   -webkit-border-radius: 0.25rem;
  4988.   -moz-border-radius: 0.25rem;
  4989.   border-radius: 0.25rem;
  4990.   padding-right: 0.5rem;
  4991.   padding-left: 0.5rem;
  4992.   background: #eee; }
  4993.  
  4994. .item-input-inset .item-input-wrapper input {
  4995.   padding-left: 0.25rem;
  4996.   height: 1.8125rem;
  4997.   background: transparent;
  4998.   line-height: 1.125rem; }
  4999.  
  5000. .item-input-wrapper ~ .button {
  5001.   margin-left: 0.666666875rem; }
  5002.  
  5003. .input-label {
  5004.   -webkit-box-flex: 1;
  5005.   -webkit-flex: 1 0 6.25rem;
  5006.   -moz-box-flex: 1;
  5007.   -moz-flex: 1 0 6.25rem;
  5008.   -ms-flex: 1 0 6.25rem;
  5009.   flex: 1 0 6.25rem;
  5010.   display: table;
  5011.   padding: 0.4375rem 0.625rem 0.4375rem 0.0rem;
  5012.   max-width: 12.5rem;
  5013.   width: 35%;
  5014.   color: #444;
  5015.   font-size: 1.0rem; }
  5016.  
  5017. .placeholder-icon {
  5018.   color: #aaa; }
  5019.   .placeholder-icon:first-child {
  5020.     padding-right: 0.375rem; }
  5021.   .placeholder-icon:last-child {
  5022.     padding-left: 0.375rem; }
  5023.  
  5024. .item-stacked-label {
  5025.   display: block;
  5026.   background-color: transparent;
  5027.   box-shadow: none; }
  5028.   .item-stacked-label .input-label, .item-stacked-label .icon {
  5029.     display: inline-block;
  5030.     padding: 0.25rem 0 0 0.0rem;
  5031.     vertical-align: middle; }
  5032.  
  5033. .item-stacked-label input, .item-stacked-label textarea {
  5034.   -webkit-border-radius: 0.125rem;
  5035.   -moz-border-radius: 0.125rem;
  5036.   border-radius: 0.125rem;
  5037.   padding: 0.25rem 0.5rem 0.1875rem 0;
  5038.   border: none;
  5039.   background-color: #fff; }
  5040.  
  5041. .item-stacked-label input {
  5042.   overflow: hidden;
  5043.   height: 2.875rem; }
  5044.  
  5045. .item-floating-label {
  5046.   display: block;
  5047.   background-color: transparent;
  5048.   box-shadow: none; }
  5049.   .item-floating-label .input-label {
  5050.     position: relative;
  5051.     padding: 0.3125rem 0 0 0;
  5052.     opacity: 0;
  5053.     top: 0.625rem;
  5054.     -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
  5055.     -moz-transition: opacity 0.15s ease-in, top 0.2s linear;
  5056.     transition: opacity 0.15s ease-in, top 0.2s linear; }
  5057.     .item-floating-label .input-label.has-input {
  5058.       opacity: 1;
  5059.       top: 0;
  5060.       -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
  5061.       -moz-transition: opacity 0.15s ease-in, top 0.2s linear;
  5062.       transition: opacity 0.15s ease-in, top 0.2s linear; }
  5063.  
  5064. 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"] {
  5065.   display: block;
  5066.   padding-top: 0.125rem;
  5067.   padding-left: 0;
  5068.   height: 2.125rem;
  5069.   color: #111;
  5070.   vertical-align: middle;
  5071.   font-size: 0.875rem;
  5072.   line-height: 1.0rem; }
  5073.  
  5074. .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"] {
  5075.   padding-top: 0.5rem; }
  5076.  
  5077. input, textarea {
  5078.   width: 100%; }
  5079.  
  5080. textarea {
  5081.   padding-left: 0; }
  5082.   textarea::-moz-placeholder {
  5083.     /* Firefox 19+ */
  5084.     color: #aaaaaa; }
  5085.   textarea:-ms-input-placeholder {
  5086.     color: #aaaaaa; }
  5087.   textarea::-webkit-input-placeholder {
  5088.     color: #aaaaaa;
  5089.     text-indent: -0.1875rem; }
  5090.  
  5091. textarea {
  5092.   height: auto; }
  5093.  
  5094. 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"] {
  5095.   border: 0; }
  5096.  
  5097. input[type="radio"], input[type="checkbox"] {
  5098.   margin: 0;
  5099.   line-height: normal; }
  5100.  
  5101. input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
  5102.   width: auto; }
  5103.  
  5104. input[type="file"] {
  5105.   line-height: 2.125rem; }
  5106.  
  5107. .previous-input-focus, .cloned-text-input + input, .cloned-text-input + textarea {
  5108.   position: absolute !important;
  5109.   left: -624.9375rem;
  5110.   width: 12.5rem; }
  5111.  
  5112. input::-moz-placeholder, textarea::-moz-placeholder {
  5113.   /* Firefox 19+ */
  5114.   color: #aaaaaa; }
  5115. input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  5116.   color: #aaaaaa; }
  5117. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  5118.   color: #aaaaaa;
  5119.   text-indent: 0; }
  5120.  
  5121. input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly] {
  5122.   background-color: #f8f8f8;
  5123.   cursor: not-allowed; }
  5124.  
  5125. input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
  5126.   background-color: transparent; }
  5127.  
  5128. /**
  5129.  * Checkbox
  5130.  * --------------------------------------------------
  5131.  */
  5132. .checkbox {
  5133.   position: relative;
  5134.   display: inline-block;
  5135.   padding: 0.4375rem 0.4375rem;
  5136.   cursor: pointer; }
  5137.   .checkbox input:before, .checkbox .checkbox-icon:before {
  5138.     border-color: #4a87ee; }
  5139.   .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
  5140.     background: #4a87ee; }
  5141.  
  5142. .checkbox-light input:before, .checkbox-light .checkbox-icon:before {
  5143.   border-color: #ddd; }
  5144. .checkbox-light input:checked:before, .checkbox-light input:checked + .checkbox-icon:before {
  5145.   background: #ddd; }
  5146.  
  5147. .checkbox-stable input:before, .checkbox-stable .checkbox-icon:before {
  5148.   border-color: #b2b2b2; }
  5149. .checkbox-stable input:checked:before, .checkbox-stable input:checked + .checkbox-icon:before {
  5150.   background: #b2b2b2; }
  5151.  
  5152. .checkbox-positive input:before, .checkbox-positive .checkbox-icon:before {
  5153.   border-color: #4a87ee; }
  5154. .checkbox-positive input:checked:before, .checkbox-positive input:checked + .checkbox-icon:before {
  5155.   background: #4a87ee; }
  5156.  
  5157. .checkbox-calm input:before, .checkbox-calm .checkbox-icon:before {
  5158.   border-color: #43cee6; }
  5159. .checkbox-calm input:checked:before, .checkbox-calm input:checked + .checkbox-icon:before {
  5160.   background: #43cee6; }
  5161.  
  5162. .checkbox-assertive input:before, .checkbox-assertive .checkbox-icon:before {
  5163.   border-color: #ef4e3a; }
  5164. .checkbox-assertive input:checked:before, .checkbox-assertive input:checked + .checkbox-icon:before {
  5165.   background: #ef4e3a; }
  5166.  
  5167. .checkbox-balanced input:before, .checkbox-balanced .checkbox-icon:before {
  5168.   border-color: #66cc33; }
  5169. .checkbox-balanced input:checked:before, .checkbox-balanced input:checked + .checkbox-icon:before {
  5170.   background: #66cc33; }
  5171.  
  5172. .checkbox-energized input:before, .checkbox-energized .checkbox-icon:before {
  5173.   border-color: #f0b840; }
  5174. .checkbox-energized input:checked:before, .checkbox-energized input:checked + .checkbox-icon:before {
  5175.   background: #f0b840; }
  5176.  
  5177. .checkbox-royal input:before, .checkbox-royal .checkbox-icon:before {
  5178.   border-color: #8a6de9; }
  5179. .checkbox-royal input:checked:before, .checkbox-royal input:checked + .checkbox-icon:before {
  5180.   background: #8a6de9; }
  5181.  
  5182. .checkbox-dark input:before, .checkbox-dark .checkbox-icon:before {
  5183.   border-color: #444; }
  5184. .checkbox-dark input:checked:before, .checkbox-dark input:checked + .checkbox-icon:before {
  5185.   background: #444; }
  5186.  
  5187. .checkbox input:disabled:before, .checkbox input:disabled + .checkbox-icon:before {
  5188.   border-color: #ddd; }
  5189.  
  5190. .checkbox input:disabled:checked:before, .checkbox input:disabled:checked + .checkbox-icon:before {
  5191.   background: #ddd; }
  5192.  
  5193. .checkbox.checkbox-input-hidden input {
  5194.   display: none !important; }
  5195.  
  5196. .checkbox input, .checkbox-icon {
  5197.   position: relative;
  5198.   width: 1.75rem;
  5199.   height: 1.75rem;
  5200.   display: block;
  5201.   border: 0;
  5202.   background: transparent;
  5203.   cursor: pointer;
  5204.   -webkit-appearance: none; }
  5205.   .checkbox input:before, .checkbox-icon:before {
  5206.     display: table;
  5207.     width: 100%;
  5208.     height: 100%;
  5209.     border-width: 0.0625rem;
  5210.     border-style: solid;
  5211.     border-radius: 1.75rem;
  5212.     background: #fff;
  5213.     content: ' ';
  5214.     transition: background-color 20ms ease-in-out; }
  5215.  
  5216. .checkbox input:checked:before, input:checked + .checkbox-icon:before {
  5217.   border-width: 0.125rem; }
  5218.  
  5219. .checkbox input:after, .checkbox-icon:after {
  5220.   -webkit-transition: opacity 0.05s ease-in-out;
  5221.   -moz-transition: opacity 0.05s ease-in-out;
  5222.   transition: opacity 0.05s ease-in-out;
  5223.   -webkit-transform: rotate(-45deg);
  5224.   -moz-transform: rotate(-45deg);
  5225.   transform: rotate(-45deg);
  5226.   position: absolute;
  5227.   top: 30%;
  5228.   left: 26%;
  5229.   display: table;
  5230.   width: 0.9375rem;
  5231.   height: 0.645833125rem;
  5232.   border: 0.1875rem solid #fff;
  5233.   border-top: 0;
  5234.   border-right: 0;
  5235.   content: ' ';
  5236.   opacity: 0; }
  5237.  
  5238. .grade-c .checkbox input:after, .grade-c .checkbox-icon:after {
  5239.   -webkit-transform: rotate(0);
  5240.   -moz-transform: rotate(0);
  5241.   transform: rotate(0);
  5242.   top: 0.1875rem;
  5243.   left: 0.25rem;
  5244.   border: none;
  5245.   color: #fff;
  5246.   content: '\2713';
  5247.   font-weight: bold;
  5248.   font-size: 1.25rem; }
  5249.  
  5250. .checkbox input:checked:after, input:checked + .checkbox-icon:after {
  5251.   opacity: 1; }
  5252.  
  5253. .item-checkbox {
  5254.   padding-left: 3.75rem; }
  5255.   .item-checkbox.active {
  5256.     box-shadow: none; }
  5257.  
  5258. .item-checkbox .checkbox {
  5259.   position: absolute;
  5260.   top: 50%;
  5261.   right: 0.5rem;
  5262.   left: 0.5rem;
  5263.   z-index: 3;
  5264.   margin-top: -1.3125rem; }
  5265.  
  5266. .item-checkbox.item-checkbox-right {
  5267.   padding-right: 3.75rem;
  5268.   padding-left: 1.0rem; }
  5269.  
  5270. .item-checkbox-right .checkbox input, .item-checkbox-right .checkbox-icon {
  5271.   float: right; }
  5272.  
  5273. /**
  5274.  * Toggle
  5275.  * --------------------------------------------------
  5276.  */
  5277. .item-toggle {
  5278.   pointer-events: none; }
  5279.  
  5280. .toggle {
  5281.   position: relative;
  5282.   display: inline-block;
  5283.   pointer-events: auto;
  5284.   margin: -0.3125rem;
  5285.   padding: 0.3125rem; }
  5286.   .toggle input:checked + .track {
  5287.     border-color: #4a87ee;
  5288.     background-color: #4a87ee; }
  5289.   .toggle.dragging .handle {
  5290.     background-color: #f2f2f2 !important; }
  5291.   .toggle.toggle-light input:checked + .track {
  5292.     border-color: #ddd;
  5293.     background-color: #ddd; }
  5294.   .toggle.toggle-stable input:checked + .track {
  5295.     border-color: #b2b2b2;
  5296.     background-color: #b2b2b2; }
  5297.   .toggle.toggle-positive input:checked + .track {
  5298.     border-color: #4a87ee;
  5299.     background-color: #4a87ee; }
  5300.   .toggle.toggle-calm input:checked + .track {
  5301.     border-color: #43cee6;
  5302.     background-color: #43cee6; }
  5303.   .toggle.toggle-assertive input:checked + .track {
  5304.     border-color: #ef4e3a;
  5305.     background-color: #ef4e3a; }
  5306.   .toggle.toggle-balanced input:checked + .track {
  5307.     border-color: #66cc33;
  5308.     background-color: #66cc33; }
  5309.   .toggle.toggle-energized input:checked + .track {
  5310.     border-color: #f0b840;
  5311.     background-color: #f0b840; }
  5312.   .toggle.toggle-royal input:checked + .track {
  5313.     border-color: #8a6de9;
  5314.     background-color: #8a6de9; }
  5315.   .toggle.toggle-dark input:checked + .track {
  5316.     border-color: #444;
  5317.     background-color: #444; }
  5318.  
  5319. .toggle input {
  5320.   display: none; }
  5321.  
  5322. /* the track appearance when the toggle is "off" */
  5323. .toggle .track {
  5324.   -webkit-transition-timing-function: ease-in-out;
  5325.   -moz-transition-timing-function: ease-in-out;
  5326.   transition-timing-function: ease-in-out;
  5327.   -webkit-transition-duration: 0.2s;
  5328.   -moz-transition-duration: 0.2s;
  5329.   transition-duration: 0.2s;
  5330.   -webkit-transition-property: background-color, border;
  5331.   -moz-transition-property: background-color, border;
  5332.   transition-property: background-color, border;
  5333.   display: inline-block;
  5334.   box-sizing: border-box;
  5335.   width: 3.375rem;
  5336.   height: 2.0rem;
  5337.   border: solid 0.125rem #E5E5E5;
  5338.   border-radius: 1.25rem;
  5339.   background-color: #E5E5E5;
  5340.   content: ' ';
  5341.   cursor: pointer;
  5342.   pointer-events: none; }
  5343.  
  5344. /* Fix to avoid background color bleeding */
  5345. /* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
  5346. .platform-android4_2 .toggle .track {
  5347.   -webkit-background-clip: padding-box; }
  5348.  
  5349. /* the handle (circle) thats inside the toggle's track area */
  5350. /* also the handle's appearance when it is "off" */
  5351. .toggle .handle {
  5352.   -webkit-transition: 0.2s ease-in-out;
  5353.   -moz-transition: 0.2s ease-in-out;
  5354.   transition: 0.2s ease-in-out;
  5355.   position: absolute;
  5356.   display: block;
  5357.   width: 1.75rem;
  5358.   height: 1.75rem;
  5359.   border-radius: 1.75rem;
  5360.   background-color: #fff;
  5361.   top: 0.4375rem;
  5362.   left: 0.4375rem; }
  5363.   .toggle .handle:before {
  5364.     position: absolute;
  5365.     top: -0.25rem;
  5366.     left: -1.375rem;
  5367.     padding: 1.1875rem 2.1875rem;
  5368.     content: " "; }
  5369.  
  5370. .toggle input:checked + .track .handle {
  5371.   -webkit-transform: translate3d(1.375rem, 0, 0);
  5372.   -moz-transform: translate3d(1.375rem, 0, 0);
  5373.   transform: translate3d(1.375rem, 0, 0);
  5374.   background-color: #fff; }
  5375.  
  5376. .item-toggle.active {
  5377.   box-shadow: none; }
  5378.  
  5379. .item-toggle, .item-toggle.item-complex .item-content {
  5380.   padding-right: 6.375rem; }
  5381.  
  5382. .item-toggle.item-complex {
  5383.   padding-right: 0; }
  5384.  
  5385. .item-toggle .toggle {
  5386.   position: absolute;
  5387.   top: 0.5rem;
  5388.   right: 1.0rem;
  5389.   z-index: 3; }
  5390.  
  5391. .toggle input:disabled + .track {
  5392.   opacity: 0.6; }
  5393.  
  5394. /**
  5395.  * Radio Button Inputs
  5396.  * --------------------------------------------------
  5397.  */
  5398. .item-radio {
  5399.   padding: 0; }
  5400.   .item-radio:hover {
  5401.     cursor: pointer; }
  5402.  
  5403. .item-radio .item-content {
  5404.   /* give some room to the right for the checkmark icon */
  5405.   padding-right: 4.0rem; }
  5406.  
  5407. .item-radio .radio-icon {
  5408.   /* checkmark icon will be hidden by default */
  5409.   position: absolute;
  5410.   top: 0;
  5411.   right: 0;
  5412.   z-index: 3;
  5413.   visibility: hidden;
  5414.   padding: 0.875rem;
  5415.   height: 100%;
  5416.   font-size: 1.5rem; }
  5417.  
  5418. .item-radio input {
  5419.   /* hide any radio button inputs elements (the ugly circles) */
  5420.   position: absolute;
  5421.   left: -624.9375rem; }
  5422.   .item-radio input:checked ~ .item-content {
  5423.     /* style the item content when its checked */
  5424.     background: #f7f7f7; }
  5425.   .item-radio input:checked ~ .radio-icon {
  5426.     /* show the checkmark icon when its checked */
  5427.     visibility: visible; }
  5428.  
  5429. .platform-android.grade-b .item-radio, .platform-android.grade-c .item-radio {
  5430.   -webkit-animation: androidCheckedbugfix infinite 1s; }
  5431.  
  5432. @-webkit-keyframes androidCheckedbugfix {
  5433.   from {
  5434.     padding: 0; }
  5435.  
  5436.   to {
  5437.     padding: 0; } }
  5438.  
  5439. /**
  5440.  * Range
  5441.  * --------------------------------------------------
  5442.  */
  5443. input[type="range"] {
  5444.   display: inline-block;
  5445.   overflow: hidden;
  5446.   margin-top: 0.3125rem;
  5447.   margin-bottom: 0.3125rem;
  5448.   padding-right: 0.125rem;
  5449.   padding-left: 0.0625rem;
  5450.   width: auto;
  5451.   height: 2.1875rem;
  5452.   outline: none;
  5453.   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
  5454.   background: linear-gradient(to right, #ccc 0%, #ccc 100%);
  5455.   background-position: center;
  5456.   background-size: 99% 0.25rem;
  5457.   background-repeat: no-repeat;
  5458.   -webkit-appearance: none; }
  5459.   input[type="range"]::-webkit-slider-thumb {
  5460.     position: relative;
  5461.     width: 1.25rem;
  5462.     height: 1.25rem;
  5463.     border-radius: 0.625rem;
  5464.     background-color: #fff;
  5465.     box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.5), 0.0625rem 0.1875rem 0.3125rem rgba(0, 0, 0, 0.25);
  5466.     cursor: pointer;
  5467.     -webkit-appearance: none; }
  5468.   input[type="range"]::-webkit-slider-thumb:before {
  5469.     /* what creates the colorful line on the left side of the slider */
  5470.     position: absolute;
  5471.     top: 0.5rem;
  5472.     left: -125.0625rem;
  5473.     width: 125.0rem;
  5474.     height: 0.25rem;
  5475.     background: #444;
  5476.     content: ' '; }
  5477.   input[type="range"]::-webkit-slider-thumb:after {
  5478.     /* create a larger (but hidden) hit area */
  5479.     position: absolute;
  5480.     top: -1.25rem;
  5481.     left: -1.25rem;
  5482.     padding: 1.875rem;
  5483.     content: ' '; }
  5484.  
  5485. .range {
  5486.   display: -webkit-box;
  5487.   display: -webkit-flex;
  5488.   display: -moz-box;
  5489.   display: -moz-flex;
  5490.   display: -ms-flexbox;
  5491.   display: flex;
  5492.   -webkit-box-align: center;
  5493.   -ms-flex-align: center;
  5494.   -webkit-align-items: center;
  5495.   -moz-align-items: center;
  5496.   align-items: center;
  5497.   padding: 0.125rem 0.6875rem; }
  5498.   .range.range-light input::-webkit-slider-thumb:before {
  5499.     background: #ddd; }
  5500.   .range.range-stable input::-webkit-slider-thumb:before {
  5501.     background: #b2b2b2; }
  5502.   .range.range-positive input::-webkit-slider-thumb:before {
  5503.     background: #4a87ee; }
  5504.   .range.range-calm input::-webkit-slider-thumb:before {
  5505.     background: #43cee6; }
  5506.   .range.range-balanced input::-webkit-slider-thumb:before {
  5507.     background: #66cc33; }
  5508.   .range.range-assertive input::-webkit-slider-thumb:before {
  5509.     background: #ef4e3a; }
  5510.   .range.range-energized input::-webkit-slider-thumb:before {
  5511.     background: #f0b840; }
  5512.   .range.range-royal input::-webkit-slider-thumb:before {
  5513.     background: #8a6de9; }
  5514.   .range.range-dark input::-webkit-slider-thumb:before {
  5515.     background: #444; }
  5516.  
  5517. .range .icon {
  5518.   -webkit-box-flex: 0;
  5519.   -webkit-flex: 0;
  5520.   -moz-box-flex: 0;
  5521.   -moz-flex: 0;
  5522.   -ms-flex: 0;
  5523.   flex: 0;
  5524.   display: block;
  5525.   min-width: 1.5rem;
  5526.   text-align: center;
  5527.   font-size: 1.5rem; }
  5528.  
  5529. .range input {
  5530.   -webkit-box-flex: 1;
  5531.   -webkit-flex: 1;
  5532.   -moz-box-flex: 1;
  5533.   -moz-flex: 1;
  5534.   -ms-flex: 1;
  5535.   flex: 1;
  5536.   display: block;
  5537.   margin-right: 0.625rem;
  5538.   margin-left: 0.625rem; }
  5539.  
  5540. .range-label {
  5541.   -webkit-box-flex: 0;
  5542.   -webkit-flex: 0 0 auto;
  5543.   -moz-box-flex: 0;
  5544.   -moz-flex: 0 0 auto;
  5545.   -ms-flex: 0 0 auto;
  5546.   flex: 0 0 auto;
  5547.   display: block;
  5548.   white-space: nowrap; }
  5549.  
  5550. .range-label:first-child {
  5551.   padding-left: 0.3125rem; }
  5552.  
  5553. .range input + .range-label {
  5554.   padding-right: 0.3125rem;
  5555.   padding-left: 0; }
  5556.  
  5557. /**
  5558.  * Select
  5559.  * --------------------------------------------------
  5560.  */
  5561. .item-select {
  5562.   position: relative; }
  5563.   .item-select select {
  5564.     -webkit-appearance: none;
  5565.     -moz-appearance: none;
  5566.     appearance: none;
  5567.     position: absolute;
  5568.     top: 0;
  5569.     right: 0;
  5570.     padding: 0.875rem 3.0rem 1.0rem 1.0rem;
  5571.     max-width: 65%;
  5572.     border: none;
  5573.     background: #fff;
  5574.     color: #333;
  5575.     text-indent: 0.000625rem;
  5576.     text-overflow: '';
  5577.     white-space: nowrap;
  5578.     font-size: 0.875rem;
  5579.     cursor: pointer;
  5580.     direction: rtl; }
  5581.   .item-select select::-ms-expand {
  5582.     display: none; }
  5583.   .item-select option {
  5584.     direction: ltr; }
  5585.   .item-select:after {
  5586.     position: absolute;
  5587.     top: 50%;
  5588.     right: 1.0rem;
  5589.     margin-top: -0.1875rem;
  5590.     width: 0;
  5591.     height: 0;
  5592.     border-top: 0.3125rem solid;
  5593.     border-right: 0.3125rem solid rgba(0, 0, 0, 0);
  5594.     border-left: 0.3125rem solid rgba(0, 0, 0, 0);
  5595.     color: #999;
  5596.     content: "";
  5597.     pointer-events: none; }
  5598.   .item-select.item-light select {
  5599.     background: #fff;
  5600.     color: #444; }
  5601.   .item-select.item-stable select {
  5602.     background: #f8f8f8;
  5603.     color: #444; }
  5604.   .item-select.item-stable:after, .item-select.item-stable .input-label {
  5605.     color: #656565; }
  5606.   .item-select.item-positive select {
  5607.     background: #4a87ee;
  5608.     color: #fff; }
  5609.   .item-select.item-positive:after, .item-select.item-positive .input-label {
  5610.     color: #fff; }
  5611.   .item-select.item-calm select {
  5612.     background: #43cee6;
  5613.     color: #fff; }
  5614.   .item-select.item-calm:after, .item-select.item-calm .input-label {
  5615.     color: #fff; }
  5616.   .item-select.item-assertive select {
  5617.     background: #ef4e3a;
  5618.     color: #fff; }
  5619.   .item-select.item-assertive:after, .item-select.item-assertive .input-label {
  5620.     color: #fff; }
  5621.   .item-select.item-balanced select {
  5622.     background: #66cc33;
  5623.     color: #fff; }
  5624.   .item-select.item-balanced:after, .item-select.item-balanced .input-label {
  5625.     color: #fff; }
  5626.   .item-select.item-energized select {
  5627.     background: #f0b840;
  5628.     color: #fff; }
  5629.   .item-select.item-energized:after, .item-select.item-energized .input-label {
  5630.     color: #fff; }
  5631.   .item-select.item-royal select {
  5632.     background: #8a6de9;
  5633.     color: #fff; }
  5634.   .item-select.item-royal:after, .item-select.item-royal .input-label {
  5635.     color: #fff; }
  5636.   .item-select.item-dark select {
  5637.     background: #444;
  5638.     color: #fff; }
  5639.   .item-select.item-dark:after, .item-select.item-dark .input-label {
  5640.     color: #fff; }
  5641.  
  5642. select[multiple], select[size] {
  5643.   height: auto; }
  5644.  
  5645. /**
  5646.  * Progress
  5647.  * --------------------------------------------------
  5648.  */
  5649. progress {
  5650.   display: block;
  5651.   margin: 0.9375rem auto;
  5652.   width: 100%; }
  5653.  
  5654. /**
  5655.  * Buttons
  5656.  * --------------------------------------------------
  5657.  */
  5658. .button {
  5659.   border-color: #b2b2b2;
  5660.   background-color: #f8f8f8;
  5661.   color: #444;
  5662.   position: relative;
  5663.   display: inline-block;
  5664.   margin: 0;
  5665.   padding: 0 0.75rem;
  5666.   min-width: 3.25rem;
  5667.   min-height: 2.9375rem;
  5668.   border-width: 0.0625rem;
  5669.   border-style: solid;
  5670.   border-radius: 0.125rem;
  5671.   vertical-align: top;
  5672.   text-align: center;
  5673.   text-overflow: ellipsis;
  5674.   font-size: 1.0rem;
  5675.   line-height: 2.625rem;
  5676.   cursor: pointer; }
  5677.   .button:hover {
  5678.     color: #444;
  5679.     text-decoration: none; }
  5680.   .button.active, .button.activated {
  5681.     border-color: #a2a2a2;
  5682.     background-color: #e5e5e5;
  5683.     box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5684.   .button:after {
  5685.     position: absolute;
  5686.     top: -0.375rem;
  5687.     right: -0.375rem;
  5688.     bottom: -0.375rem;
  5689.     left: -0.375rem;
  5690.     content: ' '; }
  5691.   .button .icon {
  5692.     vertical-align: top;
  5693.     pointer-events: none; }
  5694.   .button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
  5695.     display: inline-block;
  5696.     padding: 0 0 0.0625rem 0;
  5697.     vertical-align: inherit;
  5698.     font-size: 1.5rem;
  5699.     line-height: 2.5625rem;
  5700.     pointer-events: none; }
  5701.   .button.icon-left:before {
  5702.     float: left;
  5703.     padding-right: 0.2em;
  5704.     padding-left: 0; }
  5705.   .button.icon-right:before {
  5706.     float: right;
  5707.     padding-right: 0;
  5708.     padding-left: 0.2em; }
  5709.   .button.button-block, .button.button-full {
  5710.     margin-top: 0.625rem;
  5711.     margin-bottom: 0.625rem; }
  5712.   .button.button-light {
  5713.     border-color: #ddd;
  5714.     background-color: #fff;
  5715.     color: #444; }
  5716.     .button.button-light:hover {
  5717.       color: #444;
  5718.       text-decoration: none; }
  5719.     .button.button-light.active, .button.button-light.activated {
  5720.       border-color: #ccc;
  5721.       background-color: #fafafa;
  5722.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5723.     .button.button-light.button-clear {
  5724.       border-color: transparent;
  5725.       background: none;
  5726.       box-shadow: none;
  5727.       color: #ddd; }
  5728.     .button.button-light.button-icon {
  5729.       border-color: transparent;
  5730.       background: none; }
  5731.     .button.button-light.button-outline {
  5732.       border-color: #ddd;
  5733.       background: transparent;
  5734.       color: #ddd; }
  5735.       .button.button-light.button-outline.active, .button.button-light.button-outline.activated {
  5736.         background-color: #ddd;
  5737.         box-shadow: none;
  5738.         color: #fff; }
  5739.   .button.button-stable {
  5740.     border-color: #b2b2b2;
  5741.     background-color: #f8f8f8;
  5742.     color: #444; }
  5743.     .button.button-stable:hover {
  5744.       color: #444;
  5745.       text-decoration: none; }
  5746.     .button.button-stable.active, .button.button-stable.activated {
  5747.       border-color: #a2a2a2;
  5748.       background-color: #e5e5e5;
  5749.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5750.     .button.button-stable.button-clear {
  5751.       border-color: transparent;
  5752.       background: none;
  5753.       box-shadow: none;
  5754.       color: #b2b2b2; }
  5755.     .button.button-stable.button-icon {
  5756.       border-color: transparent;
  5757.       background: none; }
  5758.     .button.button-stable.button-outline {
  5759.       border-color: #b2b2b2;
  5760.       background: transparent;
  5761.       color: #b2b2b2; }
  5762.       .button.button-stable.button-outline.active, .button.button-stable.button-outline.activated {
  5763.         background-color: #b2b2b2;
  5764.         box-shadow: none;
  5765.         color: #fff; }
  5766.   .button.button-positive {
  5767.     border-color: #145fd7;
  5768.     background-color: #4a87ee;
  5769.     color: #fff; }
  5770.     .button.button-positive:hover {
  5771.       color: #fff;
  5772.       text-decoration: none; }
  5773.     .button.button-positive.active, .button.button-positive.activated {
  5774.       border-color: #145fd7;
  5775.       background-color: #145fd7;
  5776.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5777.     .button.button-positive.button-clear {
  5778.       border-color: transparent;
  5779.       background: none;
  5780.       box-shadow: none;
  5781.       color: #4a87ee; }
  5782.     .button.button-positive.button-icon {
  5783.       border-color: transparent;
  5784.       background: none; }
  5785.     .button.button-positive.button-outline {
  5786.       border-color: #4a87ee;
  5787.       background: transparent;
  5788.       color: #4a87ee; }
  5789.       .button.button-positive.button-outline.active, .button.button-positive.button-outline.activated {
  5790.         background-color: #4a87ee;
  5791.         box-shadow: none;
  5792.         color: #fff; }
  5793.   .button.button-calm {
  5794.     border-color: #1aacc3;
  5795.     background-color: #43cee6;
  5796.     color: #fff; }
  5797.     .button.button-calm:hover {
  5798.       color: #fff;
  5799.       text-decoration: none; }
  5800.     .button.button-calm.active, .button.button-calm.activated {
  5801.       border-color: #1aacc3;
  5802.       background-color: #1aacc3;
  5803.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5804.     .button.button-calm.button-clear {
  5805.       border-color: transparent;
  5806.       background: none;
  5807.       box-shadow: none;
  5808.       color: #43cee6; }
  5809.     .button.button-calm.button-icon {
  5810.       border-color: transparent;
  5811.       background: none; }
  5812.     .button.button-calm.button-outline {
  5813.       border-color: #43cee6;
  5814.       background: transparent;
  5815.       color: #43cee6; }
  5816.       .button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
  5817.         background-color: #43cee6;
  5818.         box-shadow: none;
  5819.         color: #fff; }
  5820.   .button.button-assertive {
  5821.     border-color: #cc2311;
  5822.     background-color: #ef4e3a;
  5823.     color: #fff; }
  5824.     .button.button-assertive:hover {
  5825.       color: #fff;
  5826.       text-decoration: none; }
  5827.     .button.button-assertive.active, .button.button-assertive.activated {
  5828.       border-color: #cc2311;
  5829.       background-color: #cc2311;
  5830.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5831.     .button.button-assertive.button-clear {
  5832.       border-color: transparent;
  5833.       background: none;
  5834.       box-shadow: none;
  5835.       color: #ef4e3a; }
  5836.     .button.button-assertive.button-icon {
  5837.       border-color: transparent;
  5838.       background: none; }
  5839.     .button.button-assertive.button-outline {
  5840.       border-color: #ef4e3a;
  5841.       background: transparent;
  5842.       color: #ef4e3a; }
  5843.       .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
  5844.         background-color: #ef4e3a;
  5845.         box-shadow: none;
  5846.         color: #fff; }
  5847.   .button.button-balanced {
  5848.     border-color: #498f24;
  5849.     background-color: #66cc33;
  5850.     color: #fff; }
  5851.     .button.button-balanced:hover {
  5852.       color: #fff;
  5853.       text-decoration: none; }
  5854.     .button.button-balanced.active, .button.button-balanced.activated {
  5855.       border-color: #498f24;
  5856.       background-color: #498f24;
  5857.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5858.     .button.button-balanced.button-clear {
  5859.       border-color: transparent;
  5860.       background: none;
  5861.       box-shadow: none;
  5862.       color: #66cc33; }
  5863.     .button.button-balanced.button-icon {
  5864.       border-color: transparent;
  5865.       background: none; }
  5866.     .button.button-balanced.button-outline {
  5867.       border-color: #66cc33;
  5868.       background: transparent;
  5869.       color: #66cc33; }
  5870.       .button.button-balanced.button-outline.active, .button.button-balanced.button-outline.activated {
  5871.         background-color: #66cc33;
  5872.         box-shadow: none;
  5873.         color: #fff; }
  5874.   .button.button-energized {
  5875.     border-color: #d39211;
  5876.     background-color: #f0b840;
  5877.     color: #fff; }
  5878.     .button.button-energized:hover {
  5879.       color: #fff;
  5880.       text-decoration: none; }
  5881.     .button.button-energized.active, .button.button-energized.activated {
  5882.       border-color: #d39211;
  5883.       background-color: #d39211;
  5884.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5885.     .button.button-energized.button-clear {
  5886.       border-color: transparent;
  5887.       background: none;
  5888.       box-shadow: none;
  5889.       color: #f0b840; }
  5890.     .button.button-energized.button-icon {
  5891.       border-color: transparent;
  5892.       background: none; }
  5893.     .button.button-energized.button-outline {
  5894.       border-color: #f0b840;
  5895.       background: transparent;
  5896.       color: #f0b840; }
  5897.       .button.button-energized.button-outline.active, .button.button-energized.button-outline.activated {
  5898.         background-color: #f0b840;
  5899.         box-shadow: none;
  5900.         color: #fff; }
  5901.   .button.button-royal {
  5902.     border-color: #552bdf;
  5903.     background-color: #8a6de9;
  5904.     color: #fff; }
  5905.     .button.button-royal:hover {
  5906.       color: #fff;
  5907.       text-decoration: none; }
  5908.     .button.button-royal.active, .button.button-royal.activated {
  5909.       border-color: #552bdf;
  5910.       background-color: #552bdf;
  5911.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5912.     .button.button-royal.button-clear {
  5913.       border-color: transparent;
  5914.       background: none;
  5915.       box-shadow: none;
  5916.       color: #8a6de9; }
  5917.     .button.button-royal.button-icon {
  5918.       border-color: transparent;
  5919.       background: none; }
  5920.     .button.button-royal.button-outline {
  5921.       border-color: #8a6de9;
  5922.       background: transparent;
  5923.       color: #8a6de9; }
  5924.       .button.button-royal.button-outline.active, .button.button-royal.button-outline.activated {
  5925.         background-color: #8a6de9;
  5926.         box-shadow: none;
  5927.         color: #fff; }
  5928.   .button.button-dark {
  5929.     border-color: #111;
  5930.     background-color: #444;
  5931.     color: #fff; }
  5932.     .button.button-dark:hover {
  5933.       color: #fff;
  5934.       text-decoration: none; }
  5935.     .button.button-dark.active, .button.button-dark.activated {
  5936.       border-color: #000;
  5937.       background-color: #262626;
  5938.       box-shadow: inset 0.0rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15); }
  5939.     .button.button-dark.button-clear {
  5940.       border-color: transparent;
  5941.       background: none;
  5942.       box-shadow: none;
  5943.       color: #444; }
  5944.     .button.button-dark.button-icon {
  5945.       border-color: transparent;
  5946.       background: none; }
  5947.     .button.button-dark.button-outline {
  5948.       border-color: #444;
  5949.       background: transparent;
  5950.       color: #444; }
  5951.       .button.button-dark.button-outline.active, .button.button-dark.button-outline.activated {
  5952.         background-color: #444;
  5953.         box-shadow: none;
  5954.         color: #fff; }
  5955.  
  5956. .button-small {
  5957.   padding: 0.125rem 0.25rem 0.0625rem;
  5958.   min-width: 1.75rem;
  5959.   min-height: 1.875rem;
  5960.   font-size: 0.75rem;
  5961.   line-height: 1.625rem; }
  5962.   .button-small .icon:before, .button-small.icon:before, .button-small.icon-left:before, .button-small.icon-right:before {
  5963.     font-size: 1.0rem;
  5964.     line-height: 1.1875rem;
  5965.     margin-top: 0.1875rem; }
  5966.  
  5967. .button-large {
  5968.   padding: 0 1.0rem;
  5969.   min-width: 4.25rem;
  5970.   min-height: 3.6875rem;
  5971.   font-size: 1.25rem;
  5972.   line-height: 3.3125rem; }
  5973.   .button-large .icon:before, .button-large.icon:before, .button-large.icon-left:before, .button-large.icon-right:before {
  5974.     padding-bottom: 0.125rem;
  5975.     font-size: 2.0rem;
  5976.     line-height: 3.1875rem; }
  5977.  
  5978. .button-icon {
  5979.   -webkit-transition: opacity 0.1s;
  5980.   -moz-transition: opacity 0.1s;
  5981.   transition: opacity 0.1s;
  5982.   padding: 0 0.375rem;
  5983.   min-width: initial;
  5984.   border-color: transparent;
  5985.   background: none; }
  5986.   .button-icon.button.active, .button-icon.button.activated {
  5987.     border-color: transparent;
  5988.     background: none;
  5989.     box-shadow: none;
  5990.     opacity: 0.3; }
  5991.   .button-icon .icon:before, .button-icon.icon:before {
  5992.     font-size: 2.0rem; }
  5993.  
  5994. .button-clear {
  5995.   -webkit-transition: opacity 0.1s;
  5996.   -moz-transition: opacity 0.1s;
  5997.   transition: opacity 0.1s;
  5998.   padding: 0 0.375rem;
  5999.   max-height: 2.625rem;
  6000.   border-color: transparent;
  6001.   background: none;
  6002.   box-shadow: none; }
  6003.   .button-clear.button-clear {
  6004.     border-color: transparent;
  6005.     background: none;
  6006.     box-shadow: none;
  6007.     color: #b2b2b2; }
  6008.   .button-clear.button-icon {
  6009.     border-color: transparent;
  6010.     background: none; }
  6011.   .button-clear.active, .button-clear.activated {
  6012.     opacity: 0.3; }
  6013.  
  6014. .button-outline {
  6015.   -webkit-transition: opacity 0.1s;
  6016.   -moz-transition: opacity 0.1s;
  6017.   transition: opacity 0.1s;
  6018.   background: none;
  6019.   box-shadow: none; }
  6020.   .button-outline.button-outline {
  6021.     border-color: #b2b2b2;
  6022.     background: transparent;
  6023.     color: #b2b2b2; }
  6024.     .button-outline.button-outline.active, .button-outline.button-outline.activated {
  6025.       background-color: #b2b2b2;
  6026.       box-shadow: none;
  6027.       color: #fff; }
  6028.  
  6029. .padding > .button.button-block:first-child {
  6030.   margin-top: 0; }
  6031.  
  6032. .button-block {
  6033.   display: block;
  6034.   clear: both; }
  6035.   .button-block:after {
  6036.     clear: both; }
  6037.  
  6038. .button-full, .button-full > .button {
  6039.   display: block;
  6040.   margin-right: 0;
  6041.   margin-left: 0;
  6042.   border-right-width: 0;
  6043.   border-left-width: 0;
  6044.   border-radius: 0; }
  6045.  
  6046. button.button-block, button.button-full, .button-full > button.button, input.button.button-block {
  6047.   width: 100%; }
  6048.  
  6049. a.button {
  6050.   text-decoration: none; }
  6051.  
  6052. .button.disabled, .button[disabled] {
  6053.   opacity: 0.4;
  6054.   cursor: default !important;
  6055.   pointer-events: none; }
  6056.  
  6057. /**
  6058.  * Button Bar
  6059.  * --------------------------------------------------
  6060.  */
  6061. .button-bar {
  6062.   display: -webkit-box;
  6063.   display: -webkit-flex;
  6064.   display: -moz-box;
  6065.   display: -moz-flex;
  6066.   display: -ms-flexbox;
  6067.   display: flex;
  6068.   -webkit-box-flex: 1;
  6069.   -webkit-flex: 1;
  6070.   -moz-box-flex: 1;
  6071.   -moz-flex: 1;
  6072.   -ms-flex: 1;
  6073.   flex: 1;
  6074.   width: 100%; }
  6075.   .button-bar.button-bar-inline {
  6076.     display: block;
  6077.     width: auto;
  6078.     *zoom: 1; }
  6079.     .button-bar.button-bar-inline:before, .button-bar.button-bar-inline:after {
  6080.       display: table;
  6081.       content: "";
  6082.       line-height: 0; }
  6083.     .button-bar.button-bar-inline:after {
  6084.       clear: both; }
  6085.     .button-bar.button-bar-inline > .button {
  6086.       width: auto;
  6087.       display: inline-block;
  6088.       float: left; }
  6089.  
  6090. .button-bar > .button {
  6091.   -webkit-box-flex: 1;
  6092.   -webkit-flex: 1;
  6093.   -moz-box-flex: 1;
  6094.   -moz-flex: 1;
  6095.   -ms-flex: 1;
  6096.   flex: 1;
  6097.   display: block;
  6098.   overflow: hidden;
  6099.   padding: 0 1.0rem;
  6100.   width: 0;
  6101.   border-width: 0.0625rem 0.0rem 0.0625rem 0.0625rem;
  6102.   border-radius: 0;
  6103.   text-align: center;
  6104.   text-overflow: ellipsis;
  6105.   white-space: nowrap; }
  6106.   .button-bar > .button:before, .button-bar > .button .icon:before {
  6107.     line-height: 2.75rem; }
  6108.   .button-bar > .button:first-child {
  6109.     border-radius: 0.125rem 0.0rem 0.0rem 0.125rem; }
  6110.   .button-bar > .button:last-child {
  6111.     border-right-width: 0.0625rem;
  6112.     border-radius: 0.0rem 0.125rem 0.125rem 0.0rem; }
  6113.  
  6114. /**
  6115.  * Animations
  6116.  * --------------------------------------------------
  6117.  * The animations in this file are "simple" - not too complex
  6118.  * and pretty easy on performance. They can be overidden
  6119.  * and enhanced easily.
  6120.  */
  6121. /**
  6122.  * Keyframes
  6123.  * --------------------------------------------------
  6124.  */
  6125. @-webkit-keyframes slideInUp {
  6126.   0% {
  6127.     -webkit-transform: translate3d(0, 100%, 0); }
  6128.  
  6129.   100% {
  6130.     -webkit-transform: translate3d(0, 0, 0); } }
  6131.  
  6132. @-moz-keyframes slideInUp {
  6133.   0% {
  6134.     -moz-transform: translate3d(0, 100%, 0); }
  6135.  
  6136.   100% {
  6137.     -moz-transform: translate3d(0, 0, 0); } }
  6138.  
  6139. @keyframes slideInUp {
  6140.   0% {
  6141.     transform: translate3d(0, 100%, 0); }
  6142.  
  6143.   100% {
  6144.     transform: translate3d(0, 0, 0); } }
  6145.  
  6146. @-webkit-keyframes slideOutUp {
  6147.   0% {
  6148.     -webkit-transform: translate3d(0, 0, 0); }
  6149.  
  6150.   100% {
  6151.     -webkit-transform: translate3d(0, 100%, 0); } }
  6152.  
  6153. @-moz-keyframes slideOutUp {
  6154.   0% {
  6155.     -moz-transform: translate3d(0, 0, 0); }
  6156.  
  6157.   100% {
  6158.     -moz-transform: translate3d(0, 100%, 0); } }
  6159.  
  6160. @keyframes slideOutUp {
  6161.   0% {
  6162.     transform: translate3d(0, 0, 0); }
  6163.  
  6164.   100% {
  6165.     transform: translate3d(0, 100%, 0); } }
  6166.  
  6167. @-webkit-keyframes slideInFromLeft {
  6168.   from {
  6169.     -webkit-transform: translate3d(-100%, 0, 0); }
  6170.  
  6171.   to {
  6172.     -webkit-transform: translate3d(0, 0, 0); } }
  6173.  
  6174. @-moz-keyframes slideInFromLeft {
  6175.   from {
  6176.     -moz-transform: translateX(-100%); }
  6177.  
  6178.   to {
  6179.     -moz-transform: translateX(0); } }
  6180.  
  6181. @keyframes slideInFromLeft {
  6182.   from {
  6183.     transform: translateX(-100%); }
  6184.  
  6185.   to {
  6186.     transform: translateX(0); } }
  6187.  
  6188. @-webkit-keyframes slideInFromRight {
  6189.   from {
  6190.     -webkit-transform: translate3d(100%, 0, 0); }
  6191.  
  6192.   to {
  6193.     -webkit-transform: translate3d(0, 0, 0); } }
  6194.  
  6195. @-moz-keyframes slideInFromRight {
  6196.   from {
  6197.     -moz-transform: translateX(100%); }
  6198.  
  6199.   to {
  6200.     -moz-transform: translateX(0); } }
  6201.  
  6202. @keyframes slideInFromRight {
  6203.   from {
  6204.     transform: translateX(100%); }
  6205.  
  6206.   to {
  6207.     transform: translateX(0); } }
  6208.  
  6209. @-webkit-keyframes slideOutToLeft {
  6210.   from {
  6211.     -webkit-transform: translate3d(0, 0, 0); }
  6212.  
  6213.   to {
  6214.     -webkit-transform: translate3d(-100%, 0, 0); } }
  6215.  
  6216. @-moz-keyframes slideOutToLeft {
  6217.   from {
  6218.     -moz-transform: translateX(0); }
  6219.  
  6220.   to {
  6221.     -moz-transform: translateX(-100%); } }
  6222.  
  6223. @keyframes slideOutToLeft {
  6224.   from {
  6225.     transform: translateX(0); }
  6226.  
  6227.   to {
  6228.     transform: translateX(-100%); } }
  6229.  
  6230. @-webkit-keyframes slideOutToRight {
  6231.   from {
  6232.     -webkit-transform: translate3d(0, 0, 0); }
  6233.  
  6234.   to {
  6235.     -webkit-transform: translate3d(100%, 0, 0); } }
  6236.  
  6237. @-moz-keyframes slideOutToRight {
  6238.   from {
  6239.     -moz-transform: translateX(0); }
  6240.  
  6241.   to {
  6242.     -moz-transform: translateX(100%); } }
  6243.  
  6244. @keyframes slideOutToRight {
  6245.   from {
  6246.     transform: translateX(0); }
  6247.  
  6248.   to {
  6249.     transform: translateX(100%); } }
  6250.  
  6251. @-webkit-keyframes fadeOut {
  6252.   from {
  6253.     opacity: 1; }
  6254.  
  6255.   to {
  6256.     opacity: 0; } }
  6257.  
  6258. @-moz-keyframes fadeOut {
  6259.   from {
  6260.     opacity: 1; }
  6261.  
  6262.   to {
  6263.     opacity: 0; } }
  6264.  
  6265. @keyframes fadeOut {
  6266.   from {
  6267.     opacity: 1; }
  6268.  
  6269.   to {
  6270.     opacity: 0; } }
  6271.  
  6272. @-webkit-keyframes fadeIn {
  6273.   from {
  6274.     opacity: 0; }
  6275.  
  6276.   to {
  6277.     opacity: 1; } }
  6278.  
  6279. @-moz-keyframes fadeIn {
  6280.   from {
  6281.     opacity: 0; }
  6282.  
  6283.   to {
  6284.     opacity: 1; } }
  6285.  
  6286. @keyframes fadeIn {
  6287.   from {
  6288.     opacity: 0; }
  6289.  
  6290.   to {
  6291.     opacity: 1; } }
  6292.  
  6293. @-webkit-keyframes fadeInHalf {
  6294.   from {
  6295.     background-color: rgba(0, 0, 0, 0); }
  6296.  
  6297.   to {
  6298.     background-color: rgba(0, 0, 0, 0.5); } }
  6299.  
  6300. @-moz-keyframes fadeInHalf {
  6301.   from {
  6302.     background-color: rgba(0, 0, 0, 0); }
  6303.  
  6304.   to {
  6305.     background-color: rgba(0, 0, 0, 0.5); } }
  6306.  
  6307. @keyframes fadeInHalf {
  6308.   from {
  6309.     background-color: rgba(0, 0, 0, 0); }
  6310.  
  6311.   to {
  6312.     background-color: rgba(0, 0, 0, 0.5); } }
  6313.  
  6314. @-webkit-keyframes fadeOutHalf {
  6315.   from {
  6316.     background-color: rgba(0, 0, 0, 0.5); }
  6317.  
  6318.   to {
  6319.     background-color: rgba(0, 0, 0, 0); } }
  6320.  
  6321. @-moz-keyframes fadeOutHalf {
  6322.   from {
  6323.     background-color: rgba(0, 0, 0, 0.5); }
  6324.  
  6325.   to {
  6326.     background-color: rgba(0, 0, 0, 0); } }
  6327.  
  6328. @keyframes fadeOutHalf {
  6329.   from {
  6330.     background-color: rgba(0, 0, 0, 0.5); }
  6331.  
  6332.   to {
  6333.     background-color: rgba(0, 0, 0, 0); } }
  6334.  
  6335. @-webkit-keyframes scaleOut {
  6336.   from {
  6337.     -webkit-transform: scale(1);
  6338.     opacity: 1; }
  6339.  
  6340.   to {
  6341.     -webkit-transform: scale(0.8);
  6342.     opacity: 0; } }
  6343.  
  6344. @-moz-keyframes scaleOut {
  6345.   from {
  6346.     -moz-transform: scale(1);
  6347.     opacity: 1; }
  6348.  
  6349.   to {
  6350.     -moz-transform: scale(0.8);
  6351.     opacity: 0; } }
  6352.  
  6353. @keyframes scaleOut {
  6354.   from {
  6355.     transform: scale(1);
  6356.     opacity: 1; }
  6357.  
  6358.   to {
  6359.     transform: scale(0.8);
  6360.     opacity: 0; } }
  6361.  
  6362. @-webkit-keyframes scaleIn {
  6363.   from {
  6364.     -webkit-transform: scale(0); }
  6365.  
  6366.   to {
  6367.     -webkit-transform: scale(1); } }
  6368.  
  6369. @-moz-keyframes scaleIn {
  6370.   from {
  6371.     -moz-transform: scale(0); }
  6372.  
  6373.   to {
  6374.     -moz-transform: scale(1); } }
  6375.  
  6376. @keyframes scaleIn {
  6377.   from {
  6378.     transform: scale(0); }
  6379.  
  6380.   to {
  6381.     transform: scale(1); } }
  6382.  
  6383. @-webkit-keyframes superScaleIn {
  6384.   from {
  6385.     -webkit-transform: scale(1.2);
  6386.     opacity: 0; }
  6387.  
  6388.   to {
  6389.     -webkit-transform: scale(1);
  6390.     opacity: 1; } }
  6391.  
  6392. @-moz-keyframes superScaleIn {
  6393.   from {
  6394.     -moz-transform: scale(1.2);
  6395.     opacity: 0; }
  6396.  
  6397.   to {
  6398.     -moz-transform: scale(1);
  6399.     opacity: 1; } }
  6400.  
  6401. @keyframes superScaleIn {
  6402.   from {
  6403.     transform: scale(1.2);
  6404.     opacity: 0; }
  6405.  
  6406.   to {
  6407.     transform: scale(1);
  6408.     opacity: 1; } }
  6409.  
  6410. @-webkit-keyframes spin {
  6411.   100% {
  6412.     -webkit-transform: rotate(360deg); } }
  6413.  
  6414. @-moz-keyframes spin {
  6415.   100% {
  6416.     -moz-transform: rotate(360deg); } }
  6417.  
  6418. @keyframes spin {
  6419.   100% {
  6420.     transform: rotate(360deg); } }
  6421.  
  6422. .no-animation > .ng-enter, .no-animation.ng-enter, .no-animation > .ng-leave, .no-animation.ng-leave {
  6423.   -webkit-transition: none;
  6424.   -moz-transition: none;
  6425.   transition: none; }
  6426.  
  6427. .noop-animation > .ng-enter, .noop-animation.ng-enter, .noop-animation > .ng-leave, .noop-animation.ng-leave {
  6428.   -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
  6429.   -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
  6430.   transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
  6431.   position: absolute;
  6432.   top: 0;
  6433.   right: 0;
  6434.   bottom: 0;
  6435.   left: 0; }
  6436.  
  6437. .ng-animate .pane {
  6438.   position: absolute; }
  6439.  
  6440. /**
  6441.  * Slide Left-Right, and Right-Left, each with the reserve
  6442.  * --------------------------------------------------
  6443.  * NEW content slides IN from the RIGHT, OLD slides OUT to the LEFT
  6444.  * Reverse: NEW content slides IN from the LEFT, OLD slides OUT to the RIGHT
  6445.  */
  6446. .slide-left-right > .ng-enter, .slide-left-right.ng-enter, .slide-left-right > .ng-leave, .slide-left-right.ng-leave, .slide-right-left.reverse > .ng-enter, .slide-right-left.reverse.ng-enter, .slide-right-left.reverse > .ng-leave, .slide-right-left.reverse.ng-leave {
  6447.   -webkit-transition: all ease-in-out 250ms;
  6448.   -moz-transition: all ease-in-out 250ms;
  6449.   transition: all ease-in-out 250ms;
  6450.   position: absolute;
  6451.   top: 0;
  6452.   right: 0;
  6453.   bottom: 0;
  6454.   left: 0; }
  6455. .slide-left-right > .ng-enter, .slide-left-right.ng-enter, .slide-right-left.reverse > .ng-enter, .slide-right-left.reverse.ng-enter {
  6456.   /* NEW content placed far RIGHT BEFORE it slides IN from the RIGHT */
  6457.   -webkit-transform: translate3d(100%, 0, 0);
  6458.   -moz-transform: translate3d(100%, 0, 0);
  6459.   transform: translate3d(100%, 0, 0); }
  6460. .slide-left-right > .ng-enter.ng-enter-active, .slide-left-right.ng-enter.ng-enter-active, .slide-right-left.reverse > .ng-enter.ng-enter-active, .slide-right-left.reverse.ng-enter.ng-enter-active {
  6461.   /* NEW content ACTIVELY sliding IN from the RIGHT */
  6462.   -webkit-transform: translate3d(0, 0, 0);
  6463.   -moz-transform: translate3d(0, 0, 0);
  6464.   transform: translate3d(0, 0, 0); }
  6465. .slide-left-right > .ng-leave.ng-leave-active, .slide-left-right.ng-leave.ng-leave-active, .slide-right-left.reverse > .ng-leave.ng-leave-active, .slide-right-left.reverse.ng-leave.ng-leave-active {
  6466.   /* OLD content ACTIVELY sliding OUT to the LEFT */
  6467.   -webkit-transform: translate3d(-100%, 0, 0);
  6468.   -moz-transform: translate3d(-100%, 0, 0);
  6469.   transform: translate3d(-100%, 0, 0); }
  6470.  
  6471. .slide-left-right.reverse > .ng-enter, .slide-left-right.reverse.ng-enter, .slide-left-right.reverse > .ng-leave, .slide-left-right.reverse.ng-leave, .slide-right-left > .ng-enter, .slide-right-left.ng-enter, .slide-right-left > .ng-leave, .slide-right-left.ng-leave {
  6472.   -webkit-transition: all ease-in-out 250ms;
  6473.   -moz-transition: all ease-in-out 250ms;
  6474.   transition: all ease-in-out 250ms;
  6475.   position: absolute;
  6476.   top: 0;
  6477.   right: 0;
  6478.   bottom: 0;
  6479.   left: 0; }
  6480. .slide-left-right.reverse > .ng-enter, .slide-left-right.reverse.ng-enter, .slide-right-left > .ng-enter, .slide-right-left.ng-enter {
  6481.   /* NEW content placed far LEFT BEFORE it slides IN from the LEFT */
  6482.   -webkit-transform: translate3d(-100%, 0, 0);
  6483.   -moz-transform: translate3d(-100%, 0, 0);
  6484.   transform: translate3d(-100%, 0, 0); }
  6485. .slide-left-right.reverse > .ng-enter.ng-enter-active, .slide-left-right.reverse.ng-enter.ng-enter-active, .slide-right-left > .ng-enter.ng-enter-active, .slide-right-left.ng-enter.ng-enter-active {
  6486.   /* NEW content ACTIVELY sliding IN from the LEFT */
  6487.   -webkit-transform: translate3d(0, 0, 0);
  6488.   -moz-transform: translate3d(0, 0, 0);
  6489.   transform: translate3d(0, 0, 0); }
  6490. .slide-left-right.reverse > .ng-leave.ng-leave-active, .slide-left-right.reverse.ng-leave.ng-leave-active, .slide-right-left > .ng-leave.ng-leave-active, .slide-right-left.ng-leave.ng-leave-active {
  6491.   /* OLD content ACTIVELY sliding OUT to the RIGHT */
  6492.   -webkit-transform: translate3d(100%, 0, 0);
  6493.   -moz-transform: translate3d(100%, 0, 0);
  6494.   transform: translate3d(100%, 0, 0); }
  6495.  
  6496. /**
  6497.  * iOS7 style slide left to right
  6498.  * --------------------------------------------------
  6499.  */
  6500. .slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter, .slide-left-right-ios7 > .ng-leave, .slide-left-right-ios7.ng-leave, .slide-right-left-ios7.reverse > .ng-enter, .slide-right-left-ios7.reverse.ng-enter, .slide-right-left-ios7.reverse > .ng-leave, .slide-right-left-ios7.reverse.ng-leave {
  6501.   -webkit-transition: all cubic-bezier(0.4, 0.6, 0.2, 1) 340ms;
  6502.   -moz-transition: all cubic-bezier(0.4, 0.6, 0.2, 1) 340ms;
  6503.   transition: all cubic-bezier(0.4, 0.6, 0.2, 1) 340ms;
  6504.   position: absolute;
  6505.   top: 0;
  6506.   right: -0.0625rem;
  6507.   bottom: 0;
  6508.   left: -0.0625rem;
  6509.   width: auto;
  6510.   border-right: none;
  6511.   border-left: none; }
  6512.   .slide-left-right-ios7 > .ng-enter:not(.bar), .slide-left-right-ios7.ng-enter:not(.bar), .slide-left-right-ios7 > .ng-leave:not(.bar), .slide-left-right-ios7.ng-leave:not(.bar), .slide-right-left-ios7.reverse > .ng-enter:not(.bar), .slide-right-left-ios7.reverse.ng-enter:not(.bar), .slide-right-left-ios7.reverse > .ng-leave:not(.bar), .slide-right-left-ios7.reverse.ng-leave:not(.bar) {
  6513.     border-right: none;
  6514.     border-left: none; }
  6515. .slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter, .slide-right-left-ios7.reverse > .ng-enter, .slide-right-left-ios7.reverse.ng-enter {
  6516.   /* NEW content placed far RIGHT BEFORE it slides IN from the RIGHT */
  6517.   -webkit-transform: translate3d(100%, 0, 0);
  6518.   -moz-transform: translate3d(100%, 0, 0);
  6519.   transform: translate3d(100%, 0, 0); }
  6520. .slide-left-right-ios7 > .ng-leave, .slide-left-right-ios7.ng-leave, .slide-right-left-ios7.reverse > .ng-leave, .slide-right-left-ios7.reverse.ng-leave {
  6521.   z-index: 1; }
  6522. .slide-left-right-ios7 > .ng-enter.ng-enter-active, .slide-left-right-ios7.ng-enter.ng-enter-active, .slide-right-left-ios7.reverse > .ng-enter.ng-enter-active, .slide-right-left-ios7.reverse.ng-enter.ng-enter-active {
  6523.   /* NEW content ACTIVELY sliding IN from the RIGHT */
  6524.   -webkit-transform: translate3d(0, 0, 0);
  6525.   -moz-transform: translate3d(0, 0, 0);
  6526.   transform: translate3d(0, 0, 0); }
  6527. .slide-left-right-ios7 > .ng-leave.ng-leave-active, .slide-left-right-ios7.ng-leave.ng-leave-active, .slide-right-left-ios7.reverse > .ng-leave.ng-leave-active, .slide-right-left-ios7.reverse.ng-leave.ng-leave-active {
  6528.   /* OLD content ACTIVELY sliding OUT to the LEFT */
  6529.   -webkit-transform: translate3d(-15%, 0, 0);
  6530.   -moz-transform: translate3d(-15%, 0, 0);
  6531.   transform: translate3d(-15%, 0, 0); }
  6532.  
  6533. .slide-left-right-ios7.reverse > .ng-enter, .slide-left-right-ios7.reverse.ng-enter, .slide-left-right-ios7.reverse > .ng-leave, .slide-left-right-ios7.reverse.ng-leave, .slide-right-left-ios7 > .ng-enter, .slide-right-left-ios7.ng-enter, .slide-right-left-ios7 > .ng-leave, .slide-right-left-ios7.ng-leave {
  6534.   -webkit-transition: all cubic-bezier(0.4, 0.6, 0.2, 1) 340ms;
  6535.   -moz-transition: all cubic-bezier(0.4, 0.6, 0.2, 1) 340ms;
  6536.   transition: all cubic-bezier(0.4, 0.6, 0.2, 1) 340ms;
  6537.   position: absolute;
  6538.   top: 0;
  6539.   right: -0.0625rem;
  6540.   bottom: 0;
  6541.   left: -0.0625rem;
  6542.   width: auto;
  6543.   border-right: none;
  6544.   border-left: none; }
  6545. .slide-left-right-ios7.reverse > .ng-enter, .slide-left-right-ios7.reverse.ng-enter, .slide-right-left-ios7 > .ng-enter, .slide-right-left-ios7.ng-enter {
  6546.   /* NEW content placed far LEFT BEFORE it slides IN from the LEFT */
  6547.   -webkit-transform: translate3d(-15%, 0, 0);
  6548.   -moz-transform: translate3d(-15%, 0, 0);
  6549.   transform: translate3d(-15%, 0, 0); }
  6550. .slide-left-right-ios7.reverse > .ng-leave, .slide-left-right-ios7.reverse.ng-leave, .slide-right-left-ios7 > .ng-leave, .slide-right-left-ios7.ng-leave {
  6551.   z-index: 2; }
  6552. .slide-left-right-ios7.reverse > .ng-enter.ng-enter-active, .slide-left-right-ios7.reverse.ng-enter.ng-enter-active, .slide-right-left-ios7 > .ng-enter.ng-enter-active, .slide-right-left-ios7.ng-enter.ng-enter-active {
  6553.   /* NEW content ACTIVELY sliding IN from the LEFT */
  6554.   -webkit-transform: translate3d(0, 0, 0);
  6555.   -moz-transform: translate3d(0, 0, 0);
  6556.   transform: translate3d(0, 0, 0); }
  6557. .slide-left-right-ios7.reverse > .ng-leave.ng-leave-active, .slide-left-right-ios7.reverse.ng-leave.ng-leave-active, .slide-right-left-ios7 > .ng-leave.ng-leave-active, .slide-right-left-ios7.ng-leave.ng-leave-active {
  6558.   /* OLD content ACTIVELY sliding OUT to the RIGHT */
  6559.   -webkit-transform: translate3d(100%, 0, 0);
  6560.   -moz-transform: translate3d(100%, 0, 0);
  6561.   transform: translate3d(100%, 0, 0); }
  6562.  
  6563. /**
  6564.  * iPad doesn't like box shadows
  6565.  */
  6566. /*
  6567. .grade-a:not(.platform-ipad) {
  6568.   .slide-left-right-ios7, .slide-right-left-ios7.reverse {
  6569.     > .ng-enter, &.ng-enter {
  6570.       box-shadow: $ios-transition-box-shadow-start;
  6571.     }
  6572.     > .ng-enter.ng-enter-active, &.ng-enter.ng-enter-active {
  6573.       box-shadow: $ios-transition-box-shadow-end;
  6574.     }
  6575.   }
  6576.   .slide-left-right-ios7.reverse, .slide-right-left-ios7 {
  6577.     > .ng-leave, &.ng-leave {
  6578.       //box-shadow: $ios-transition-box-shadow-end;
  6579.     }
  6580.     > .ng-leave.ng-leave-active, &.ng-leave.ng-leave-active {
  6581.       //box-shadow: $ios-transition-box-shadow-start;
  6582.     }
  6583.   }
  6584. }
  6585. */
  6586. .grade-a.platform-ipad .slide-left-right-ios7 > .ng-enter, .grade-a.platform-ipad .slide-left-right-ios7.ng-enter, .grade-a.platform-ipad .slide-right-left-ios7.reverse > .ng-enter, .grade-a.platform-ipad .slide-right-left-ios7.reverse.ng-enter {
  6587.   border-left: 0.0625rem solid #ddd; }
  6588. .grade-a.platform-ipad .slide-left-right-ios7.reverse > .ng-leave, .grade-a.platform-ipad .slide-left-right-ios7.reverse.ng-leave, .grade-a.platform-ipad .slide-right-left-ios7 > .ng-leave, .grade-a.platform-ipad .slide-right-left-ios7.ng-leave {
  6589.   border-left: 0.0625rem solid #ddd; }
  6590.  
  6591. /**
  6592.  * Android style "pop in" with fade and scale
  6593.  */
  6594. .fade-explode > .ng-enter, .fade-explode.ng-enter, .fade-explode > .ng-leave, .fade-explode.ng-leave {
  6595.   -webkit-transition: all ease-out 300ms;
  6596.   -moz-transition: all ease-out 300ms;
  6597.   transition: all ease-out 300ms;
  6598.   position: absolute;
  6599.   top: 0;
  6600.   right: -0.0625rem;
  6601.   bottom: 0;
  6602.   left: -0.0625rem;
  6603.   width: auto; }
  6604.   .fade-explode > .ng-enter:not(.bar), .fade-explode.ng-enter:not(.bar), .fade-explode > .ng-leave:not(.bar), .fade-explode.ng-leave:not(.bar) {
  6605.     border-right: 0.0625rem solid #ddd;
  6606.     border-left: 0.0625rem solid #ddd; }
  6607. .fade-explode > .ng-enter, .fade-explode.ng-enter {
  6608.   /* NEW content placed far RIGHT BEFORE it slides IN from the RIGHT */
  6609.   -webkit-transform: scale(1.6);
  6610.   -moz-transform: scale(1.6);
  6611.   transform: scale(1.6);
  6612.   opacity: 0;
  6613.   z-index: 2; }
  6614. .fade-explode > .ng-leave, .fade-explode.ng-leave {
  6615.   z-index: 1; }
  6616. .fade-explode > .ng-enter.ng-enter-active, .fade-explode.ng-enter.ng-enter-active {
  6617.   /* NEW content ACTIVELY sliding IN from the RIGHT */
  6618.   -webkit-transform: scale(1);
  6619.   -moz-transform: scale(1);
  6620.   transform: scale(1);
  6621.   opacity: 1; }
  6622. .fade-explode > .ng-leave.ng-leave-active, .fade-explode.ng-leave.ng-leave-active {
  6623.   /* OLD content ACTIVELY sliding OUT to the LEFT */
  6624.   -webkit-transform: scale(0.95);
  6625.   -moz-transform: scale(0.95);
  6626.   transform: scale(0.95); }
  6627.  
  6628. .fade-explode.reverse > .ng-enter, .fade-explode.reverse.ng-enter, .fade-explode.reverse > .ng-leave, .fade-explode.reverse.ng-leave {
  6629.   -webkit-transition: all ease-out 300ms;
  6630.   -moz-transition: all ease-out 300ms;
  6631.   transition: all ease-out 300ms;
  6632.   position: absolute;
  6633.   top: 0;
  6634.   right: -0.0625rem;
  6635.   bottom: 0;
  6636.   left: -0.0625rem;
  6637.   width: auto; }
  6638.   .fade-explode.reverse > .ng-enter:not(.bar), .fade-explode.reverse.ng-enter:not(.bar), .fade-explode.reverse > .ng-leave:not(.bar), .fade-explode.reverse.ng-leave:not(.bar) {
  6639.     border-right: 0.0625rem solid #ddd;
  6640.     border-left: 0.0625rem solid #ddd; }
  6641. .fade-explode.reverse > .ng-enter, .fade-explode.reverse.ng-enter {
  6642.   /* NEW content placed far LEFT BEFORE it slides IN from the LEFT */
  6643.   -webkit-transform: scale(0.95);
  6644.   -moz-transform: scale(0.95);
  6645.   transform: scale(0.95);
  6646.   opacity: 0;
  6647.   z-index: 1; }
  6648. .fade-explode.reverse > .ng-leave, .fade-explode.reverse.ng-leave {
  6649.   -webkit-transform: scale(1);
  6650.   -moz-transform: scale(1);
  6651.   transform: scale(1);
  6652.   opacity: 1;
  6653.   z-index: 2; }
  6654. .fade-explode.reverse > .ng-enter.ng-enter-active, .fade-explode.reverse.ng-enter.ng-enter-active {
  6655.   -webkit-transform: scale(1);
  6656.   -moz-transform: scale(1);
  6657.   transform: scale(1);
  6658.   opacity: 1; }
  6659. .fade-explode.reverse > .ng-leave.ng-leave-active, .fade-explode.reverse.ng-leave.ng-leave-active {
  6660.   -webkit-transform: scale(1.6);
  6661.   -moz-transform: scale(1.6);
  6662.   transform: scale(1.6);
  6663.   opacity: 0; }
  6664.  
  6665. /**
  6666.  * Android style "pop in" with fade and scale
  6667.  */
  6668. .fade-implode > .ng-enter, .fade-implode.ng-enter, .fade-implode > .ng-leave, .fade-implode.ng-leave {
  6669.   -webkit-transition: all ease-out 200ms;
  6670.   -moz-transition: all ease-out 200ms;
  6671.   transition: all ease-out 200ms;
  6672.   position: absolute;
  6673.   top: 0;
  6674.   right: -0.0625rem;
  6675.   bottom: 0;
  6676.   left: -0.0625rem;
  6677.   width: auto; }
  6678.   .fade-implode > .ng-enter:not(.bar), .fade-implode.ng-enter:not(.bar), .fade-implode > .ng-leave:not(.bar), .fade-implode.ng-leave:not(.bar) {
  6679.     border-right: 0.0625rem solid #ddd;
  6680.     border-left: 0.0625rem solid #ddd; }
  6681. .fade-implode > .ng-enter, .fade-implode.ng-enter {
  6682.   /* NEW content placed far RIGHT BEFORE it slides IN from the RIGHT */
  6683.   -webkit-transform: scale(0.8);
  6684.   -moz-transform: scale(0.8);
  6685.   transform: scale(0.8);
  6686.   opacity: 0;
  6687.   z-index: 2; }
  6688. .fade-implode > .ng-leave, .fade-implode.ng-leave {
  6689.   z-index: 1; }
  6690. .fade-implode > .ng-enter.ng-enter-active, .fade-implode.ng-enter.ng-enter-active {
  6691.   /* NEW content */
  6692.   -webkit-transform: scale(1);
  6693.   -moz-transform: scale(1);
  6694.   transform: scale(1);
  6695.   opacity: 1; }
  6696.  
  6697. .fade-implode.reverse > .ng-enter, .fade-implode.reverse.ng-enter, .fade-implode.reverse > .ng-leave, .fade-implode.reverse.ng-leave {
  6698.   -webkit-transition: all ease-out 200ms;
  6699.   -moz-transition: all ease-out 200ms;
  6700.   transition: all ease-out 200ms;
  6701.   position: absolute;
  6702.   top: 0;
  6703.   right: -0.0625rem;
  6704.   bottom: 0;
  6705.   left: -0.0625rem;
  6706.   width: auto;
  6707.   border-right: 0.0625rem solid #ddd;
  6708.   border-left: 0.0625rem solid #ddd; }
  6709. .fade-implode.reverse > .ng-enter, .fade-implode.reverse.ng-enter {
  6710.   -webkit-transform: scale(1);
  6711.   -moz-transform: scale(1);
  6712.   transform: scale(1);
  6713.   opacity: 1;
  6714.   z-index: 1; }
  6715. .fade-implode.reverse > .ng-leave, .fade-implode.reverse.ng-leave {
  6716.   -webkit-transform: scale(1);
  6717.   -moz-transform: scale(1);
  6718.   transform: scale(1);
  6719.   opacity: 1;
  6720.   z-index: 2; }
  6721. .fade-implode.reverse > .ng-enter.ng-enter-active, .fade-implode.reverse.ng-enter.ng-enter-active {
  6722.   opacity: 1; }
  6723. .fade-implode.reverse > .ng-leave.ng-leave-active, .fade-implode.reverse.ng-leave.ng-leave-active {
  6724.   -webkit-transform: scale(0.8);
  6725.   -moz-transform: scale(0.8);
  6726.   transform: scale(0.8);
  6727.   opacity: 0; }
  6728.  
  6729. /**
  6730.  * Simple slide-in animation
  6731.  */
  6732. .slide-in-left {
  6733.   -webkit-transform: translate3d(0%, 0, 0);
  6734.   -moz-transform: translate3d(0%, 0, 0);
  6735.   transform: translate3d(0%, 0, 0); }
  6736.   .slide-in-left.ng-enter, .slide-in-left > .ng-enter {
  6737.     -webkit-animation-name: slideInFromLeft;
  6738.     -moz-animation-name: slideInFromLeft;
  6739.     animation-name: slideInFromLeft;
  6740.     -webkit-animation-duration: 250ms;
  6741.     -moz-animation-duration: 250ms;
  6742.     animation-duration: 250ms;
  6743.     -webkit-animation-timing-function: ease-in-out;
  6744.     -moz-animation-timing-function: ease-in-out;
  6745.     animation-timing-function: ease-in-out;
  6746.     -webkit-animation-fill-mode: both;
  6747.     -moz-animation-fill-mode: both;
  6748.     animation-fill-mode: both; }
  6749.   .slide-in-left.ng-leave, .slide-in-left > .ng-leave {
  6750.     -webkit-animation-name: slideOutToLeft;
  6751.     -moz-animation-name: slideOutToLeft;
  6752.     animation-name: slideOutToLeft;
  6753.     -webkit-animation-duration: 250ms;
  6754.     -moz-animation-duration: 250ms;
  6755.     animation-duration: 250ms;
  6756.     -webkit-animation-timing-function: ease-in-out;
  6757.     -moz-animation-timing-function: ease-in-out;
  6758.     animation-timing-function: ease-in-out;
  6759.     -webkit-animation-fill-mode: both;
  6760.     -moz-animation-fill-mode: both;
  6761.     animation-fill-mode: both; }
  6762.  
  6763. .slide-in-left-add {
  6764.   -webkit-transform: translate3d(100%, 0, 0);
  6765.   -moz-transform: translate3d(100%, 0, 0);
  6766.   transform: translate3d(100%, 0, 0);
  6767.   -webkit-animation-duration: 250ms;
  6768.   -moz-animation-duration: 250ms;
  6769.   animation-duration: 250ms;
  6770.   -webkit-animation-timing-function: ease-in-out;
  6771.   -moz-animation-timing-function: ease-in-out;
  6772.   animation-timing-function: ease-in-out;
  6773.   -webkit-animation-fill-mode: both;
  6774.   -moz-animation-fill-mode: both;
  6775.   animation-fill-mode: both; }
  6776.  
  6777. .slide-in-left-add-active {
  6778.   -webkit-animation-name: slideInFromLeft;
  6779.   -moz-animation-name: slideInFromLeft;
  6780.   animation-name: slideInFromLeft; }
  6781.  
  6782. .slide-out-left {
  6783.   -webkit-transform: translate3d(-100%, 0, 0);
  6784.   -moz-transform: translate3d(-100%, 0, 0);
  6785.   transform: translate3d(-100%, 0, 0); }
  6786.   .slide-out-left.ng-enter, .slide-out-left > .ng-enter {
  6787.     -webkit-animation-name: slideOutToLeft;
  6788.     -moz-animation-name: slideOutToLeft;
  6789.     animation-name: slideOutToLeft;
  6790.     -webkit-animation-duration: 250ms;
  6791.     -moz-animation-duration: 250ms;
  6792.     animation-duration: 250ms;
  6793.     -webkit-animation-timing-function: ease-in-out;
  6794.     -moz-animation-timing-function: ease-in-out;
  6795.     animation-timing-function: ease-in-out;
  6796.     -webkit-animation-fill-mode: both;
  6797.     -moz-animation-fill-mode: both;
  6798.     animation-fill-mode: both; }
  6799.   .slide-out-left.ng-leave, .slide-out-left > .ng-leave {
  6800.     -webkit-animation-name: slideOutToLeft;
  6801.     -moz-animation-name: slideOutToLeft;
  6802.     animation-name: slideOutToLeft;
  6803.     -webkit-animation-duration: 250ms;
  6804.     -moz-animation-duration: 250ms;
  6805.     animation-duration: 250ms;
  6806.     -webkit-animation-timing-function: ease-in-out;
  6807.     -moz-animation-timing-function: ease-in-out;
  6808.     animation-timing-function: ease-in-out;
  6809.     -webkit-animation-fill-mode: both;
  6810.     -moz-animation-fill-mode: both;
  6811.     animation-fill-mode: both; }
  6812.  
  6813. .slide-out-left-add {
  6814.   -webkit-transform: translate3d(0, 0, 0);
  6815.   -moz-transform: translate3d(0, 0, 0);
  6816.   transform: translate3d(0, 0, 0);
  6817.   -webkit-animation-duration: 250ms;
  6818.   -moz-animation-duration: 250ms;
  6819.   animation-duration: 250ms;
  6820.   -webkit-animation-timing-function: ease-in-out;
  6821.   -moz-animation-timing-function: ease-in-out;
  6822.   animation-timing-function: ease-in-out;
  6823.   -webkit-animation-fill-mode: both;
  6824.   -moz-animation-fill-mode: both;
  6825.   animation-fill-mode: both; }
  6826.  
  6827. .slide-out-left-add-active {
  6828.   -webkit-animation-name: slideOutToLeft;
  6829.   -moz-animation-name: slideOutToLeft;
  6830.   animation-name: slideOutToLeft; }
  6831.  
  6832. .slide-in-right {
  6833.   -webkit-transform: translate3d(0%, 0, 0);
  6834.   -moz-transform: translate3d(0%, 0, 0);
  6835.   transform: translate3d(0%, 0, 0); }
  6836.   .slide-in-right.ng-enter, .slide-in-right > .ng-enter {
  6837.     -webkit-animation-name: slideInFromRight;
  6838.     -moz-animation-name: slideInFromRight;
  6839.     animation-name: slideInFromRight;
  6840.     -webkit-animation-duration: 250ms;
  6841.     -moz-animation-duration: 250ms;
  6842.     animation-duration: 250ms;
  6843.     -webkit-animation-timing-function: ease-in-out;
  6844.     -moz-animation-timing-function: ease-in-out;
  6845.     animation-timing-function: ease-in-out;
  6846.     -webkit-animation-fill-mode: both;
  6847.     -moz-animation-fill-mode: both;
  6848.     animation-fill-mode: both; }
  6849.   .slide-in-right.ng-leave, .slide-in-right > .ng-leave {
  6850.     -webkit-animation-name: slideOutToRight;
  6851.     -moz-animation-name: slideOutToRight;
  6852.     animation-name: slideOutToRight;
  6853.     -webkit-animation-duration: 250ms;
  6854.     -moz-animation-duration: 250ms;
  6855.     animation-duration: 250ms;
  6856.     -webkit-animation-timing-function: ease-in-out;
  6857.     -moz-animation-timing-function: ease-in-out;
  6858.     animation-timing-function: ease-in-out;
  6859.     -webkit-animation-fill-mode: both;
  6860.     -moz-animation-fill-mode: both;
  6861.     animation-fill-mode: both; }
  6862.  
  6863. .slide-in-right-add {
  6864.   -webkit-transform: translate3d(-100%, 0, 0);
  6865.   -moz-transform: translate3d(-100%, 0, 0);
  6866.   transform: translate3d(-100%, 0, 0);
  6867.   -webkit-animation-duration: 250ms;
  6868.   -moz-animation-duration: 250ms;
  6869.   animation-duration: 250ms;
  6870.   -webkit-animation-timing-function: ease-in-out;
  6871.   -moz-animation-timing-function: ease-in-out;
  6872.   animation-timing-function: ease-in-out;
  6873.   -webkit-animation-fill-mode: both;
  6874.   -moz-animation-fill-mode: both;
  6875.   animation-fill-mode: both; }
  6876.  
  6877. .slide-in-right-add-active {
  6878.   -webkit-animation-name: slideInFromRight;
  6879.   -moz-animation-name: slideInFromRight;
  6880.   animation-name: slideInFromRight; }
  6881.  
  6882. .slide-out-right {
  6883.   -webkit-transform: translate3d(100%, 0, 0);
  6884.   -moz-transform: translate3d(100%, 0, 0);
  6885.   transform: translate3d(100%, 0, 0); }
  6886.   .slide-out-right.ng-enter, .slide-out-right > .ng-enter {
  6887.     -webkit-animation-name: slideOutToRight;
  6888.     -moz-animation-name: slideOutToRight;
  6889.     animation-name: slideOutToRight;
  6890.     -webkit-animation-duration: 250ms;
  6891.     -moz-animation-duration: 250ms;
  6892.     animation-duration: 250ms;
  6893.     -webkit-animation-timing-function: ease-in-out;
  6894.     -moz-animation-timing-function: ease-in-out;
  6895.     animation-timing-function: ease-in-out;
  6896.     -webkit-animation-fill-mode: both;
  6897.     -moz-animation-fill-mode: both;
  6898.     animation-fill-mode: both; }
  6899.   .slide-out-right.ng-leave, .slide-out-right > .ng-leave {
  6900.     -webkit-animation-name: slideOutToRight;
  6901.     -moz-animation-name: slideOutToRight;
  6902.     animation-name: slideOutToRight;
  6903.     -webkit-animation-duration: 250ms;
  6904.     -moz-animation-duration: 250ms;
  6905.     animation-duration: 250ms;
  6906.     -webkit-animation-timing-function: ease-in-out;
  6907.     -moz-animation-timing-function: ease-in-out;
  6908.     animation-timing-function: ease-in-out;
  6909.     -webkit-animation-fill-mode: both;
  6910.     -moz-animation-fill-mode: both;
  6911.     animation-fill-mode: both; }
  6912.  
  6913. .slide-out-right-add {
  6914.   -webkit-transform: translate3d(0, 0, 0);
  6915.   -moz-transform: translate3d(0, 0, 0);
  6916.   transform: translate3d(0, 0, 0);
  6917.   -webkit-animation-duration: 250ms;
  6918.   -moz-animation-duration: 250ms;
  6919.   animation-duration: 250ms;
  6920.   -webkit-animation-timing-function: ease-in-out;
  6921.   -moz-animation-timing-function: ease-in-out;
  6922.   animation-timing-function: ease-in-out;
  6923.   -webkit-animation-fill-mode: both;
  6924.   -moz-animation-fill-mode: both;
  6925.   animation-fill-mode: both; }
  6926.  
  6927. .slide-out-right-add-active {
  6928.   -webkit-animation-name: slideOutToRight;
  6929.   -moz-animation-name: slideOutToRight;
  6930.   animation-name: slideOutToRight; }
  6931.  
  6932. /**
  6933.  * Slide up from the bottom, used for modals
  6934.  * --------------------------------------------------
  6935.  */
  6936. .slide-in-up {
  6937.   -webkit-transform: translate3d(0, 100%, 0);
  6938.   -moz-transform: translate3d(0, 100%, 0);
  6939.   transform: translate3d(0, 100%, 0); }
  6940.  
  6941. .slide-in-up.ng-enter, .slide-in-up > .ng-enter {
  6942.   -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  6943.   -moz-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  6944.   transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }
  6945.  
  6946. .slide-in-up.ng-enter-active, .slide-in-up > .ng-enter-active {
  6947.   -webkit-transform: translate3d(0, 0, 0);
  6948.   -moz-transform: translate3d(0, 0, 0);
  6949.   transform: translate3d(0, 0, 0); }
  6950.  
  6951. .slide-in-up.ng-leave, .slide-in-up > .ng-leave {
  6952.   -webkit-transition: all ease-in-out 250ms;
  6953.   -moz-transition: all ease-in-out 250ms;
  6954.   transition: all ease-in-out 250ms; }
  6955.  
  6956. .fade-in {
  6957.   -webkit-animation: fadeOut 0.3s;
  6958.   -moz-animation: fadeOut 0.3s;
  6959.   animation: fadeOut 0.3s; }
  6960.   .fade-in.active {
  6961.     -webkit-animation: fadeIn 0.3s;
  6962.     -moz-animation: fadeIn 0.3s;
  6963.     animation: fadeIn 0.3s; }
  6964.  
  6965. .fade-in-not-out.ng-enter, .fade-in-not-out .ng-enter {
  6966.   -webkit-animation: fadeIn 0.3s;
  6967.   -moz-animation: fadeIn 0.3s;
  6968.   animation: fadeIn 0.3s;
  6969.   position: relative; }
  6970. .fade-in-not-out.ng-leave, .fade-in-not-out .ng-leave {
  6971.   display: none; }
  6972.  
  6973. /**
  6974.  * Some component specific animations
  6975.  */
  6976. .nav-title-slide-ios7:not(.no-animation) .button.back-button {
  6977.   -webkit-transition: all 340ms;
  6978.   -moz-transition: all 340ms;
  6979.   transition: all 340ms;
  6980.   -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6981.   -moz-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6982.   transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  6983.   -webkit-transform: translate3d(0%, 0, 0);
  6984.   -moz-transform: translate3d(0%, 0, 0);
  6985.   transform: translate3d(0%, 0, 0);
  6986.   opacity: 1; }
  6987.   .nav-title-slide-ios7:not(.no-animation) .button.back-button.active, .nav-title-slide-ios7:not(.no-animation) .button.back-button.activated {
  6988.     opacity: 0.5; }
  6989.   .nav-title-slide-ios7:not(.no-animation) .button.back-button.ng-hide {
  6990.     opacity: 0;
  6991.     -webkit-transform: translate3d(30%, 0, 0);
  6992.     -moz-transform: translate3d(30%, 0, 0);
  6993.     transform: translate3d(30%, 0, 0); }
  6994.   .nav-title-slide-ios7:not(.no-animation) .button.back-button.ng-hide-add, .nav-title-slide-ios7:not(.no-animation) .button.back-button.ng-hide-remove {
  6995.     display: block !important; }
  6996.   .nav-title-slide-ios7:not(.no-animation) .button.back-button.ng-hide-add {
  6997.     position: absolute; }
  6998. .nav-title-slide-ios7 > .ng-enter, .nav-title-slide-ios7.ng-enter, .nav-title-slide-ios7 > .ng-leave, .nav-title-slide-ios7.ng-leave {
  6999.   -webkit-transition: all 340ms;
  7000.   -moz-transition: all 340ms;
  7001.   transition: all 340ms;
  7002.   -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  7003.   -moz-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  7004.   transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  7005.   opacity: 1; }
  7006. .nav-title-slide-ios7 > .ng-enter, .nav-title-slide-ios7.ng-enter {
  7007.   -webkit-transform: translate3d(30%, 0, 0);
  7008.   -moz-transform: translate3d(30%, 0, 0);
  7009.   transform: translate3d(30%, 0, 0);
  7010.   opacity: 0; }
  7011.   .nav-title-slide-ios7 > .ng-enter.title, .nav-title-slide-ios7.ng-enter.title {
  7012.     -webkit-transform: translate3d(100%, 0, 0);
  7013.     -moz-transform: translate3d(100%, 0, 0);
  7014.     transform: translate3d(100%, 0, 0); }
  7015. .nav-title-slide-ios7 > .ng-enter.ng-enter-active, .nav-title-slide-ios7.ng-enter.ng-enter-active {
  7016.   -webkit-transform: translate3d(0, 0, 0);
  7017.   -moz-transform: translate3d(0, 0, 0);
  7018.   transform: translate3d(0, 0, 0);
  7019.   opacity: 1; }
  7020. .nav-title-slide-ios7 > .ng-leave.ng-leave-active, .nav-title-slide-ios7.ng-leave.ng-leave-active {
  7021.   -webkit-transform: translate3d(-30%, 0, 0);
  7022.   -moz-transform: translate3d(-30%, 0, 0);
  7023.   transform: translate3d(-30%, 0, 0);
  7024.   opacity: 0; }
  7025. .nav-title-slide-ios7.reverse > .ng-enter, .nav-title-slide-ios7.reverse.ng-enter, .nav-title-slide-ios7.reverse > .ng-leave, .nav-title-slide-ios7.reverse.ng-leave {
  7026.   -webkit-transition: all 340ms;
  7027.   -moz-transition: all 340ms;
  7028.   transition: all 340ms;
  7029.   -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  7030.   -moz-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  7031.   transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  7032.   opacity: 1; }
  7033. .nav-title-slide-ios7.reverse > .ng-enter, .nav-title-slide-ios7.reverse.ng-enter {
  7034.   -webkit-transform: translate3d(-30%, 0, 0);
  7035.   -moz-transform: translate3d(-30%, 0, 0);
  7036.   transform: translate3d(-30%, 0, 0);
  7037.   opacity: 0; }
  7038. .nav-title-slide-ios7.reverse > .ng-enter.ng-enter-active, .nav-title-slide-ios7.reverse.ng-enter.ng-enter-active {
  7039.   -webkit-transform: translate3d(0, 0, 0);
  7040.   -moz-transform: translate3d(0, 0, 0);
  7041.   transform: translate3d(0, 0, 0);
  7042.   opacity: 1; }
  7043. .nav-title-slide-ios7.reverse > .ng-leave.ng-leave-active, .nav-title-slide-ios7.reverse.ng-leave.ng-leave-active {
  7044.   -webkit-transform: translate3d(100%, 0, 0);
  7045.   -moz-transform: translate3d(100%, 0, 0);
  7046.   transform: translate3d(100%, 0, 0);
  7047.   opacity: 0; }
  7048.  
  7049. .nav-title-android:not(.no-animation) .button.back-button {
  7050.   -webkit-transition: all 200ms;
  7051.   -moz-transition: all 200ms;
  7052.   transition: all 200ms;
  7053.   -webkit-transition-timing-function: linear;
  7054.   -moz-transition-timing-function: linear;
  7055.   transition-timing-function: linear;
  7056.   opacity: 1; }
  7057.   .nav-title-android:not(.no-animation) .button.back-button.ng-hide {
  7058.     opacity: 0; }
  7059.   .nav-title-android:not(.no-animation) .button.back-button.ng-hide-add, .nav-title-android:not(.no-animation) .button.back-button.ng-hide-remove {
  7060.     display: block !important; }
  7061.   .nav-title-android:not(.no-animation) .button.back-button.ng-hide-add {
  7062.     position: absolute; }
  7063. .nav-title-android > .ng-enter, .nav-title-android.ng-enter, .nav-title-android > .ng-leave, .nav-title-android.ng-leave {
  7064.   -webkit-transition: all 200ms;
  7065.   -moz-transition: all 200ms;
  7066.   transition: all 200ms;
  7067.   -webkit-transition-timing-function: linear;
  7068.   -moz-transition-timing-function: linear;
  7069.   transition-timing-function: linear; }
  7070. .nav-title-android > .ng-enter, .nav-title-android.ng-enter {
  7071.   opacity: 0; }
  7072. .nav-title-android > .ng-enter.ng-enter-active, .nav-title-android.ng-enter.ng-enter-active {
  7073.   opacity: 1; }
  7074. .nav-title-android > .ng-leave.ng-leave-active, .nav-title-android.ng-leave.ng-leave-active {
  7075.   opacity: 0; }
  7076.  
  7077. /**
  7078.  * Grid
  7079.  * --------------------------------------------------
  7080.  * Using flexbox for the grid, inspired by Philip Walton:
  7081.  * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
  7082.  * By default each .col within a .row will evenly take up
  7083.  * available width, and the height of each .col with take
  7084.  * up the height of the tallest .col in the same .row.
  7085.  */
  7086. .row {
  7087.   display: -webkit-box;
  7088.   display: -webkit-flex;
  7089.   display: -moz-box;
  7090.   display: -moz-flex;
  7091.   display: -ms-flexbox;
  7092.   display: flex;
  7093.   padding: 0.3125rem;
  7094.   width: 100%; }
  7095.  
  7096. .row + .row {
  7097.   margin-top: -0.3125rem;
  7098.   padding-top: 0; }
  7099.  
  7100. .col {
  7101.   -webkit-box-flex: 1;
  7102.   -webkit-flex: 1;
  7103.   -moz-box-flex: 1;
  7104.   -moz-flex: 1;
  7105.   -ms-flex: 1;
  7106.   flex: 1;
  7107.   display: block;
  7108.   padding: 0.3125rem;
  7109.   width: 100%; }
  7110.  
  7111. /* Vertically Align Columns */
  7112. /* .row-* vertically aligns every .col in the .row */
  7113. .row-top {
  7114.   -webkit-box-align: start;
  7115.   -ms-flex-align: start;
  7116.   -webkit-align-items: flex-start;
  7117.   -moz-align-items: flex-start;
  7118.   align-items: flex-start; }
  7119.  
  7120. .row-bottom {
  7121.   -webkit-box-align: end;
  7122.   -ms-flex-align: end;
  7123.   -webkit-align-items: flex-end;
  7124.   -moz-align-items: flex-end;
  7125.   align-items: flex-end; }
  7126.  
  7127. .row-center {
  7128.   -webkit-box-align: center;
  7129.   -ms-flex-align: center;
  7130.   -webkit-align-items: center;
  7131.   -moz-align-items: center;
  7132.   align-items: center; }
  7133.  
  7134. .row-stretch {
  7135.   -webkit-box-align: stretch;
  7136.   -ms-flex-align: stretch;
  7137.   -webkit-align-items: stretch;
  7138.   -moz-align-items: stretch;
  7139.   align-items: stretch; }
  7140.  
  7141. .row-baseline {
  7142.   -webkit-box-align: baseline;
  7143.   -ms-flex-align: baseline;
  7144.   -webkit-align-items: baseline;
  7145.   -moz-align-items: baseline;
  7146.   align-items: baseline; }
  7147.  
  7148. /* .col-* vertically aligns an individual .col */
  7149. .col-top {
  7150.   -webkit-align-self: flex-start;
  7151.   -moz-align-self: flex-start;
  7152.   -ms-flex-item-align: start;
  7153.   align-self: flex-start; }
  7154.  
  7155. .col-bottom {
  7156.   -webkit-align-self: flex-end;
  7157.   -moz-align-self: flex-end;
  7158.   -ms-flex-item-align: end;
  7159.   align-self: flex-end; }
  7160.  
  7161. .col-center {
  7162.   -webkit-align-self: center;
  7163.   -moz-align-self: center;
  7164.   -ms-flex-item-align: center;
  7165.   align-self: center; }
  7166.  
  7167. /* Column Offsets */
  7168. .col-offset-10 {
  7169.   margin-left: 10%; }
  7170.  
  7171. .col-offset-20 {
  7172.   margin-left: 20%; }
  7173.  
  7174. .col-offset-25 {
  7175.   margin-left: 25%; }
  7176.  
  7177. .col-offset-33, .col-offset-34 {
  7178.   margin-left: 33.3333%; }
  7179.  
  7180. .col-offset-50 {
  7181.   margin-left: 50%; }
  7182.  
  7183. .col-offset-66, .col-offset-67 {
  7184.   margin-left: 66.6666%; }
  7185.  
  7186. .col-offset-75 {
  7187.   margin-left: 75%; }
  7188.  
  7189. .col-offset-80 {
  7190.   margin-left: 80%; }
  7191.  
  7192. .col-offset-90 {
  7193.   margin-left: 90%; }
  7194.  
  7195. /* Explicit Column Percent Sizes */
  7196. /* By default each grid column will evenly distribute */
  7197. /* across the grid. However, you can specify individual */
  7198. /* columns to take up a certain size of the available area */
  7199. .col-10 {
  7200.   -webkit-box-flex: 0;
  7201.   -webkit-flex: 0 0 10%;
  7202.   -moz-box-flex: 0;
  7203.   -moz-flex: 0 0 10%;
  7204.   -ms-flex: 0 0 10%;
  7205.   flex: 0 0 10%;
  7206.   max-width: 10%; }
  7207.  
  7208. .col-20 {
  7209.   -webkit-box-flex: 0;
  7210.   -webkit-flex: 0 0 20%;
  7211.   -moz-box-flex: 0;
  7212.   -moz-flex: 0 0 20%;
  7213.   -ms-flex: 0 0 20%;
  7214.   flex: 0 0 20%;
  7215.   max-width: 20%; }
  7216.  
  7217. .col-25 {
  7218.   -webkit-box-flex: 0;
  7219.   -webkit-flex: 0 0 25%;
  7220.   -moz-box-flex: 0;
  7221.   -moz-flex: 0 0 25%;
  7222.   -ms-flex: 0 0 25%;
  7223.   flex: 0 0 25%;
  7224.   max-width: 25%; }
  7225.  
  7226. .col-33, .col-34 {
  7227.   -webkit-box-flex: 0;
  7228.   -webkit-flex: 0 0 33.3333%;
  7229.   -moz-box-flex: 0;
  7230.   -moz-flex: 0 0 33.3333%;
  7231.   -ms-flex: 0 0 33.3333%;
  7232.   flex: 0 0 33.3333%;
  7233.   max-width: 33.3333%; }
  7234.  
  7235. .col-50 {
  7236.   -webkit-box-flex: 0;
  7237.   -webkit-flex: 0 0 50%;
  7238.   -moz-box-flex: 0;
  7239.   -moz-flex: 0 0 50%;
  7240.   -ms-flex: 0 0 50%;
  7241.   flex: 0 0 50%;
  7242.   max-width: 50%; }
  7243.  
  7244. .col-66, .col-67 {
  7245.   -webkit-box-flex: 0;
  7246.   -webkit-flex: 0 0 66.6666%;
  7247.   -moz-box-flex: 0;
  7248.   -moz-flex: 0 0 66.6666%;
  7249.   -ms-flex: 0 0 66.6666%;
  7250.   flex: 0 0 66.6666%;
  7251.   max-width: 66.6666%; }
  7252.  
  7253. .col-75 {
  7254.   -webkit-box-flex: 0;
  7255.   -webkit-flex: 0 0 75%;
  7256.   -moz-box-flex: 0;
  7257.   -moz-flex: 0 0 75%;
  7258.   -ms-flex: 0 0 75%;
  7259.   flex: 0 0 75%;
  7260.   max-width: 75%; }
  7261.  
  7262. .col-80 {
  7263.   -webkit-box-flex: 0;
  7264.   -webkit-flex: 0 0 80%;
  7265.   -moz-box-flex: 0;
  7266.   -moz-flex: 0 0 80%;
  7267.   -ms-flex: 0 0 80%;
  7268.   flex: 0 0 80%;
  7269.   max-width: 80%; }
  7270.  
  7271. .col-90 {
  7272.   -webkit-box-flex: 0;
  7273.   -webkit-flex: 0 0 90%;
  7274.   -moz-box-flex: 0;
  7275.   -moz-flex: 0 0 90%;
  7276.   -ms-flex: 0 0 90%;
  7277.   flex: 0 0 90%;
  7278.   max-width: 90%; }
  7279.  
  7280. /* Responsive Grid Classes */
  7281. /* Adding a class of responsive-X to a row */
  7282. /* will trigger the flex-direction to */
  7283. /* change to column and add some margin */
  7284. /* to any columns in the row for clearity */
  7285. @media (max-width: 35.4375rem) {
  7286.   .responsive-sm {
  7287.     -webkit-box-direction: normal;
  7288.     -moz-box-direction: normal;
  7289.     -webkit-box-orient: vertical;
  7290.     -moz-box-orient: vertical;
  7291.     -webkit-flex-direction: column;
  7292.     -ms-flex-direction: column;
  7293.     flex-direction: column; }
  7294.     .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 {
  7295.       -webkit-box-flex: 1;
  7296.       -webkit-flex: 1;
  7297.       -moz-box-flex: 1;
  7298.       -moz-flex: 1;
  7299.       -ms-flex: 1;
  7300.       flex: 1;
  7301.       margin-bottom: 0.9375rem;
  7302.       margin-left: 0;
  7303.       max-width: 100%;
  7304.       width: 100%; } }
  7305.  
  7306. @media (max-width: 47.9375rem) {
  7307.   .responsive-md {
  7308.     -webkit-box-direction: normal;
  7309.     -moz-box-direction: normal;
  7310.     -webkit-box-orient: vertical;
  7311.     -moz-box-orient: vertical;
  7312.     -webkit-flex-direction: column;
  7313.     -ms-flex-direction: column;
  7314.     flex-direction: column; }
  7315.     .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 {
  7316.       -webkit-box-flex: 1;
  7317.       -webkit-flex: 1;
  7318.       -moz-box-flex: 1;
  7319.       -moz-flex: 1;
  7320.       -ms-flex: 1;
  7321.       flex: 1;
  7322.       margin-bottom: 0.9375rem;
  7323.       margin-left: 0;
  7324.       max-width: 100%;
  7325.       width: 100%; } }
  7326.  
  7327. @media (max-width: 63.9375rem) {
  7328.   .responsive-lg {
  7329.     -webkit-box-direction: normal;
  7330.     -moz-box-direction: normal;
  7331.     -webkit-box-orient: vertical;
  7332.     -moz-box-orient: vertical;
  7333.     -webkit-flex-direction: column;
  7334.     -ms-flex-direction: column;
  7335.     flex-direction: column; }
  7336.     .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 {
  7337.       -webkit-box-flex: 1;
  7338.       -webkit-flex: 1;
  7339.       -moz-box-flex: 1;
  7340.       -moz-flex: 1;
  7341.       -ms-flex: 1;
  7342.       flex: 1;
  7343.       margin-bottom: 0.9375rem;
  7344.       margin-left: 0;
  7345.       max-width: 100%;
  7346.       width: 100%; } }
  7347.  
  7348. /**
  7349.  * Utility Classes
  7350.  * --------------------------------------------------
  7351.  */
  7352. .hide {
  7353.   display: none; }
  7354.  
  7355. .opacity-hide {
  7356.   opacity: 0; }
  7357.  
  7358. .grade-b .opacity-hide, .grade-c .opacity-hide {
  7359.   opacity: 1;
  7360.   display: none; }
  7361.  
  7362. .show {
  7363.   display: block; }
  7364.  
  7365. .opacity-show {
  7366.   opacity: 1; }
  7367.  
  7368. .invisible {
  7369.   visibility: hidden; }
  7370.  
  7371. .keyboard-open .hide-on-keyboard-open {
  7372.   display: none; }
  7373.  
  7374. .keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs, .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
  7375.   bottom: 0; }
  7376.  
  7377. .inline {
  7378.   display: inline-block; }
  7379.  
  7380. .disable-pointer-events {
  7381.   pointer-events: none; }
  7382.  
  7383. .enable-pointer-events {
  7384.   pointer-events: auto; }
  7385.  
  7386. .disable-user-behavior {
  7387.   -webkit-user-select: none;
  7388.   -moz-user-select: none;
  7389.   -ms-user-select: none;
  7390.   user-select: none;
  7391.   -webkit-touch-callout: none;
  7392.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  7393.   -webkit-tap-highlight-color: transparent;
  7394.   -webkit-user-drag: none;
  7395.   -ms-touch-action: none;
  7396.   -ms-content-zooming: none; }
  7397.  
  7398. .no-resize {
  7399.   resize: none; }
  7400.  
  7401. .block {
  7402.   display: block;
  7403.   clear: both; }
  7404.   .block:after {
  7405.     display: block;
  7406.     visibility: hidden;
  7407.     clear: both;
  7408.     height: 0;
  7409.     content: "."; }
  7410.  
  7411. .full-image {
  7412.   width: 100%; }
  7413.  
  7414. .clearfix {
  7415.   *zoom: 1; }
  7416.   .clearfix:before, .clearfix:after {
  7417.     display: table;
  7418.     content: "";
  7419.     line-height: 0; }
  7420.   .clearfix:after {
  7421.     clear: both; }
  7422.  
  7423. /**
  7424.  * Content Padding
  7425.  * --------------------------------------------------
  7426.  */
  7427. .padding {
  7428.   padding: 0.625rem; }
  7429.  
  7430. .padding-top, .padding-vertical {
  7431.   padding-top: 0.625rem; }
  7432.  
  7433. .padding-right, .padding-horizontal {
  7434.   padding-right: 0.625rem; }
  7435.  
  7436. .padding-bottom, .padding-vertical {
  7437.   padding-bottom: 0.625rem; }
  7438.  
  7439. .padding-left, .padding-horizontal {
  7440.   padding-left: 0.625rem; }
  7441.  
  7442. /**
  7443.  * Rounded
  7444.  * --------------------------------------------------
  7445.  */
  7446. .rounded {
  7447.   border-radius: 0.25rem; }
  7448.  
  7449. /**
  7450.  * Utility Colors
  7451.  * --------------------------------------------------
  7452.  * Utility colors are added to help set a naming convention. You'll
  7453.  * notice we purposely do not use words like "red" or "blue", but
  7454.  * instead have colors which represent an emotion or generic theme.
  7455.  */
  7456. .light, a.light {
  7457.   color: #fff; }
  7458.  
  7459. .light-bg {
  7460.   background-color: #fff; }
  7461.  
  7462. .light-border {
  7463.   border-color: #ddd; }
  7464.  
  7465. .stable, a.stable {
  7466.   color: #f8f8f8; }
  7467.  
  7468. .stable-bg {
  7469.   background-color: #f8f8f8; }
  7470.  
  7471. .stable-border {
  7472.   border-color: #b2b2b2; }
  7473.  
  7474. .positive, a.positive {
  7475.   color: #4a87ee; }
  7476.  
  7477. .positive-bg {
  7478.   background-color: #4a87ee; }
  7479.  
  7480. .positive-border {
  7481.   border-color: #145fd7; }
  7482.  
  7483. .calm, a.calm {
  7484.   color: #43cee6; }
  7485.  
  7486. .calm-bg {
  7487.   background-color: #43cee6; }
  7488.  
  7489. .calm-border {
  7490.   border-color: #1aacc3; }
  7491.  
  7492. .assertive, a.assertive {
  7493.   color: #ef4e3a; }
  7494.  
  7495. .assertive-bg {
  7496.   background-color: #ef4e3a; }
  7497.  
  7498. .assertive-border {
  7499.   border-color: #cc2311; }
  7500.  
  7501. .balanced, a.balanced {
  7502.   color: #66cc33; }
  7503.  
  7504. .balanced-bg {
  7505.   background-color: #66cc33; }
  7506.  
  7507. .balanced-border {
  7508.   border-color: #498f24; }
  7509.  
  7510. .energized, a.energized {
  7511.   color: #f0b840; }
  7512.  
  7513. .energized-bg {
  7514.   background-color: #f0b840; }
  7515.  
  7516. .energized-border {
  7517.   border-color: #d39211; }
  7518.  
  7519. .royal, a.royal {
  7520.   color: #8a6de9; }
  7521.  
  7522. .royal-bg {
  7523.   background-color: #8a6de9; }
  7524.  
  7525. .royal-border {
  7526.   border-color: #552bdf; }
  7527.  
  7528. .dark, a.dark {
  7529.   color: #444; }
  7530.  
  7531. .dark-bg {
  7532.   background-color: #444; }
  7533.  
  7534. .dark-border {
  7535.   border-color: #111; }
  7536.  
  7537. /**
  7538.  * Platform
  7539.  * --------------------------------------------------
  7540.  * Platform specific tweaks
  7541.  */
  7542. /**
  7543.  * Apply roboto font
  7544.  */
  7545. .roboto {
  7546.   font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  7547.   .roboto input {
  7548.     font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  7549.  
  7550. /*
  7551. .platform-android {
  7552.  
  7553.  
  7554.   .bar {
  7555.     padding: 0;
  7556.  
  7557.     line-height: 2.5rem;
  7558.  
  7559.     .button {
  7560.       line-height: 2.5rem;
  7561.     }
  7562.  
  7563.     .button-icon:before {
  7564.       font-size: 1.5rem;
  7565.     }
  7566.   }
  7567.  
  7568.   .back-button {
  7569.     &.button-icon:before {
  7570.       line-height: 2.5rem;
  7571.     }
  7572.     margin-left: -0.1875rem;
  7573.     padding: 0.0rem 0.125rem !important;
  7574.     &.ion-android-arrow-back:before {
  7575.       font-size: 0.75rem;
  7576.     }
  7577.  
  7578.     &.back-button.active,
  7579.     &.back-button.activated {
  7580.       background-color: rgba(0,0,0,0.1);
  7581.     }
  7582.   }
  7583.  
  7584.   .item-divider {
  7585.     background: none;
  7586.     border-top-width: 0;
  7587.     border-bottom-width: 0.125rem;
  7588.     text-transform: uppercase;
  7589.     margin-top: 0.625rem;
  7590.     font-size: 0.875rem;
  7591.   }
  7592.   .item {
  7593.     border-left-width: 0;
  7594.     border-right-width: 0;
  7595.   }
  7596.  
  7597.   .item-divider ~ .item:not(.item-divider) {
  7598.     border-bottom-width: 0;
  7599.   }
  7600.  
  7601.   .back-button:not(.ng-hide) + .left-buttons + .title {
  7602.     // Don't allow normal titles in this mode
  7603.     display: none;
  7604.   }
  7605.  
  7606.   .bar .title {
  7607.     text-align: left;
  7608.     font-weight: normal;
  7609.   }
  7610.  
  7611.   font-family: 'Roboto';
  7612.  
  7613.   h1, h2, h3, h4, h5 {
  7614.     font-family: 'Roboto', $font-family-base;
  7615.   }
  7616.  
  7617.   .tab-item {
  7618.     font-family: 'Roboto', $font-family-base;
  7619.   }
  7620.  
  7621.  
  7622.   input, button, select, textarea {
  7623.     font-family: 'Roboto', $font-family-base;
  7624.   }
  7625.   */
  7626. .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
  7627.   height: 4.0rem; }
  7628.   .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
  7629.     margin-top: 1.1875rem !important; }
  7630.   .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
  7631.     margin-top: 1.25rem; }
  7632. .platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top {
  7633.   top: 4.0rem; }
  7634. .platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
  7635.   top: 4.0rem; }
  7636. .platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
  7637.   top: 6.75rem; }
  7638. .platform-ios.platform-cordova:not(.fullscreen) .has-tabs-top {
  7639.   top: 7.0625rem; }
  7640. .platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top {
  7641.   top: 9.8125rem; }
  7642. .platform-ios.platform-cordova.status-bar-hide {
  7643.   margin-bottom: 1.25rem; }
  7644.  
  7645. @media (orientation: landscape) {
  7646.   .platform-ios.platform-browser.platform-ipad {
  7647.     position: fixed; } }
  7648.  
  7649. .platform-c:not(.enable-transitions) * {
  7650.   -webkit-transition: none !important;
  7651.   transition: none !important; }
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!