@charset "UTF-8";
/*!
Ionicons, v3.0.0-alpha.3
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url("../assets/fonts/ionicons.eot?v=3.0.0-alpha.3");
src: url("../assets/fonts/ionicons.eot?v=3.0.0-alpha.3#iefix") format("embedded-opentype"), url("../assets/fonts/ionicons.woff2?v=3.0.0-alpha.3") format("woff2"), url("../assets/fonts/ionicons.woff?v=3.0.0-alpha.3") format("woff"), url("../assets/fonts/ionicons.ttf?v=3.0.0-alpha.3") format("truetype"), url("../assets/fonts/ionicons.svg?v=3.0.0-alpha.3#Ionicons") format("svg");
font-weight: normal;
font-style: normal;
}
.ion, .ionicons,
.ion-ios-add:before,
.ion-ios-add-circle:before,
.ion-ios-add-circle-outline:before,
.ion-ios-add-outline:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-alert:before,
.ion-ios-alert-outline:before,
.ion-ios-american-football:before,
.ion-ios-american-football-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-aperture:before,
.ion-ios-aperture-outline:before,
.ion-ios-apps:before,
.ion-ios-apps-outline:before,
.ion-ios-appstore:before,
.ion-ios-appstore-outline:before,
.ion-ios-archive:before,
.ion-ios-archive-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-back-outline:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-down-outline:before,
.ion-ios-arrow-dropdown:before,
.ion-ios-arrow-dropdown-circle:before,
.ion-ios-arrow-dropdown-circle-outline:before,
.ion-ios-arrow-dropdown-outline:before,
.ion-ios-arrow-dropleft:before,
.ion-ios-arrow-dropleft-circle:before,
.ion-ios-arrow-dropleft-circle-outline:before,
.ion-ios-arrow-dropleft-outline:before,
.ion-ios-arrow-dropright:before,
.ion-ios-arrow-dropright-circle:before,
.ion-ios-arrow-dropright-circle-outline:before,
.ion-ios-arrow-dropright-outline:before,
.ion-ios-arrow-dropup:before,
.ion-ios-arrow-dropup-circle:before,
.ion-ios-arrow-dropup-circle-outline:before,
.ion-ios-arrow-dropup-outline:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-forward-outline:before,
.ion-ios-arrow-round-back:before,
.ion-ios-arrow-round-back-outline:before,
.ion-ios-arrow-round-down:before,
.ion-ios-arrow-round-down-outline:before,
.ion-ios-arrow-round-forward:before,
.ion-ios-arrow-round-forward-outline:before,
.ion-ios-arrow-round-up:before,
.ion-ios-arrow-round-up-outline:before,
.ion-ios-arrow-up:before,
.ion-ios-arrow-up-outline:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-attach:before,
.ion-ios-attach-outline:before,
.ion-ios-backspace:before,
.ion-ios-backspace-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basket:before,
.ion-ios-basket-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-battery-charging:before,
.ion-ios-battery-charging-outline:before,
.ion-ios-battery-dead:before,
.ion-ios-battery-dead-outline:before,
.ion-ios-battery-full:before,
.ion-ios-battery-full-outline:before,
.ion-ios-beaker:before,
.ion-ios-beaker-outline:before,
.ion-ios-beer:before,
.ion-ios-beer-outline:before,
.ion-ios-bicycle:before,
.ion-ios-bicycle-outline:before,
.ion-ios-bluetooth:before,
.ion-ios-bluetooth-outline:before,
.ion-ios-boat:before,
.ion-ios-boat-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bonfire:before,
.ion-ios-bonfire-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmark:before,
.ion-ios-bookmark-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-bowtie:before,
.ion-ios-bowtie-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-brush:before,
.ion-ios-brush-outline:before,
.ion-ios-bug:before,
.ion-ios-bug-outline:before,
.ion-ios-build:before,
.ion-ios-build-outline:before,
.ion-ios-bulb:before,
.ion-ios-bulb-outline:before,
.ion-ios-bus:before,
.ion-ios-bus-outline:before,
.ion-ios-cafe:before,
.ion-ios-cafe-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-call:before,
.ion-ios-call-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-car:before,
.ion-ios-car-outline:before,
.ion-ios-card:before,
.ion-ios-card-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-cash:before,
.ion-ios-cash-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubbles:before,
.ion-ios-chatbubbles-outline:before,
.ion-ios-checkbox:before,
.ion-ios-checkbox-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-circle:before,
.ion-ios-checkmark-circle-outline:before,
.ion-ios-checkmark-outline:before,
.ion-ios-clipboard:before,
.ion-ios-clipboard-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-circle:before,
.ion-ios-close-circle-outline:before,
.ion-ios-close-outline:before,
.ion-ios-closed-captioning:before,
.ion-ios-closed-captioning-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-circle:before,
.ion-ios-cloud-circle-outline:before,
.ion-ios-cloud-done:before,
.ion-ios-cloud-done-outline:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-code:before,
.ion-ios-code-download:before,
.ion-ios-code-download-outline:before,
.ion-ios-code-outline:before,
.ion-ios-code-working:before,
.ion-ios-code-working-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-fill:before,
.ion-ios-color-fill-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-palette:before,
.ion-ios-color-palette-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compass:before,
.ion-ios-compass-outline:before,
.ion-ios-construct:before,
.ion-ios-construct-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-contacts:before,
.ion-ios-contacts-outline:before,
.ion-ios-contract:before,
.ion-ios-contract-outline:before,
.ion-ios-contrast:before,
.ion-ios-contrast-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-create:before,
.ion-ios-create-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-outline:before,
.ion-ios-cube:before,
.ion-ios-cube-outline:before,
.ion-ios-cut:before,
.ion-ios-cut-outline:before,
.ion-ios-desktop:before,
.ion-ios-desktop-outline:before,
.ion-ios-disc:before,
.ion-ios-disc-outline:before,
.ion-ios-document:before,
.ion-ios-document-outline:before,
.ion-ios-done-all:before,
.ion-ios-done-all-outline:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-easel:before,
.ion-ios-easel-outline:before,
.ion-ios-egg:before,
.ion-ios-egg-outline:before,
.ion-ios-exit:before,
.ion-ios-exit-outline:before,
.ion-ios-expand:before,
.ion-ios-expand-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-off:before,
.ion-ios-eye-off-outline:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-female:before,
.ion-ios-female-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-finger-print:before,
.ion-ios-finger-print-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flash:before,
.ion-ios-flash-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-open:before,
.ion-ios-folder-open-outline:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-funnel:before,
.ion-ios-funnel-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-git-branch:before,
.ion-ios-git-branch-outline:before,
.ion-ios-git-commit:before,
.ion-ios-git-commit-outline:before,
.ion-ios-git-compare:before,
.ion-ios-git-compare-outline:before,
.ion-ios-git-merge:before,
.ion-ios-git-merge-outline:before,
.ion-ios-git-network:before,
.ion-ios-git-network-outline:before,
.ion-ios-git-pull-request:before,
.ion-ios-git-pull-request-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-globe:before,
.ion-ios-globe-outline:before,
.ion-ios-grid:before,
.ion-ios-grid-outline:before,
.ion-ios-hammer:before,
.ion-ios-hammer-outline:before,
.ion-ios-hand:before,
.ion-ios-hand-outline:before,
.ion-ios-happy:before,
.ion-ios-happy-outline:before,
.ion-ios-headset:before,
.ion-ios-headset-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-buoy:before,
.ion-ios-help-buoy-outline:before,
.ion-ios-help-circle:before,
.ion-ios-help-circle-outline:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-ice-cream:before,
.ion-ios-ice-cream-outline:before,
.ion-ios-image:before,
.ion-ios-image-outline:before,
.ion-ios-images:before,
.ion-ios-images-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-circle:before,
.ion-ios-information-circle-outline:before,
.ion-ios-information-outline:before,
.ion-ios-ionic:before,
.ion-ios-ionic-outline:before,
.ion-ios-ionitron:before,
.ion-ios-ionitron-outline:before,
.ion-ios-jet:before,
.ion-ios-jet-outline:before,
.ion-ios-key:before,
.ion-ios-key-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-laptop:before,
.ion-ios-laptop-outline:before,
.ion-ios-leaf:before,
.ion-ios-leaf-outline:before,
.ion-ios-link:before,
.ion-ios-link-outline:before,
.ion-ios-list:before,
.ion-ios-list-box:before,
.ion-ios-list-box-outline:before,
.ion-ios-list-outline:before,
.ion-ios-locate:before,
.ion-ios-locate-outline:before,
.ion-ios-lock:before,
.ion-ios-lock-outline:before,
.ion-ios-log-in:before,
.ion-ios-log-in-outline:before,
.ion-ios-log-out:before,
.ion-ios-log-out-outline:before,
.ion-ios-magnet:before,
.ion-ios-magnet-outline:before,
.ion-ios-mail:before,
.ion-ios-mail-open:before,
.ion-ios-mail-open-outline:before,
.ion-ios-mail-outline:before,
.ion-ios-male:before,
.ion-ios-male-outline:before,
.ion-ios-man:before,
.ion-ios-man-outline:before,
.ion-ios-map:before,
.ion-ios-map-outline:before,
.ion-ios-medal:before,
.ion-ios-medal-outline:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-megaphone:before,
.ion-ios-megaphone-outline:before,
.ion-ios-menu:before,
.ion-ios-menu-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-off-outline:before,
.ion-ios-mic-outline:before,
.ion-ios-microphone:before,
.ion-ios-microphone-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-move:before,
.ion-ios-move-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-note-outline:before,
.ion-ios-musical-notes:before,
.ion-ios-musical-notes-outline:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-no-smoking:before,
.ion-ios-no-smoking-outline:before,
.ion-ios-notifications:before,
.ion-ios-notifications-off:before,
.ion-ios-notifications-off-outline:before,
.ion-ios-notifications-outline:before,
.ion-ios-nuclear:before,
.ion-ios-nuclear-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-open:before,
.ion-ios-open-outline:before,
.ion-ios-options:before,
.ion-ios-options-outline:before,
.ion-ios-outlet:before,
.ion-ios-outlet-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paper-plane:before,
.ion-ios-paper-plane-outline:before,
.ion-ios-partly-sunny:before,
.ion-ios-partly-sunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-add:before,
.ion-ios-person-add-outline:before,
.ion-ios-person-outline:before,
.ion-ios-phone-landscape:before,
.ion-ios-phone-landscape-outline:before,
.ion-ios-phone-portrait:before,
.ion-ios-phone-portrait-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pin:before,
.ion-ios-pin-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-pizza:before,
.ion-ios-pizza-outline:before,
.ion-ios-plane:before,
.ion-ios-plane-outline:before,
.ion-ios-planet:before,
.ion-ios-planet-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-podium:before,
.ion-ios-podium-outline:before,
.ion-ios-power:before,
.ion-ios-power-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-print:before,
.ion-ios-print-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-outline:before,
.ion-ios-qr-scanner:before,
.ion-ios-qr-scanner-outline:before,
.ion-ios-quote:before,
.ion-ios-quote-outline:before,
.ion-ios-radio:before,
.ion-ios-radio-button-off:before,
.ion-ios-radio-button-off-outline:before,
.ion-ios-radio-button-on:before,
.ion-ios-radio-button-on-outline:before,
.ion-ios-radio-outline:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-circle:before,
.ion-ios-refresh-circle-outline:before,
.ion-ios-refresh-outline:before,
.ion-ios-remove:before,
.ion-ios-remove-circle:before,
.ion-ios-remove-circle-outline:before,
.ion-ios-remove-outline:before,
.ion-ios-reorder:before,
.ion-ios-reorder-outline:before,
.ion-ios-repeat:before,
.ion-ios-repeat-outline:before,
.ion-ios-resize:before,
.ion-ios-resize-outline:before,
.ion-ios-restaurant:before,
.ion-ios-restaurant-outline:before,
.ion-ios-return-left:before,
.ion-ios-return-left-outline:before,
.ion-ios-return-right:before,
.ion-ios-return-right-outline:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-ribbon:before,
.ion-ios-ribbon-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-sad:before,
.ion-ios-sad-outline:before,
.ion-ios-school:before,
.ion-ios-school-outline:before,
.ion-ios-search:before,
.ion-ios-search-outline:before,
.ion-ios-send:before,
.ion-ios-send-outline:before,
.ion-ios-settings:before,
.ion-ios-settings-outline:before,
.ion-ios-share:before,
.ion-ios-share-alt:before,
.ion-ios-share-alt-outline:before,
.ion-ios-share-outline:before,
.ion-ios-shirt:before,
.ion-ios-shirt-outline:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-outline:before,
.ion-ios-skip-backward:before,
.ion-ios-skip-backward-outline:before,
.ion-ios-skip-forward:before,
.ion-ios-skip-forward-outline:before,
.ion-ios-snow:before,
.ion-ios-snow-outline:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-square:before,
.ion-ios-square-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-half-outline:before,
.ion-ios-star-outline:before,
.ion-ios-stats:before,
.ion-ios-stats-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-subway:before,
.ion-ios-subway-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-swap:before,
.ion-ios-swap-outline:before,
.ion-ios-switch:before,
.ion-ios-switch-outline:before,
.ion-ios-sync:before,
.ion-ios-sync-outline:before,
.ion-ios-tablet-landscape:before,
.ion-ios-tablet-landscape-outline:before,
.ion-ios-tablet-portrait:before,
.ion-ios-tablet-portrait-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-text:before,
.ion-ios-text-outline:before,
.ion-ios-thermometer:before,
.ion-ios-thermometer-outline:before,
.ion-ios-thumbs-down:before,
.ion-ios-thumbs-down-outline:before,
.ion-ios-thumbs-up:before,
.ion-ios-thumbs-up-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-train:before,
.ion-ios-train-outline:before,
.ion-ios-transgender:before,
.ion-ios-transgender-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-trending-down:before,
.ion-ios-trending-down-outline:before,
.ion-ios-trending-up:before,
.ion-ios-trending-up-outline:before,
.ion-ios-trophy:before,
.ion-ios-trophy-outline:before,
.ion-ios-umbrella:before,
.ion-ios-umbrella-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlock:before,
.ion-ios-unlock-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-down:before,
.ion-ios-volume-down-outline:before,
.ion-ios-volume-mute:before,
.ion-ios-volume-mute-outline:before,
.ion-ios-volume-off:before,
.ion-ios-volume-off-outline:before,
.ion-ios-volume-up:before,
.ion-ios-volume-up-outline:before,
.ion-ios-walk:before,
.ion-ios-walk-outline:before,
.ion-ios-warning:before,
.ion-ios-warning-outline:before,
.ion-ios-watch:before,
.ion-ios-watch-outline:before,
.ion-ios-water:before,
.ion-ios-water-outline:before,
.ion-ios-wifi:before,
.ion-ios-wifi-outline:before,
.ion-ios-wine:before,
.ion-ios-wine-outline:before,
.ion-ios-woman:before,
.ion-ios-woman-outline:before,
.ion-logo-android:before,
.ion-logo-angular:before,
.ion-logo-apple:before,
.ion-logo-bitcoin:before,
.ion-logo-buffer:before,
.ion-logo-chrome:before,
.ion-logo-codepen:before,
.ion-logo-css3:before,
.ion-logo-designernews:before,
.ion-logo-dribbble:before,
.ion-logo-dropbox:before,
.ion-logo-euro:before,
.ion-logo-facebook:before,
.ion-logo-foursquare:before,
.ion-logo-freebsd-devil:before,
.ion-logo-github:before,
.ion-logo-google:before,
.ion-logo-googleplus:before,
.ion-logo-hackernews:before,
.ion-logo-html5:before,
.ion-logo-instagram:before,
.ion-logo-javascript:before,
.ion-logo-linkedin:before,
.ion-logo-markdown:before,
.ion-logo-nodejs:before,
.ion-logo-octocat:before,
.ion-logo-pinterest:before,
.ion-logo-playstation:before,
.ion-logo-python:before,
.ion-logo-reddit:before,
.ion-logo-rss:before,
.ion-logo-sass:before,
.ion-logo-skype:before,
.ion-logo-snapchat:before,
.ion-logo-steam:before,
.ion-logo-tumblr:before,
.ion-logo-tux:before,
.ion-logo-twitch:before,
.ion-logo-twitter:before,
.ion-logo-usd:before,
.ion-logo-vimeo:before,
.ion-logo-whatsapp:before,
.ion-logo-windows:before,
.ion-logo-wordpress:before,
.ion-logo-xbox:before,
.ion-logo-yahoo:before,
.ion-logo-yen:before,
.ion-logo-youtube:before,
.ion-md-add:before,
.ion-md-add-circle:before,
.ion-md-alarm:before,
.ion-md-albums:before,
.ion-md-alert:before,
.ion-md-american-football:before,
.ion-md-analytics:before,
.ion-md-aperture:before,
.ion-md-apps:before,
.ion-md-appstore:before,
.ion-md-archive:before,
.ion-md-arrow-back:before,
.ion-md-arrow-down:before,
.ion-md-arrow-dropdown:before,
.ion-md-arrow-dropdown-circle:before,
.ion-md-arrow-dropleft:before,
.ion-md-arrow-dropleft-circle:before,
.ion-md-arrow-dropright:before,
.ion-md-arrow-dropright-circle:before,
.ion-md-arrow-dropup:before,
.ion-md-arrow-dropup-circle:before,
.ion-md-arrow-forward:before,
.ion-md-arrow-round-back:before,
.ion-md-arrow-round-down:before,
.ion-md-arrow-round-forward:before,
.ion-md-arrow-round-up:before,
.ion-md-arrow-up:before,
.ion-md-at:before,
.ion-md-attach:before,
.ion-md-backspace:before,
.ion-md-barcode:before,
.ion-md-baseball:before,
.ion-md-basket:before,
.ion-md-basketball:before,
.ion-md-battery-charging:before,
.ion-md-battery-dead:before,
.ion-md-battery-full:before,
.ion-md-beaker:before,
.ion-md-beer:before,
.ion-md-bicycle:before,
.ion-md-bluetooth:before,
.ion-md-boat:before,
.ion-md-body:before,
.ion-md-bonfire:before,
.ion-md-book:before,
.ion-md-bookmark:before,
.ion-md-bookmarks:before,
.ion-md-bowtie:before,
.ion-md-briefcase:before,
.ion-md-browsers:before,
.ion-md-brush:before,
.ion-md-bug:before,
.ion-md-build:before,
.ion-md-bulb:before,
.ion-md-bus:before,
.ion-md-cafe:before,
.ion-md-calculator:before,
.ion-md-calendar:before,
.ion-md-call:before,
.ion-md-camera:before,
.ion-md-car:before,
.ion-md-card:before,
.ion-md-cart:before,
.ion-md-cash:before,
.ion-md-chatboxes:before,
.ion-md-chatbubbles:before,
.ion-md-checkbox:before,
.ion-md-checkbox-outline:before,
.ion-md-checkmark:before,
.ion-md-checkmark-circle:before,
.ion-md-checkmark-circle-outline:before,
.ion-md-clipboard:before,
.ion-md-clock:before,
.ion-md-close:before,
.ion-md-close-circle:before,
.ion-md-closed-captioning:before,
.ion-md-cloud:before,
.ion-md-cloud-circle:before,
.ion-md-cloud-done:before,
.ion-md-cloud-download:before,
.ion-md-cloud-outline:before,
.ion-md-cloud-upload:before,
.ion-md-cloudy:before,
.ion-md-cloudy-night:before,
.ion-md-code:before,
.ion-md-code-download:before,
.ion-md-code-working:before,
.ion-md-cog:before,
.ion-md-color-fill:before,
.ion-md-color-filter:before,
.ion-md-color-palette:before,
.ion-md-color-wand:before,
.ion-md-compass:before,
.ion-md-construct:before,
.ion-md-contact:before,
.ion-md-contacts:before,
.ion-md-contract:before,
.ion-md-contrast:before,
.ion-md-copy:before,
.ion-md-create:before,
.ion-md-crop:before,
.ion-md-cube:before,
.ion-md-cut:before,
.ion-md-desktop:before,
.ion-md-disc:before,
.ion-md-document:before,
.ion-md-done-all:before,
.ion-md-download:before,
.ion-md-easel:before,
.ion-md-egg:before,
.ion-md-exit:before,
.ion-md-expand:before,
.ion-md-eye:before,
.ion-md-eye-off:before,
.ion-md-fastforward:before,
.ion-md-female:before,
.ion-md-filing:before,
.ion-md-film:before,
.ion-md-finger-print:before,
.ion-md-flag:before,
.ion-md-flame:before,
.ion-md-flash:before,
.ion-md-flask:before,
.ion-md-flower:before,
.ion-md-folder:before,
.ion-md-folder-open:before,
.ion-md-football:before,
.ion-md-funnel:before,
.ion-md-game-controller-a:before,
.ion-md-game-controller-b:before,
.ion-md-git-branch:before,
.ion-md-git-commit:before,
.ion-md-git-compare:before,
.ion-md-git-merge:before,
.ion-md-git-network:before,
.ion-md-git-pull-request:before,
.ion-md-glasses:before,
.ion-md-globe:before,
.ion-md-grid:before,
.ion-md-hammer:before,
.ion-md-hand:before,
.ion-md-happy:before,
.ion-md-headset:before,
.ion-md-heart:before,
.ion-md-heart-outline:before,
.ion-md-help:before,
.ion-md-help-buoy:before,
.ion-md-help-circle:before,
.ion-md-home:before,
.ion-md-ice-cream:before,
.ion-md-image:before,
.ion-md-images:before,
.ion-md-infinite:before,
.ion-md-information:before,
.ion-md-information-circle:before,
.ion-md-ionic:before,
.ion-md-ionitron:before,
.ion-md-jet:before,
.ion-md-key:before,
.ion-md-keypad:before,
.ion-md-laptop:before,
.ion-md-leaf:before,
.ion-md-link:before,
.ion-md-list:before,
.ion-md-list-box:before,
.ion-md-locate:before,
.ion-md-lock:before,
.ion-md-log-in:before,
.ion-md-log-out:before,
.ion-md-magnet:before,
.ion-md-mail:before,
.ion-md-mail-open:before,
.ion-md-male:before,
.ion-md-man:before,
.ion-md-map:before,
.ion-md-medal:before,
.ion-md-medical:before,
.ion-md-medkit:before,
.ion-md-megaphone:before,
.ion-md-menu:before,
.ion-md-mic:before,
.ion-md-mic-off:before,
.ion-md-microphone:before,
.ion-md-moon:before,
.ion-md-more:before,
.ion-md-move:before,
.ion-md-musical-note:before,
.ion-md-musical-notes:before,
.ion-md-navigate:before,
.ion-md-no-smoking:before,
.ion-md-notifications:before,
.ion-md-notifications-off:before,
.ion-md-notifications-outline:before,
.ion-md-nuclear:before,
.ion-md-nutrition:before,
.ion-md-open:before,
.ion-md-options:before,
.ion-md-outlet:before,
.ion-md-paper:before,
.ion-md-paper-plane:before,
.ion-md-partly-sunny:before,
.ion-md-pause:before,
.ion-md-paw:before,
.ion-md-people:before,
.ion-md-person:before,
.ion-md-person-add:before,
.ion-md-phone-landscape:before,
.ion-md-phone-portrait:before,
.ion-md-photos:before,
.ion-md-pie:before,
.ion-md-pin:before,
.ion-md-pint:before,
.ion-md-pizza:before,
.ion-md-plane:before,
.ion-md-planet:before,
.ion-md-play:before,
.ion-md-podium:before,
.ion-md-power:before,
.ion-md-pricetag:before,
.ion-md-pricetags:before,
.ion-md-print:before,
.ion-md-pulse:before,
.ion-md-qr-scanner:before,
.ion-md-quote:before,
.ion-md-radio:before,
.ion-md-radio-button-off:before,
.ion-md-radio-button-on:before,
.ion-md-rainy:before,
.ion-md-recording:before,
.ion-md-redo:before,
.ion-md-refresh:before,
.ion-md-refresh-circle:before,
.ion-md-remove:before,
.ion-md-remove-circle:before,
.ion-md-reorder:before,
.ion-md-repeat:before,
.ion-md-resize:before,
.ion-md-restaurant:before,
.ion-md-return-left:before,
.ion-md-return-right:before,
.ion-md-reverse-camera:before,
.ion-md-rewind:before,
.ion-md-ribbon:before,
.ion-md-rose:before,
.ion-md-sad:before,
.ion-md-school:before,
.ion-md-search:before,
.ion-md-send:before,
.ion-md-settings:before,
.ion-md-share:before,
.ion-md-share-alt:before,
.ion-md-shirt:before,
.ion-md-shuffle:before,
.ion-md-skip-backward:before,
.ion-md-skip-forward:before,
.ion-md-snow:before,
.ion-md-speedometer:before,
.ion-md-square:before,
.ion-md-square-outline:before,
.ion-md-star:before,
.ion-md-star-half:before,
.ion-md-star-outline:before,
.ion-md-stats:before,
.ion-md-stopwatch:before,
.ion-md-subway:before,
.ion-md-sunny:before,
.ion-md-swap:before,
.ion-md-switch:before,
.ion-md-sync:before,
.ion-md-tablet-landscape:before,
.ion-md-tablet-portrait:before,
.ion-md-tennisball:before,
.ion-md-text:before,
.ion-md-thermometer:before,
.ion-md-thumbs-down:before,
.ion-md-thumbs-up:before,
.ion-md-thunderstorm:before,
.ion-md-time:before,
.ion-md-timer:before,
.ion-md-train:before,
.ion-md-transgender:before,
.ion-md-trash:before,
.ion-md-trending-down:before,
.ion-md-trending-up:before,
.ion-md-trophy:before,
.ion-md-umbrella:before,
.ion-md-undo:before,
.ion-md-unlock:before,
.ion-md-videocam:before,
.ion-md-volume-down:before,
.ion-md-volume-mute:before,
.ion-md-volume-off:before,
.ion-md-volume-up:before,
.ion-md-walk:before,
.ion-md-warning:before,
.ion-md-watch:before,
.ion-md-water:before,
.ion-md-wifi:before,
.ion-md-wine:before,
.ion-md-woman:before {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ion-ios-add:before {
content: "\f102";
}
.ion-ios-add-circle:before {
content: "\f101";
}
.ion-ios-add-circle-outline:before {
content: "\f100";
}
.ion-ios-add-outline:before {
content: "\f102";
}
.ion-ios-alarm:before {
content: "\f3c8";
}
.ion-ios-alarm-outline:before {
content: "\f3c7";
}
.ion-ios-albums:before {
content: "\f3ca";
}
.ion-ios-albums-outline:before {
content: "\f3c9";
}
.ion-ios-alert:before {
content: "\f104";
}
.ion-ios-alert-outline:before {
content: "\f103";
}
.ion-ios-american-football:before {
content: "\f106";
}
.ion-ios-american-football-outline:before {
content: "\f105";
}
.ion-ios-analytics:before {
content: "\f3ce";
}
.ion-ios-analytics-outline:before {
content: "\f3cd";
}
.ion-ios-aperture:before {
content: "\f108";
}
.ion-ios-aperture-outline:before {
content: "\f107";
}
.ion-ios-apps:before {
content: "\f10a";
}
.ion-ios-apps-outline:before {
content: "\f109";
}
.ion-ios-appstore:before {
content: "\f10c";
}
.ion-ios-appstore-outline:before {
content: "\f10b";
}
.ion-ios-archive:before {
content: "\f10e";
}
.ion-ios-archive-outline:before {
content: "\f10d";
}
.ion-ios-arrow-back:before {
content: "\f3cf";
}
.ion-ios-arrow-back-outline:before {
content: "\f3cf";
}
.ion-ios-arrow-down:before {
content: "\f3d0";
}
.ion-ios-arrow-down-outline:before {
content: "\f3d0";
}
.ion-ios-arrow-dropdown:before {
content: "\f110";
}
.ion-ios-arrow-dropdown-circle:before {
content: "\f10f";
}
.ion-ios-arrow-dropdown-circle-outline:before {
content: "\f10f";
}
.ion-ios-arrow-dropdown-outline:before {
content: "\f110";
}
.ion-ios-arrow-dropleft:before {
content: "\f112";
}
.ion-ios-arrow-dropleft-circle:before {
content: "\f111";
}
.ion-ios-arrow-dropleft-circle-outline:before {
content: "\f111";
}
.ion-ios-arrow-dropleft-outline:before {
content: "\f112";
}
.ion-ios-arrow-dropright:before {
content: "\f114";
}
.ion-ios-arrow-dropright-circle:before {
content: "\f113";
}
.ion-ios-arrow-dropright-circle-outline:before {
content: "\f113";
}
.ion-ios-arrow-dropright-outline:before {
content: "\f114";
}
.ion-ios-arrow-dropup:before {
content: "\f116";
}
.ion-ios-arrow-dropup-circle:before {
content: "\f115";
}
.ion-ios-arrow-dropup-circle-outline:before {
content: "\f115";
}
.ion-ios-arrow-dropup-outline:before {
content: "\f116";
}
.ion-ios-arrow-forward:before {
content: "\f3d1";
}
.ion-ios-arrow-forward-outline:before {
content: "\f3d1";
}
.ion-ios-arrow-round-back:before {
content: "\f117";
}
.ion-ios-arrow-round-back-outline:before {
content: "\f117";
}
.ion-ios-arrow-round-down:before {
content: "\f118";
}
.ion-ios-arrow-round-down-outline:before {
content: "\f118";
}
.ion-ios-arrow-round-forward:before {
content: "\f119";
}
.ion-ios-arrow-round-forward-outline:before {
content: "\f119";
}
.ion-ios-arrow-round-up:before {
content: "\f11a";
}
.ion-ios-arrow-round-up-outline:before {
content: "\f11a";
}
.ion-ios-arrow-up:before {
content: "\f3d8";
}
.ion-ios-arrow-up-outline:before {
content: "\f3d8";
}
.ion-ios-at:before {
content: "\f3da";
}
.ion-ios-at-outline:before {
content: "\f3d9";
}
.ion-ios-attach:before {
content: "\f11b";
}
.ion-ios-attach-outline:before {
content: "\f11b";
}
.ion-ios-backspace:before {
content: "\f11d";
}
.ion-ios-backspace-outline:before {
content: "\f11c";
}
.ion-ios-barcode:before {
content: "\f3dc";
}
.ion-ios-barcode-outline:before {
content: "\f3db";
}
.ion-ios-baseball:before {
content: "\f3de";
}
.ion-ios-baseball-outline:before {
content: "\f3dd";
}
.ion-ios-basket:before {
content: "\f11f";
}
.ion-ios-basket-outline:before {
content: "\f11e";
}
.ion-ios-basketball:before {
content: "\f3e0";
}
.ion-ios-basketball-outline:before {
content: "\f3df";
}
.ion-ios-battery-charging:before {
content: "\f120";
}
.ion-ios-battery-charging-outline:before {
content: "\f120";
}
.ion-ios-battery-dead:before {
content: "\f121";
}
.ion-ios-battery-dead-outline:before {
content: "\f121";
}
.ion-ios-battery-full:before {
content: "\f122";
}
.ion-ios-battery-full-outline:before {
content: "\f122";
}
.ion-ios-beaker:before {
content: "\f124";
}
.ion-ios-beaker-outline:before {
content: "\f123";
}
.ion-ios-beer:before {
content: "\f126";
}
.ion-ios-beer-outline:before {
content: "\f125";
}
.ion-ios-bicycle:before {
content: "\f127";
}
.ion-ios-bicycle-outline:before {
content: "\f127";
}
.ion-ios-bluetooth:before {
content: "\f128";
}
.ion-ios-bluetooth-outline:before {
content: "\f128";
}
.ion-ios-boat:before {
content: "\f12a";
}
.ion-ios-boat-outline:before {
content: "\f129";
}
.ion-ios-body:before {
content: "\f3e4";
}
.ion-ios-body-outline:before {
content: "\f3e3";
}
.ion-ios-bonfire:before {
content: "\f12c";
}
.ion-ios-bonfire-outline:before {
content: "\f12b";
}
.ion-ios-book:before {
content: "\f3e8";
}
.ion-ios-book-outline:before {
content: "\f3e7";
}
.ion-ios-bookmark:before {
content: "\f12e";
}
.ion-ios-bookmark-outline:before {
content: "\f12d";
}
.ion-ios-bookmarks:before {
content: "\f3ea";
}
.ion-ios-bookmarks-outline:before {
content: "\f3e9";
}
.ion-ios-bowtie:before {
content: "\f130";
}
.ion-ios-bowtie-outline:before {
content: "\f12f";
}
.ion-ios-briefcase:before {
content: "\f3ee";
}
.ion-ios-briefcase-outline:before {
content: "\f3ed";
}
.ion-ios-browsers:before {
content: "\f3f0";
}
.ion-ios-browsers-outline:before {
content: "\f3ef";
}
.ion-ios-brush:before {
content: "\f132";
}
.ion-ios-brush-outline:before {
content: "\f131";
}
.ion-ios-bug:before {
content: "\f134";
}
.ion-ios-bug-outline:before {
content: "\f133";
}
.ion-ios-build:before {
content: "\f136";
}
.ion-ios-build-outline:before {
content: "\f135";
}
.ion-ios-bulb:before {
content: "\f138";
}
.ion-ios-bulb-outline:before {
content: "\f137";
}
.ion-ios-bus:before {
content: "\f13a";
}
.ion-ios-bus-outline:before {
content: "\f139";
}
.ion-ios-cafe:before {
content: "\f13c";
}
.ion-ios-cafe-outline:before {
content: "\f13b";
}
.ion-ios-calculator:before {
content: "\f3f2";
}
.ion-ios-calculator-outline:before {
content: "\f3f1";
}
.ion-ios-calendar:before {
content: "\f3f4";
}
.ion-ios-calendar-outline:before {
content: "\f3f3";
}
.ion-ios-call:before {
content: "\f13e";
}
.ion-ios-call-outline:before {
content: "\f13d";
}
.ion-ios-camera:before {
content: "\f3f6";
}
.ion-ios-camera-outline:before {
content: "\f3f5";
}
.ion-ios-car:before {
content: "\f140";
}
.ion-ios-car-outline:before {
content: "\f13f";
}
.ion-ios-card:before {
content: "\f142";
}
.ion-ios-card-outline:before {
content: "\f141";
}
.ion-ios-cart:before {
content: "\f3f8";
}
.ion-ios-cart-outline:before {
content: "\f3f7";
}
.ion-ios-cash:before {
content: "\f144";
}
.ion-ios-cash-outline:before {
content: "\f143";
}
.ion-ios-chatboxes:before {
content: "\f3fa";
}
.ion-ios-chatboxes-outline:before {
content: "\f3f9";
}
.ion-ios-chatbubbles:before {
content: "\f146";
}
.ion-ios-chatbubbles-outline:before {
content: "\f145";
}
.ion-ios-checkbox:before {
content: "\f148";
}
.ion-ios-checkbox-outline:before {
content: "\f147";
}
.ion-ios-checkmark:before {
content: "\f3ff";
}
.ion-ios-checkmark-circle:before {
content: "\f14a";
}
.ion-ios-checkmark-circle-outline:before {
content: "\f149";
}
.ion-ios-checkmark-outline:before {
content: "\f3ff";
}
.ion-ios-clipboard:before {
content: "\f14c";
}
.ion-ios-clipboard-outline:before {
content: "\f14b";
}
.ion-ios-clock:before {
content: "\f403";
}
.ion-ios-clock-outline:before {
content: "\f402";
}
.ion-ios-close:before {
content: "\f406";
}
.ion-ios-close-circle:before {
content: "\f14e";
}
.ion-ios-close-circle-outline:before {
content: "\f14d";
}
.ion-ios-close-outline:before {
content: "\f406";
}
.ion-ios-closed-captioning:before {
content: "\f150";
}
.ion-ios-closed-captioning-outline:before {
content: "\f14f";
}
.ion-ios-cloud:before {
content: "\f40c";
}
.ion-ios-cloud-circle:before {
content: "\f152";
}
.ion-ios-cloud-circle-outline:before {
content: "\f151";
}
.ion-ios-cloud-done:before {
content: "\f154";
}
.ion-ios-cloud-done-outline:before {
content: "\f153";
}
.ion-ios-cloud-download:before {
content: "\f408";
}
.ion-ios-cloud-download-outline:before {
content: "\f407";
}
.ion-ios-cloud-outline:before {
content: "\f409";
}
.ion-ios-cloud-upload:before {
content: "\f40b";
}
.ion-ios-cloud-upload-outline:before {
content: "\f40a";
}
.ion-ios-cloudy:before {
content: "\f410";
}
.ion-ios-cloudy-night:before {
content: "\f40e";
}
.ion-ios-cloudy-night-outline:before {
content: "\f40d";
}
.ion-ios-cloudy-outline:before {
content: "\f40f";
}
.ion-ios-code:before {
content: "\f157";
}
.ion-ios-code-download:before {
content: "\f155";
}
.ion-ios-code-download-outline:before {
content: "\f155";
}
.ion-ios-code-outline:before {
content: "\f157";
}
.ion-ios-code-working:before {
content: "\f156";
}
.ion-ios-code-working-outline:before {
content: "\f156";
}
.ion-ios-cog:before {
content: "\f412";
}
.ion-ios-cog-outline:before {
content: "\f411";
}
.ion-ios-color-fill:before {
content: "\f159";
}
.ion-ios-color-fill-outline:before {
content: "\f158";
}
.ion-ios-color-filter:before {
content: "\f414";
}
.ion-ios-color-filter-outline:before {
content: "\f413";
}
.ion-ios-color-palette:before {
content: "\f15b";
}
.ion-ios-color-palette-outline:before {
content: "\f15a";
}
.ion-ios-color-wand:before {
content: "\f416";
}
.ion-ios-color-wand-outline:before {
content: "\f415";
}
.ion-ios-compass:before {
content: "\f15d";
}
.ion-ios-compass-outline:before {
content: "\f15c";
}
.ion-ios-construct:before {
content: "\f15f";
}
.ion-ios-construct-outline:before {
content: "\f15e";
}
.ion-ios-contact:before {
content: "\f41a";
}
.ion-ios-contact-outline:before {
content: "\f419";
}
.ion-ios-contacts:before {
content: "\f161";
}
.ion-ios-contacts-outline:before {
content: "\f160";
}
.ion-ios-contract:before {
content: "\f162";
}
.ion-ios-contract-outline:before {
content: "\f162";
}
.ion-ios-contrast:before {
content: "\f163";
}
.ion-ios-contrast-outline:before {
content: "\f163";
}
.ion-ios-copy:before {
content: "\f41c";
}
.ion-ios-copy-outline:before {
content: "\f41b";
}
.ion-ios-create:before {
content: "\f165";
}
.ion-ios-create-outline:before {
content: "\f164";
}
.ion-ios-crop:before {
content: "\f41e";
}
.ion-ios-crop-outline:before {
content: "\f166";
}
.ion-ios-cube:before {
content: "\f168";
}
.ion-ios-cube-outline:before {
content: "\f167";
}
.ion-ios-cut:before {
content: "\f16a";
}
.ion-ios-cut-outline:before {
content: "\f169";
}
.ion-ios-desktop:before {
content: "\f16c";
}
.ion-ios-desktop-outline:before {
content: "\f16b";
}
.ion-ios-disc:before {
content: "\f16e";
}
.ion-ios-disc-outline:before {
content: "\f16d";
}
.ion-ios-document:before {
content: "\f170";
}
.ion-ios-document-outline:before {
content: "\f16f";
}
.ion-ios-done-all:before {
content: "\f171";
}
.ion-ios-done-all-outline:before {
content: "\f171";
}
.ion-ios-download:before {
content: "\f420";
}
.ion-ios-download-outline:before {
content: "\f41f";
}
.ion-ios-easel:before {
content: "\f173";
}
.ion-ios-easel-outline:before {
content: "\f172";
}
.ion-ios-egg:before {
content: "\f175";
}
.ion-ios-egg-outline:before {
content: "\f174";
}
.ion-ios-exit:before {
content: "\f177";
}
.ion-ios-exit-outline:before {
content: "\f176";
}
.ion-ios-expand:before {
content: "\f178";
}
.ion-ios-expand-outline:before {
content: "\f178";
}
.ion-ios-eye:before {
content: "\f425";
}
.ion-ios-eye-off:before {
content: "\f17a";
}
.ion-ios-eye-off-outline:before {
content: "\f179";
}
.ion-ios-eye-outline:before {
content: "\f424";
}
.ion-ios-fastforward:before {
content: "\f427";
}
.ion-ios-fastforward-outline:before {
content: "\f426";
}
.ion-ios-female:before {
content: "\f17b";
}
.ion-ios-female-outline:before {
content: "\f17b";
}
.ion-ios-filing:before {
content: "\f429";
}
.ion-ios-filing-outline:before {
content: "\f428";
}
.ion-ios-film:before {
content: "\f42b";
}
.ion-ios-film-outline:before {
content: "\f42a";
}
.ion-ios-finger-print:before {
content: "\f17c";
}
.ion-ios-finger-print-outline:before {
content: "\f17c";
}
.ion-ios-flag:before {
content: "\f42d";
}
.ion-ios-flag-outline:before {
content: "\f42c";
}
.ion-ios-flame:before {
content: "\f42f";
}
.ion-ios-flame-outline:before {
content: "\f42e";
}
.ion-ios-flash:before {
content: "\f17e";
}
.ion-ios-flash-outline:before {
content: "\f17d";
}
.ion-ios-flask:before {
content: "\f431";
}
.ion-ios-flask-outline:before {
content: "\f430";
}
.ion-ios-flower:before {
content: "\f433";
}
.ion-ios-flower-outline:before {
content: "\f432";
}
.ion-ios-folder:before {
content: "\f435";
}
.ion-ios-folder-open:before {
content: "\f180";
}
.ion-ios-folder-open-outline:before {
content: "\f17f";
}
.ion-ios-folder-outline:before {
content: "\f434";
}
.ion-ios-football:before {
content: "\f437";
}
.ion-ios-football-outline:before {
content: "\f436";
}
.ion-ios-funnel:before {
content: "\f182";
}
.ion-ios-funnel-outline:before {
content: "\f181";
}
.ion-ios-game-controller-a:before {
content: "\f439";
}
.ion-ios-game-controller-a-outline:before {
content: "\f438";
}
.ion-ios-game-controller-b:before {
content: "\f43b";
}
.ion-ios-game-controller-b-outline:before {
content: "\f43a";
}
.ion-ios-git-branch:before {
content: "\f183";
}
.ion-ios-git-branch-outline:before {
content: "\f183";
}
.ion-ios-git-commit:before {
content: "\f184";
}
.ion-ios-git-commit-outline:before {
content: "\f184";
}
.ion-ios-git-compare:before {
content: "\f185";
}
.ion-ios-git-compare-outline:before {
content: "\f185";
}
.ion-ios-git-merge:before {
content: "\f186";
}
.ion-ios-git-merge-outline:before {
content: "\f186";
}
.ion-ios-git-network:before {
content: "\f187";
}
.ion-ios-git-network-outline:before {
content: "\f187";
}
.ion-ios-git-pull-request:before {
content: "\f188";
}
.ion-ios-git-pull-request-outline:before {
content: "\f188";
}
.ion-ios-glasses:before {
content: "\f43f";
}
.ion-ios-glasses-outline:before {
content: "\f43e";
}
.ion-ios-globe:before {
content: "\f18a";
}
.ion-ios-globe-outline:before {
content: "\f189";
}
.ion-ios-grid:before {
content: "\f18c";
}
.ion-ios-grid-outline:before {
content: "\f18b";
}
.ion-ios-hammer:before {
content: "\f18e";
}
.ion-ios-hammer-outline:before {
content: "\f18d";
}
.ion-ios-hand:before {
content: "\f190";
}
.ion-ios-hand-outline:before {
content: "\f18f";
}
.ion-ios-happy:before {
content: "\f192";
}
.ion-ios-happy-outline:before {
content: "\f191";
}
.ion-ios-headset:before {
content: "\f194";
}
.ion-ios-headset-outline:before {
content: "\f193";
}
.ion-ios-heart:before {
content: "\f443";
}
.ion-ios-heart-outline:before {
content: "\f442";
}
.ion-ios-help:before {
content: "\f446";
}
.ion-ios-help-buoy:before {
content: "\f196";
}
.ion-ios-help-buoy-outline:before {
content: "\f195";
}
.ion-ios-help-circle:before {
content: "\f198";
}
.ion-ios-help-circle-outline:before {
content: "\f197";
}
.ion-ios-help-outline:before {
content: "\f446";
}
.ion-ios-home:before {
content: "\f448";
}
.ion-ios-home-outline:before {
content: "\f447";
}
.ion-ios-ice-cream:before {
content: "\f19a";
}
.ion-ios-ice-cream-outline:before {
content: "\f199";
}
.ion-ios-image:before {
content: "\f19c";
}
.ion-ios-image-outline:before {
content: "\f19b";
}
.ion-ios-images:before {
content: "\f19e";
}
.ion-ios-images-outline:before {
content: "\f19d";
}
.ion-ios-infinite:before {
content: "\f44a";
}
.ion-ios-infinite-outline:before {
content: "\f449";
}
.ion-ios-information:before {
content: "\f44d";
}
.ion-ios-information-circle:before {
content: "\f1a0";
}
.ion-ios-information-circle-outline:before {
content: "\f19f";
}
.ion-ios-information-outline:before {
content: "\f44d";
}
.ion-ios-ionic:before {
content: "\f1a1";
}
.ion-ios-ionic-outline:before {
content: "\f44e";
}
.ion-ios-ionitron:before {
content: "\f1a3";
}
.ion-ios-ionitron-outline:before {
content: "\f1a2";
}
.ion-ios-jet:before {
content: "\f1a5";
}
.ion-ios-jet-outline:before {
content: "\f1a4";
}
.ion-ios-key:before {
content: "\f1a7";
}
.ion-ios-key-outline:before {
content: "\f1a6";
}
.ion-ios-keypad:before {
content: "\f450";
}
.ion-ios-keypad-outline:before {
content: "\f44f";
}
.ion-ios-laptop:before {
content: "\f1a8";
}
.ion-ios-laptop-outline:before {
content: "\f1a8";
}
.ion-ios-leaf:before {
content: "\f1aa";
}
.ion-ios-leaf-outline:before {
content: "\f1a9";
}
.ion-ios-link:before {
content: "\f22a";
}
.ion-ios-link-outline:before {
content: "\f1ca";
}
.ion-ios-list:before {
content: "\f454";
}
.ion-ios-list-box:before {
content: "\f1ac";
}
.ion-ios-list-box-outline:before {
content: "\f1ab";
}
.ion-ios-list-outline:before {
content: "\f454";
}
.ion-ios-locate:before {
content: "\f1ae";
}
.ion-ios-locate-outline:before {
content: "\f1ad";
}
.ion-ios-lock:before {
content: "\f1b0";
}
.ion-ios-lock-outline:before {
content: "\f1af";
}
.ion-ios-log-in:before {
content: "\f1b1";
}
.ion-ios-log-in-outline:before {
content: "\f1b1";
}
.ion-ios-log-out:before {
content: "\f1b2";
}
.ion-ios-log-out-outline:before {
content: "\f1b2";
}
.ion-ios-magnet:before {
content: "\f1b4";
}
.ion-ios-magnet-outline:before {
content: "\f1b3";
}
.ion-ios-mail:before {
content: "\f1b8";
}
.ion-ios-mail-open:before {
content: "\f1b6";
}
.ion-ios-mail-open-outline:before {
content: "\f1b5";
}
.ion-ios-mail-outline:before {
content: "\f1b7";
}
.ion-ios-male:before {
content: "\f1b9";
}
.ion-ios-male-outline:before {
content: "\f1b9";
}
.ion-ios-man:before {
content: "\f1bb";
}
.ion-ios-man-outline:before {
content: "\f1ba";
}
.ion-ios-map:before {
content: "\f1bd";
}
.ion-ios-map-outline:before {
content: "\f1bc";
}
.ion-ios-medal:before {
content: "\f1bf";
}
.ion-ios-medal-outline:before {
content: "\f1be";
}
.ion-ios-medical:before {
content: "\f45c";
}
.ion-ios-medical-outline:before {
content: "\f45b";
}
.ion-ios-medkit:before {
content: "\f45e";
}
.ion-ios-medkit-outline:before {
content: "\f45d";
}
.ion-ios-megaphone:before {
content: "\f1c1";
}
.ion-ios-megaphone-outline:before {
content: "\f1c0";
}
.ion-ios-menu:before {
content: "\f1c3";
}
.ion-ios-menu-outline:before {
content: "\f1c2";
}
.ion-ios-mic:before {
content: "\f461";
}
.ion-ios-mic-off:before {
content: "\f45f";
}
.ion-ios-mic-off-outline:before {
content: "\f1c4";
}
.ion-ios-mic-outline:before {
content: "\f460";
}
.ion-ios-microphone:before {
content: "\f1c6";
}
.ion-ios-microphone-outline:before {
content: "\f1c5";
}
.ion-ios-moon:before {
content: "\f468";
}
.ion-ios-moon-outline:before {
content: "\f467";
}
.ion-ios-more:before {
content: "\f1c8";
}
.ion-ios-more-outline:before {
content: "\f1c7";
}
.ion-ios-move:before {
content: "\f1cb";
}
.ion-ios-move-outline:before {
content: "\f1cb";
}
.ion-ios-musical-note:before {
content: "\f46b";
}
.ion-ios-musical-note-outline:before {
content: "\f1cc";
}
.ion-ios-musical-notes:before {
content: "\f46c";
}
.ion-ios-musical-notes-outline:before {
content: "\f1cd";
}
.ion-ios-navigate:before {
content: "\f46e";
}
.ion-ios-navigate-outline:before {
content: "\f46d";
}
.ion-ios-no-smoking:before {
content: "\f1cf";
}
.ion-ios-no-smoking-outline:before {
content: "\f1ce";
}
.ion-ios-notifications:before {
content: "\f1d3";
}
.ion-ios-notifications-off:before {
content: "\f1d1";
}
.ion-ios-notifications-off-outline:before {
content: "\f1d0";
}
.ion-ios-notifications-outline:before {
content: "\f1d2";
}
.ion-ios-nuclear:before {
content: "\f1d5";
}
.ion-ios-nuclear-outline:before {
content: "\f1d4";
}
.ion-ios-nutrition:before {
content: "\f470";
}
.ion-ios-nutrition-outline:before {
content: "\f46f";
}
.ion-ios-open:before {
content: "\f1d7";
}
.ion-ios-open-outline:before {
content: "\f1d6";
}
.ion-ios-options:before {
content: "\f1d9";
}
.ion-ios-options-outline:before {
content: "\f1d8";
}
.ion-ios-outlet:before {
content: "\f1db";
}
.ion-ios-outlet-outline:before {
content: "\f1da";
}
.ion-ios-paper:before {
content: "\f472";
}
.ion-ios-paper-outline:before {
content: "\f471";
}
.ion-ios-paper-plane:before {
content: "\f1dd";
}
.ion-ios-paper-plane-outline:before {
content: "\f1dc";
}
.ion-ios-partly-sunny:before {
content: "\f1df";
}
.ion-ios-partly-sunny-outline:before {
content: "\f1de";
}
.ion-ios-pause:before {
content: "\f478";
}
.ion-ios-pause-outline:before {
content: "\f477";
}
.ion-ios-paw:before {
content: "\f47a";
}
.ion-ios-paw-outline:before {
content: "\f479";
}
.ion-ios-people:before {
content: "\f47c";
}
.ion-ios-people-outline:before {
content: "\f47b";
}
.ion-ios-person:before {
content: "\f47e";
}
.ion-ios-person-add:before {
content: "\f1e1";
}
.ion-ios-person-add-outline:before {
content: "\f1e0";
}
.ion-ios-person-outline:before {
content: "\f47d";
}
.ion-ios-phone-landscape:before {
content: "\f1e2";
}
.ion-ios-phone-landscape-outline:before {
content: "\f1e2";
}
.ion-ios-phone-portrait:before {
content: "\f1e3";
}
.ion-ios-phone-portrait-outline:before {
content: "\f1e3";
}
.ion-ios-photos:before {
content: "\f482";
}
.ion-ios-photos-outline:before {
content: "\f481";
}
.ion-ios-pie:before {
content: "\f484";
}
.ion-ios-pie-outline:before {
content: "\f483";
}
.ion-ios-pin:before {
content: "\f1e5";
}
.ion-ios-pin-outline:before {
content: "\f1e4";
}
.ion-ios-pint:before {
content: "\f486";
}
.ion-ios-pint-outline:before {
content: "\f485";
}
.ion-ios-pizza:before {
content: "\f1e7";
}
.ion-ios-pizza-outline:before {
content: "\f1e6";
}
.ion-ios-plane:before {
content: "\f1e9";
}
.ion-ios-plane-outline:before {
content: "\f1e8";
}
.ion-ios-planet:before {
content: "\f1eb";
}
.ion-ios-planet-outline:before {
content: "\f1ea";
}
.ion-ios-play:before {
content: "\f488";
}
.ion-ios-play-outline:before {
content: "\f487";
}
.ion-ios-podium:before {
content: "\f1ed";
}
.ion-ios-podium-outline:before {
content: "\f1ec";
}
.ion-ios-power:before {
content: "\f1ef";
}
.ion-ios-power-outline:before {
content: "\f1ee";
}
.ion-ios-pricetag:before {
content: "\f48d";
}
.ion-ios-pricetag-outline:before {
content: "\f48c";
}
.ion-ios-pricetags:before {
content: "\f48f";
}
.ion-ios-pricetags-outline:before {
content: "\f48e";
}
.ion-ios-print:before {
content: "\f1f1";
}
.ion-ios-print-outline:before {
content: "\f1f0";
}
.ion-ios-pulse:before {
content: "\f493";
}
.ion-ios-pulse-outline:before {
content: "\f1f2";
}
.ion-ios-qr-scanner:before {
content: "\f1f3";
}
.ion-ios-qr-scanner-outline:before {
content: "\f1f3";
}
.ion-ios-quote:before {
content: "\f1f5";
}
.ion-ios-quote-outline:before {
content: "\f1f4";
}
.ion-ios-radio:before {
content: "\f1f9";
}
.ion-ios-radio-button-off:before {
content: "\f1f6";
}
.ion-ios-radio-button-off-outline:before {
content: "\f1f6";
}
.ion-ios-radio-button-on:before {
content: "\f1f7";
}
.ion-ios-radio-button-on-outline:before {
content: "\f1f7";
}
.ion-ios-radio-outline:before {
content: "\f1f8";
}
.ion-ios-rainy:before {
content: "\f495";
}
.ion-ios-rainy-outline:before {
content: "\f494";
}
.ion-ios-recording:before {
content: "\f497";
}
.ion-ios-recording-outline:before {
content: "\f496";
}
.ion-ios-redo:before {
content: "\f499";
}
.ion-ios-redo-outline:before {
content: "\f498";
}
.ion-ios-refresh:before {
content: "\f49c";
}
.ion-ios-refresh-circle:before {
content: "\f226";
}
.ion-ios-refresh-circle-outline:before {
content: "\f224";
}
.ion-ios-refresh-outline:before {
content: "\f49c";
}
.ion-ios-remove:before {
content: "\f1fc";
}
.ion-ios-remove-circle:before {
content: "\f1fb";
}
.ion-ios-remove-circle-outline:before {
content: "\f1fa";
}
.ion-ios-remove-outline:before {
content: "\f1fc";
}
.ion-ios-reorder:before {
content: "\f1fd";
}
.ion-ios-reorder-outline:before {
content: "\f1fd";
}
.ion-ios-repeat:before {
content: "\f1fe";
}
.ion-ios-repeat-outline:before {
content: "\f1fe";
}
.ion-ios-resize:before {
content: "\f1ff";
}
.ion-ios-resize-outline:before {
content: "\f1ff";
}
.ion-ios-restaurant:before {
content: "\f201";
}
.ion-ios-restaurant-outline:before {
content: "\f200";
}
.ion-ios-return-left:before {
content: "\f202";
}
.ion-ios-return-left-outline:before {
content: "\f202";
}
.ion-ios-return-right:before {
content: "\f203";
}
.ion-ios-return-right-outline:before {
content: "\f203";
}
.ion-ios-reverse-camera:before {
content: "\f49f";
}
.ion-ios-reverse-camera-outline:before {
content: "\f49e";
}
.ion-ios-rewind:before {
content: "\f4a1";
}
.ion-ios-rewind-outline:before {
content: "\f4a0";
}
.ion-ios-ribbon:before {
content: "\f205";
}
.ion-ios-ribbon-outline:before {
content: "\f204";
}
.ion-ios-rose:before {
content: "\f4a3";
}
.ion-ios-rose-outline:before {
content: "\f4a2";
}
.ion-ios-sad:before {
content: "\f207";
}
.ion-ios-sad-outline:before {
content: "\f206";
}
.ion-ios-school:before {
content: "\f209";
}
.ion-ios-school-outline:before {
content: "\f208";
}
.ion-ios-search:before {
content: "\f4a5";
}
.ion-ios-search-outline:before {
content: "\f20a";
}
.ion-ios-send:before {
content: "\f20c";
}
.ion-ios-send-outline:before {
content: "\f20b";
}
.ion-ios-settings:before {
content: "\f4a7";
}
.ion-ios-settings-outline:before {
content: "\f20d";
}
.ion-ios-share:before {
content: "\f211";
}
.ion-ios-share-alt:before {
content: "\f20f";
}
.ion-ios-share-alt-outline:before {
content: "\f20e";
}
.ion-ios-share-outline:before {
content: "\f210";
}
.ion-ios-shirt:before {
content: "\f213";
}
.ion-ios-shirt-outline:before {
content: "\f212";
}
.ion-ios-shuffle:before {
content: "\f4a9";
}
.ion-ios-shuffle-outline:before {
content: "\f4a9";
}
.ion-ios-skip-backward:before {
content: "\f215";
}
.ion-ios-skip-backward-outline:before {
content: "\f214";
}
.ion-ios-skip-forward:before {
content: "\f217";
}
.ion-ios-skip-forward-outline:before {
content: "\f216";
}
.ion-ios-snow:before {
content: "\f218";
}
.ion-ios-snow-outline:before {
content: "\f22c";
}
.ion-ios-speedometer:before {
content: "\f4b0";
}
.ion-ios-speedometer-outline:before {
content: "\f4af";
}
.ion-ios-square:before {
content: "\f21a";
}
.ion-ios-square-outline:before {
content: "\f219";
}
.ion-ios-star:before {
content: "\f4b3";
}
.ion-ios-star-half:before {
content: "\f4b1";
}
.ion-ios-star-half-outline:before {
content: "\f4b1";
}
.ion-ios-star-outline:before {
content: "\f4b2";
}
.ion-ios-stats:before {
content: "\f21c";
}
.ion-ios-stats-outline:before {
content: "\f21b";
}
.ion-ios-stopwatch:before {
content: "\f4b5";
}
.ion-ios-stopwatch-outline:before {
content: "\f4b4";
}
.ion-ios-subway:before {
content: "\f21e";
}
.ion-ios-subway-outline:before {
content: "\f21d";
}
.ion-ios-sunny:before {
content: "\f4b7";
}
.ion-ios-sunny-outline:before {
content: "\f4b6";
}
.ion-ios-swap:before {
content: "\f21f";
}
.ion-ios-swap-outline:before {
content: "\f21f";
}
.ion-ios-switch:before {
content: "\f221";
}
.ion-ios-switch-outline:before {
content: "\f220";
}
.ion-ios-sync:before {
content: "\f222";
}
.ion-ios-sync-outline:before {
content: "\f222";
}
.ion-ios-tablet-landscape:before {
content: "\f223";
}
.ion-ios-tablet-landscape-outline:before {
content: "\f223";
}
.ion-ios-tablet-portrait:before {
content: "\f24e";
}
.ion-ios-tablet-portrait-outline:before {
content: "\f24e";
}
.ion-ios-tennisball:before {
content: "\f4bb";
}
.ion-ios-tennisball-outline:before {
content: "\f4ba";
}
.ion-ios-text:before {
content: "\f250";
}
.ion-ios-text-outline:before {
content: "\f24f";
}
.ion-ios-thermometer:before {
content: "\f252";
}
.ion-ios-thermometer-outline:before {
content: "\f251";
}
.ion-ios-thumbs-down:before {
content: "\f254";
}
.ion-ios-thumbs-down-outline:before {
content: "\f253";
}
.ion-ios-thumbs-up:before {
content: "\f256";
}
.ion-ios-thumbs-up-outline:before {
content: "\f255";
}
.ion-ios-thunderstorm:before {
content: "\f4bd";
}
.ion-ios-thunderstorm-outline:before {
content: "\f4bc";
}
.ion-ios-time:before {
content: "\f4bf";
}
.ion-ios-time-outline:before {
content: "\f4be";
}
.ion-ios-timer:before {
content: "\f4c1";
}
.ion-ios-timer-outline:before {
content: "\f4c0";
}
.ion-ios-train:before {
content: "\f258";
}
.ion-ios-train-outline:before {
content: "\f257";
}
.ion-ios-transgender:before {
content: "\f259";
}
.ion-ios-transgender-outline:before {
content: "\f259";
}
.ion-ios-trash:before {
content: "\f4c5";
}
.ion-ios-trash-outline:before {
content: "\f4c4";
}
.ion-ios-trending-down:before {
content: "\f25a";
}
.ion-ios-trending-down-outline:before {
content: "\f25a";
}
.ion-ios-trending-up:before {
content: "\f25b";
}
.ion-ios-trending-up-outline:before {
content: "\f25b";
}
.ion-ios-trophy:before {
content: "\f25d";
}
.ion-ios-trophy-outline:before {
content: "\f25c";
}
.ion-ios-umbrella:before {
content: "\f25f";
}
.ion-ios-umbrella-outline:before {
content: "\f25e";
}
.ion-ios-undo:before {
content: "\f4c7";
}
.ion-ios-undo-outline:before {
content: "\f4c6";
}
.ion-ios-unlock:before {
content: "\f261";
}
.ion-ios-unlock-outline:before {
content: "\f260";
}
.ion-ios-videocam:before {
content: "\f4cd";
}
.ion-ios-videocam-outline:before {
content: "\f4cc";
}
.ion-ios-volume-down:before {
content: "\f262";
}
.ion-ios-volume-down-outline:before {
content: "\f262";
}
.ion-ios-volume-mute:before {
content: "\f263";
}
.ion-ios-volume-mute-outline:before {
content: "\f263";
}
.ion-ios-volume-off:before {
content: "\f264";
}
.ion-ios-volume-off-outline:before {
content: "\f264";
}
.ion-ios-volume-up:before {
content: "\f265";
}
.ion-ios-volume-up-outline:before {
content: "\f265";
}
.ion-ios-walk:before {
content: "\f266";
}
.ion-ios-walk-outline:before {
content: "\f266";
}
.ion-ios-warning:before {
content: "\f268";
}
.ion-ios-warning-outline:before {
content: "\f267";
}
.ion-ios-watch:before {
content: "\f269";
}
.ion-ios-watch-outline:before {
content: "\f269";
}
.ion-ios-water:before {
content: "\f26b";
}
.ion-ios-water-outline:before {
content: "\f26a";
}
.ion-ios-wifi:before {
content: "\f26d";
}
.ion-ios-wifi-outline:before {
content: "\f26c";
}
.ion-ios-wine:before {
content: "\f26f";
}
.ion-ios-wine-outline:before {
content: "\f26e";
}
.ion-ios-woman:before {
content: "\f271";
}
.ion-ios-woman-outline:before {
content: "\f270";
}
.ion-logo-android:before {
content: "\f225";
}
.ion-logo-angular:before {
content: "\f227";
}
.ion-logo-apple:before {
content: "\f229";
}
.ion-logo-bitcoin:before {
content: "\f22b";
}
.ion-logo-buffer:before {
content: "\f22d";
}
.ion-logo-chrome:before {
content: "\f22f";
}
.ion-logo-codepen:before {
content: "\f230";
}
.ion-logo-css3:before {
content: "\f231";
}
.ion-logo-designernews:before {
content: "\f232";
}
.ion-logo-dribbble:before {
content: "\f233";
}
.ion-logo-dropbox:before {
content: "\f234";
}
.ion-logo-euro:before {
content: "\f235";
}
.ion-logo-facebook:before {
content: "\f236";
}
.ion-logo-foursquare:before {
content: "\f237";
}
.ion-logo-freebsd-devil:before {
content: "\f238";
}
.ion-logo-github:before {
content: "\f239";
}
.ion-logo-google:before {
content: "\f23a";
}
.ion-logo-googleplus:before {
content: "\f23b";
}
.ion-logo-hackernews:before {
content: "\f23c";
}
.ion-logo-html5:before {
content: "\f23d";
}
.ion-logo-instagram:before {
content: "\f23e";
}
.ion-logo-javascript:before {
content: "\f23f";
}
.ion-logo-linkedin:before {
content: "\f240";
}
.ion-logo-markdown:before {
content: "\f241";
}
.ion-logo-nodejs:before {
content: "\f242";
}
.ion-logo-octocat:before {
content: "\f243";
}
.ion-logo-pinterest:before {
content: "\f244";
}
.ion-logo-playstation:before {
content: "\f245";
}
.ion-logo-python:before {
content: "\f246";
}
.ion-logo-reddit:before {
content: "\f247";
}
.ion-logo-rss:before {
content: "\f248";
}
.ion-logo-sass:before {
content: "\f249";
}
.ion-logo-skype:before {
content: "\f24a";
}
.ion-logo-snapchat:before {
content: "\f24b";
}
.ion-logo-steam:before {
content: "\f24c";
}
.ion-logo-tumblr:before {
content: "\f24d";
}
.ion-logo-tux:before {
content: "\f2ae";
}
.ion-logo-twitch:before {
content: "\f2af";
}
.ion-logo-twitter:before {
content: "\f2b0";
}
.ion-logo-usd:before {
content: "\f2b1";
}
.ion-logo-vimeo:before {
content: "\f2c4";
}
.ion-logo-whatsapp:before {
content: "\f2c5";
}
.ion-logo-windows:before {
content: "\f32f";
}
.ion-logo-wordpress:before {
content: "\f330";
}
.ion-logo-xbox:before {
content: "\f34c";
}
.ion-logo-yahoo:before {
content: "\f34d";
}
.ion-logo-yen:before {
content: "\f34e";
}
.ion-logo-youtube:before {
content: "\f34f";
}
.ion-md-add:before {
content: "\f273";
}
.ion-md-add-circle:before {
content: "\f272";
}
.ion-md-alarm:before {
content: "\f274";
}
.ion-md-albums:before {
content: "\f275";
}
.ion-md-alert:before {
content: "\f276";
}
.ion-md-american-football:before {
content: "\f277";
}
.ion-md-analytics:before {
content: "\f278";
}
.ion-md-aperture:before {
content: "\f279";
}
.ion-md-apps:before {
content: "\f27a";
}
.ion-md-appstore:before {
content: "\f27b";
}
.ion-md-archive:before {
content: "\f27c";
}
.ion-md-arrow-back:before {
content: "\f27d";
}
.ion-md-arrow-down:before {
content: "\f27e";
}
.ion-md-arrow-dropdown:before {
content: "\f280";
}
.ion-md-arrow-dropdown-circle:before {
content: "\f27f";
}
.ion-md-arrow-dropleft:before {
content: "\f282";
}
.ion-md-arrow-dropleft-circle:before {
content: "\f281";
}
.ion-md-arrow-dropright:before {
content: "\f284";
}
.ion-md-arrow-dropright-circle:before {
content: "\f283";
}
.ion-md-arrow-dropup:before {
content: "\f286";
}
.ion-md-arrow-dropup-circle:before {
content: "\f285";
}
.ion-md-arrow-forward:before {
content: "\f287";
}
.ion-md-arrow-round-back:before {
content: "\f288";
}
.ion-md-arrow-round-down:before {
content: "\f289";
}
.ion-md-arrow-round-forward:before {
content: "\f28a";
}
.ion-md-arrow-round-up:before {
content: "\f28b";
}
.ion-md-arrow-up:before {
content: "\f28c";
}
.ion-md-at:before {
content: "\f28d";
}
.ion-md-attach:before {
content: "\f28e";
}
.ion-md-backspace:before {
content: "\f28f";
}
.ion-md-barcode:before {
content: "\f290";
}
.ion-md-baseball:before {
content: "\f291";
}
.ion-md-basket:before {
content: "\f292";
}
.ion-md-basketball:before {
content: "\f293";
}
.ion-md-battery-charging:before {
content: "\f294";
}
.ion-md-battery-dead:before {
content: "\f295";
}
.ion-md-battery-full:before {
content: "\f296";
}
.ion-md-beaker:before {
content: "\f297";
}
.ion-md-beer:before {
content: "\f298";
}
.ion-md-bicycle:before {
content: "\f299";
}
.ion-md-bluetooth:before {
content: "\f29a";
}
.ion-md-boat:before {
content: "\f29b";
}
.ion-md-body:before {
content: "\f29c";
}
.ion-md-bonfire:before {
content: "\f29d";
}
.ion-md-book:before {
content: "\f29e";
}
.ion-md-bookmark:before {
content: "\f29f";
}
.ion-md-bookmarks:before {
content: "\f2a0";
}
.ion-md-bowtie:before {
content: "\f2a1";
}
.ion-md-briefcase:before {
content: "\f2a2";
}
.ion-md-browsers:before {
content: "\f2a3";
}
.ion-md-brush:before {
content: "\f2a4";
}
.ion-md-bug:before {
content: "\f2a5";
}
.ion-md-build:before {
content: "\f2a6";
}
.ion-md-bulb:before {
content: "\f2a7";
}
.ion-md-bus:before {
content: "\f2a8";
}
.ion-md-cafe:before {
content: "\f2a9";
}
.ion-md-calculator:before {
content: "\f2aa";
}
.ion-md-calendar:before {
content: "\f2ab";
}
.ion-md-call:before {
content: "\f2ac";
}
.ion-md-camera:before {
content: "\f2ad";
}
.ion-md-car:before {
content: "\f2b2";
}
.ion-md-card:before {
content: "\f2b3";
}
.ion-md-cart:before {
content: "\f2b4";
}
.ion-md-cash:before {
content: "\f2b5";
}
.ion-md-chatboxes:before {
content: "\f2b6";
}
.ion-md-chatbubbles:before {
content: "\f2b7";
}
.ion-md-checkbox:before {
content: "\f2b9";
}
.ion-md-checkbox-outline:before {
content: "\f2b8";
}
.ion-md-checkmark:before {
content: "\f2bc";
}
.ion-md-checkmark-circle:before {
content: "\f2bb";
}
.ion-md-checkmark-circle-outline:before {
content: "\f2ba";
}
.ion-md-clipboard:before {
content: "\f2bd";
}
.ion-md-clock:before {
content: "\f2be";
}
.ion-md-close:before {
content: "\f2c0";
}
.ion-md-close-circle:before {
content: "\f2bf";
}
.ion-md-closed-captioning:before {
content: "\f2c1";
}
.ion-md-cloud:before {
content: "\f2c9";
}
.ion-md-cloud-circle:before {
content: "\f2c2";
}
.ion-md-cloud-done:before {
content: "\f2c3";
}
.ion-md-cloud-download:before {
content: "\f2c6";
}
.ion-md-cloud-outline:before {
content: "\f2c7";
}
.ion-md-cloud-upload:before {
content: "\f2c8";
}
.ion-md-cloudy:before {
content: "\f2cb";
}
.ion-md-cloudy-night:before {
content: "\f2ca";
}
.ion-md-code:before {
content: "\f2ce";
}
.ion-md-code-download:before {
content: "\f2cc";
}
.ion-md-code-working:before {
content: "\f2cd";
}
.ion-md-cog:before {
content: "\f2cf";
}
.ion-md-color-fill:before {
content: "\f2d0";
}
.ion-md-color-filter:before {
content: "\f2d1";
}
.ion-md-color-palette:before {
content: "\f2d2";
}
.ion-md-color-wand:before {
content: "\f2d3";
}
.ion-md-compass:before {
content: "\f2d4";
}
.ion-md-construct:before {
content: "\f2d5";
}
.ion-md-contact:before {
content: "\f2d6";
}
.ion-md-contacts:before {
content: "\f2d7";
}
.ion-md-contract:before {
content: "\f2d8";
}
.ion-md-contrast:before {
content: "\f2d9";
}
.ion-md-copy:before {
content: "\f2da";
}
.ion-md-create:before {
content: "\f2db";
}
.ion-md-crop:before {
content: "\f2dc";
}
.ion-md-cube:before {
content: "\f2dd";
}
.ion-md-cut:before {
content: "\f2de";
}
.ion-md-desktop:before {
content: "\f2df";
}
.ion-md-disc:before {
content: "\f2e0";
}
.ion-md-document:before {
content: "\f2e1";
}
.ion-md-done-all:before {
content: "\f2e2";
}
.ion-md-download:before {
content: "\f2e3";
}
.ion-md-easel:before {
content: "\f2e4";
}
.ion-md-egg:before {
content: "\f2e5";
}
.ion-md-exit:before {
content: "\f2e6";
}
.ion-md-expand:before {
content: "\f2e7";
}
.ion-md-eye:before {
content: "\f2e9";
}
.ion-md-eye-off:before {
content: "\f2e8";
}
.ion-md-fastforward:before {
content: "\f2ea";
}
.ion-md-female:before {
content: "\f2eb";
}
.ion-md-filing:before {
content: "\f2ec";
}
.ion-md-film:before {
content: "\f2ed";
}
.ion-md-finger-print:before {
content: "\f2ee";
}
.ion-md-flag:before {
content: "\f2ef";
}
.ion-md-flame:before {
content: "\f2f0";
}
.ion-md-flash:before {
content: "\f2f1";
}
.ion-md-flask:before {
content: "\f2f2";
}
.ion-md-flower:before {
content: "\f2f3";
}
.ion-md-folder:before {
content: "\f2f5";
}
.ion-md-folder-open:before {
content: "\f2f4";
}
.ion-md-football:before {
content: "\f2f6";
}
.ion-md-funnel:before {
content: "\f2f7";
}
.ion-md-game-controller-a:before {
content: "\f2f8";
}
.ion-md-game-controller-b:before {
content: "\f2f9";
}
.ion-md-git-branch:before {
content: "\f2fa";
}
.ion-md-git-commit:before {
content: "\f2fb";
}
.ion-md-git-compare:before {
content: "\f2fc";
}
.ion-md-git-merge:before {
content: "\f2fd";
}
.ion-md-git-network:before {
content: "\f2fe";
}
.ion-md-git-pull-request:before {
content: "\f2ff";
}
.ion-md-glasses:before {
content: "\f300";
}
.ion-md-globe:before {
content: "\f301";
}
.ion-md-grid:before {
content: "\f302";
}
.ion-md-hammer:before {
content: "\f303";
}
.ion-md-hand:before {
content: "\f304";
}
.ion-md-happy:before {
content: "\f305";
}
.ion-md-headset:before {
content: "\f306";
}
.ion-md-heart:before {
content: "\f308";
}
.ion-md-heart-outline:before {
content: "\f307";
}
.ion-md-help:before {
content: "\f30b";
}
.ion-md-help-buoy:before {
content: "\f309";
}
.ion-md-help-circle:before {
content: "\f30a";
}
.ion-md-home:before {
content: "\f30c";
}
.ion-md-ice-cream:before {
content: "\f30d";
}
.ion-md-image:before {
content: "\f30e";
}
.ion-md-images:before {
content: "\f30f";
}
.ion-md-infinite:before {
content: "\f310";
}
.ion-md-information:before {
content: "\f312";
}
.ion-md-information-circle:before {
content: "\f311";
}
.ion-md-ionic:before {
content: "\f313";
}
.ion-md-ionitron:before {
content: "\f314";
}
.ion-md-jet:before {
content: "\f315";
}
.ion-md-key:before {
content: "\f316";
}
.ion-md-keypad:before {
content: "\f317";
}
.ion-md-laptop:before {
content: "\f318";
}
.ion-md-leaf:before {
content: "\f319";
}
.ion-md-link:before {
content: "\f22e";
}
.ion-md-list:before {
content: "\f31b";
}
.ion-md-list-box:before {
content: "\f31a";
}
.ion-md-locate:before {
content: "\f31c";
}
.ion-md-lock:before {
content: "\f31d";
}
.ion-md-log-in:before {
content: "\f31e";
}
.ion-md-log-out:before {
content: "\f31f";
}
.ion-md-magnet:before {
content: "\f320";
}
.ion-md-mail:before {
content: "\f322";
}
.ion-md-mail-open:before {
content: "\f321";
}
.ion-md-male:before {
content: "\f323";
}
.ion-md-man:before {
content: "\f324";
}
.ion-md-map:before {
content: "\f325";
}
.ion-md-medal:before {
content: "\f326";
}
.ion-md-medical:before {
content: "\f327";
}
.ion-md-medkit:before {
content: "\f328";
}
.ion-md-megaphone:before {
content: "\f329";
}
.ion-md-menu:before {
content: "\f32a";
}
.ion-md-mic:before {
content: "\f32c";
}
.ion-md-mic-off:before {
content: "\f32b";
}
.ion-md-microphone:before {
content: "\f32d";
}
.ion-md-moon:before {
content: "\f32e";
}
.ion-md-more:before {
content: "\f1c9";
}
.ion-md-move:before {
content: "\f331";
}
.ion-md-musical-note:before {
content: "\f332";
}
.ion-md-musical-notes:before {
content: "\f333";
}
.ion-md-navigate:before {
content: "\f334";
}
.ion-md-no-smoking:before {
content: "\f335";
}
.ion-md-notifications:before {
content: "\f338";
}
.ion-md-notifications-off:before {
content: "\f336";
}
.ion-md-notifications-outline:before {
content: "\f337";
}
.ion-md-nuclear:before {
content: "\f339";
}
.ion-md-nutrition:before {
content: "\f33a";
}
.ion-md-open:before {
content: "\f33b";
}
.ion-md-options:before {
content: "\f33c";
}
.ion-md-outlet:before {
content: "\f33d";
}
.ion-md-paper:before {
content: "\f33f";
}
.ion-md-paper-plane:before {
content: "\f33e";
}
.ion-md-partly-sunny:before {
content: "\f340";
}
.ion-md-pause:before {
content: "\f341";
}
.ion-md-paw:before {
content: "\f342";
}
.ion-md-people:before {
content: "\f343";
}
.ion-md-person:before {
content: "\f345";
}
.ion-md-person-add:before {
content: "\f344";
}
.ion-md-phone-landscape:before {
content: "\f346";
}
.ion-md-phone-portrait:before {
content: "\f347";
}
.ion-md-photos:before {
content: "\f348";
}
.ion-md-pie:before {
content: "\f349";
}
.ion-md-pin:before {
content: "\f34a";
}
.ion-md-pint:before {
content: "\f34b";
}
.ion-md-pizza:before {
content: "\f354";
}
.ion-md-plane:before {
content: "\f355";
}
.ion-md-planet:before {
content: "\f356";
}
.ion-md-play:before {
content: "\f357";
}
.ion-md-podium:before {
content: "\f358";
}
.ion-md-power:before {
content: "\f359";
}
.ion-md-pricetag:before {
content: "\f35a";
}
.ion-md-pricetags:before {
content: "\f35b";
}
.ion-md-print:before {
content: "\f35c";
}
.ion-md-pulse:before {
content: "\f35d";
}
.ion-md-qr-scanner:before {
content: "\f35e";
}
.ion-md-quote:before {
content: "\f35f";
}
.ion-md-radio:before {
content: "\f362";
}
.ion-md-radio-button-off:before {
content: "\f360";
}
.ion-md-radio-button-on:before {
content: "\f361";
}
.ion-md-rainy:before {
content: "\f363";
}
.ion-md-recording:before {
content: "\f364";
}
.ion-md-redo:before {
content: "\f365";
}
.ion-md-refresh:before {
content: "\f366";
}
.ion-md-refresh-circle:before {
content: "\f228";
}
.ion-md-remove:before {
content: "\f368";
}
.ion-md-remove-circle:before {
content: "\f367";
}
.ion-md-reorder:before {
content: "\f369";
}
.ion-md-repeat:before {
content: "\f36a";
}
.ion-md-resize:before {
content: "\f36b";
}
.ion-md-restaurant:before {
content: "\f36c";
}
.ion-md-return-left:before {
content: "\f36d";
}
.ion-md-return-right:before {
content: "\f36e";
}
.ion-md-reverse-camera:before {
content: "\f36f";
}
.ion-md-rewind:before {
content: "\f370";
}
.ion-md-ribbon:before {
content: "\f371";
}
.ion-md-rose:before {
content: "\f372";
}
.ion-md-sad:before {
content: "\f373";
}
.ion-md-school:before {
content: "\f374";
}
.ion-md-search:before {
content: "\f375";
}
.ion-md-send:before {
content: "\f376";
}
.ion-md-settings:before {
content: "\f377";
}
.ion-md-share:before {
content: "\f379";
}
.ion-md-share-alt:before {
content: "\f378";
}
.ion-md-shirt:before {
content: "\f37a";
}
.ion-md-shuffle:before {
content: "\f37b";
}
.ion-md-skip-backward:before {
content: "\f37c";
}
.ion-md-skip-forward:before {
content: "\f37d";
}
.ion-md-snow:before {
content: "\f37e";
}
.ion-md-speedometer:before {
content: "\f37f";
}
.ion-md-square:before {
content: "\f381";
}
.ion-md-square-outline:before {
content: "\f380";
}
.ion-md-star:before {
content: "\f384";
}
.ion-md-star-half:before {
content: "\f382";
}
.ion-md-star-outline:before {
content: "\f383";
}
.ion-md-stats:before {
content: "\f385";
}
.ion-md-stopwatch:before {
content: "\f386";
}
.ion-md-subway:before {
content: "\f387";
}
.ion-md-sunny:before {
content: "\f388";
}
.ion-md-swap:before {
content: "\f389";
}
.ion-md-switch:before {
content: "\f38a";
}
.ion-md-sync:before {
content: "\f38b";
}
.ion-md-tablet-landscape:before {
content: "\f38c";
}
.ion-md-tablet-portrait:before {
content: "\f38d";
}
.ion-md-tennisball:before {
content: "\f38e";
}
.ion-md-text:before {
content: "\f38f";
}
.ion-md-thermometer:before {
content: "\f390";
}
.ion-md-thumbs-down:before {
content: "\f391";
}
.ion-md-thumbs-up:before {
content: "\f392";
}
.ion-md-thunderstorm:before {
content: "\f393";
}
.ion-md-time:before {
content: "\f394";
}
.ion-md-timer:before {
content: "\f395";
}
.ion-md-train:before {
content: "\f396";
}
.ion-md-transgender:before {
content: "\f397";
}
.ion-md-trash:before {
content: "\f398";
}
.ion-md-trending-down:before {
content: "\f399";
}
.ion-md-trending-up:before {
content: "\f39a";
}
.ion-md-trophy:before {
content: "\f39b";
}
.ion-md-umbrella:before {
content: "\f39c";
}
.ion-md-undo:before {
content: "\f39d";
}
.ion-md-unlock:before {
content: "\f39e";
}
.ion-md-videocam:before {
content: "\f39f";
}
.ion-md-volume-down:before {
content: "\f3a0";
}
.ion-md-volume-mute:before {
content: "\f3a1";
}
.ion-md-volume-off:before {
content: "\f3a2";
}
.ion-md-volume-up:before {
content: "\f3a3";
}
.ion-md-walk:before {
content: "\f3a4";
}
.ion-md-warning:before {
content: "\f3a5";
}
.ion-md-watch:before {
content: "\f3a6";
}
.ion-md-water:before {
content: "\f3a7";
}
.ion-md-wifi:before {
content: "\f3a8";
}
.ion-md-wine:before {
content: "\f3a9";
}
.ion-md-woman:before {
content: "\f3aa";
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src: local("Roboto Light"), local("Roboto-Light"), url("../assets/fonts/roboto-light.ttf") format("truetype"), url("../assets/fonts/roboto-light.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url("../assets/fonts/roboto-regular.ttf") format("truetype"), url("../assets/fonts/roboto-regular.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url("../assets/fonts/roboto-medium.ttf") format("truetype"), url("../assets/fonts/roboto-medium.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
src: local("Roboto Bold"), local("Roboto-Bold"), url("../assets/fonts/roboto-bold.ttf") format("truetype"), url("../assets/fonts/roboto-bold.woff") format("woff");
}
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 300;
src: local("Noto Sans"), local("Noto-Sans-Regular"), url("../assets/fonts/noto-sans-regular.ttf") format("truetype");
}
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 400;
src: local("Noto Sans"), local("Noto-Sans-Regular"), url("../assets/fonts/noto-sans-regular.ttf") format("truetype");
}
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 500;
src: local("Noto Sans Bold"), local("Noto-Sans-Bold"), url("../assets/fonts/noto-sans-bold.ttf") format("truetype");
}
@font-face {
font-family: "Noto Sans";
font-style: normal;
font-weight: 700;
src: local("Noto Sans Bold"), local("Noto-Sans-Bold"), url("../assets/fonts/noto-sans-bold.ttf") format("truetype");
}
ion-action-sheet {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: block;
width: 100%;
height: 100%;
}
.action-sheet-wrapper {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: block;
margin: auto;
width: 100%;
max-width: 500px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.action-sheet-button {
width: 100%;
}
.action-sheet-ios {
text-align: center;
}
.action-sheet-ios .action-sheet-container {
padding: 0 10px;
}
.action-sheet-ios .action-sheet-group {
overflow: hidden;
margin-bottom: 8px;
border-radius: 13px;
background: #f9f9f9;
}
.action-sheet-ios .action-sheet-group:last-child {
margin-bottom: 10px;
}
.action-sheet-ios .action-sheet-title {
padding: 1.5rem;
border-bottom: 0.55px solid #d6d6da;
border-radius: 0;
font-size: 1.3rem;
font-weight: 400;
text-align: center;
color: #8f8f8f;
}
.action-sheet-ios .action-sheet-button {
margin: 0;
padding: 18px;
min-height: 5.6rem;
border-bottom: 0.55px solid #d6d6da;
font-size: 2rem;
color: #007aff;
background: transparent;
}
.action-sheet-ios .action-sheet-button:last-child {
border-bottom-color: transparent;
}
.action-sheet-ios .action-sheet-button.activated {
margin-top: -0.55px;
border-top: 0.55px solid #ebebeb;
border-bottom-color: #ebebeb;
background: #ebebeb;
}
.action-sheet-ios .action-sheet-selected {
font-weight: bold;
background: #fff;
}
.action-sheet-ios .action-sheet-destructive {
color: #f53d3d;
}
.action-sheet-ios .action-sheet-cancel {
font-weight: 600;
background: #fff;
}
.action-sheet-md .action-sheet-container {
padding: .8rem 0;
background: #fafafa;
}
.action-sheet-md .action-sheet-title {
padding: 11px 16px 17px;
font-size: 1.6rem;
text-align: left;
color: #757575;
}
.action-sheet-md .action-sheet-button {
position: relative;
overflow: hidden;
padding: 0 16px;
min-height: 4.8rem;
font-size: 1.6rem;
text-align: left;
color: #222;
background: transparent;
}
.action-sheet-md .action-sheet-button.activated {
background: #f1f1f1;
}
.action-sheet-md .action-sheet-icon {
margin: 0 32px 0 0;
padding: 0;
width: 2.3rem;
font-size: 2.4rem;
text-align: center;
vertical-align: middle;
}
.action-sheet-md .action-sheet-group {
overflow: hidden;
}
.action-sheet-md .action-sheet-group .button-inner {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.action-sheet-md .action-sheet-selected {
font-weight: bold;
}
.action-sheet-wp .action-sheet-wrapper {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.action-sheet-wp .action-sheet-title {
padding: 11px 16px 17px;
font-size: 2rem;
text-align: left;
color: #4d4d4d;
}
.action-sheet-wp .action-sheet-button {
padding: 0 16px;
min-height: 4.8rem;
font-size: 1.5rem;
text-align: left;
color: #4d4d4d;
background: transparent;
}
.action-sheet-wp .action-sheet-button.activated {
background: #aaa;
}
.action-sheet-wp .action-sheet-icon {
margin: 0 20px 0 0;
padding: 0;
width: 2.3rem;
font-size: 2.4rem;
text-align: center;
vertical-align: middle;
}
.action-sheet-wp .action-sheet-container {
padding: .8rem 0;
background: #fff;
}
.action-sheet-wp .action-sheet-group .button-inner {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.action-sheet-wp .action-sheet-selected {
font-weight: bold;
}
.action-sheet-wp .action-sheet-cancel {
background: transparent;
}
ion-alert {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
contain: strict;
}
ion-alert.alert-top {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 50px;
}
ion-alert input {
width: 100%;
}
.alert-wrapper {
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 250px;
max-height: 90%;
opacity: 0;
contain: content;
}
.alert-title {
margin: 0;
padding: 0;
}
.alert-sub-title {
margin: 5px 0 0;
padding: 0;
font-weight: normal;
}
.alert-message {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.alert-input {
padding: 10px 0;
border: 0;
background: inherit;
}
.alert-input::-moz-placeholder {
color: #999;
}
.alert-input:-ms-input-placeholder {
color: #999;
}
.alert-input::-webkit-input-placeholder {
text-indent: 0;
color: #999;
}
.alert-button-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.alert-button-group-vertical {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.alert-button {
z-index: 0;
display: block;
margin: 0;
font-size: 14px;
line-height: 20px;
}
.alert-tappable {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
margin: 0;
padding: 0;
width: 100%;
font-size: inherit;
line-height: initial;
text-align: left;
background: transparent;
}
.alert-ios .alert-wrapper {
overflow: hidden;
max-width: 270px;
border-radius: 13px;
background-color: #f8f8f8;
box-shadow: none;
}
.alert-ios .alert-head {
padding: 12px 16px 7px;
text-align: center;
}
.alert-ios .alert-title {
margin-top: 8px;
font-size: 17px;
font-weight: 600;
}
.alert-ios .alert-sub-title {
font-size: 14px;
color: #666;
}
.alert-ios .alert-message,
.alert-ios .alert-input-group {
padding: 0 16px 21px;
font-size: 13px;
text-align: center;
color: inherit;
}
.alert-ios .alert-message {
max-height: 240px;
}
.alert-ios .alert-message:empty {
padding: 0 0 12px 0;
}
.alert-ios .alert-input {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
margin-top: 10px;
padding: 6px;
border: 0.55px solid #ccc;
border-radius: 4px;
background-color: #fff;
}
.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group {
overflow: scroll;
max-height: 240px;
border-top: 0.55px solid #dbdbdf;
-webkit-overflow-scrolling: touch;
}
.alert-ios .alert-tappable {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 44px;
}
.alert-ios .alert-radio-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
padding: 13px;
text-overflow: ellipsis;
white-space: nowrap;
}
.alert-ios [aria-checked=true] .alert-radio-label {
color: #387ef5;
}
.alert-ios .alert-radio-icon {
position: relative;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
min-width: 30px;
}
.alert-ios [aria-checked=true] .alert-radio-inner {
position: absolute;
top: -7px;
left: 7px;
width: 6px;
height: 12px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #387ef5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.alert-ios .alert-checkbox-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 13px;
text-overflow: ellipsis;
white-space: nowrap;
}
.alert-ios [aria-checked=true] .alert-checkbox-label {
color: initial;
}
.alert-ios .alert-checkbox-icon {
position: relative;
margin: 10px 6px 10px 16px;
width: 21px;
height: 21px;
border-width: 0.55px;
border-style: solid;
border-radius: 50%;
border-color: #c8c7cc;
background-color: #fff;
}
.alert-ios [aria-checked=true] .alert-checkbox-icon {
border-color: #387ef5;
background-color: #387ef5;
}
.alert-ios [aria-checked=true] .alert-checkbox-inner {
position: absolute;
top: 4px;
left: 7px;
width: 4px;
height: 9px;
border-width: 0.55px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.alert-ios .alert-button-group {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.55px;
}
.alert-ios .alert-button {
overflow: hidden;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0;
min-width: 50%;
height: 44px;
border-top: 0.55px solid #dbdbdf;
border-right: 0.55px solid #dbdbdf;
border-radius: 0;
font-size: 17px;
color: #387ef5;
background-color: transparent;
}
.alert-ios .alert-button:last-child {
border-right: 0;
font-weight: bold;
}
.alert-ios .alert-button.activated {
background-color: #e9e9e9;
}
.alert-md .alert-wrapper {
max-width: 280px;
border-radius: 2px;
background-color: #fafafa;
box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}
.alert-md .alert-head {
padding: 24px 24px 20px 24px;
text-align: left;
}
.alert-md .alert-title {
font-size: 22px;
}
.alert-md .alert-sub-title {
font-size: 16px;
}
.alert-md .alert-message,
.alert-md .alert-input-group {
padding: 0 24px 24px 24px;
color: rgba(0, 0, 0, 0.5);
}
.alert-md .alert-message {
max-height: 240px;
font-size: 15px;
}
.alert-md .alert-message:empty {
padding: 0;
}
.alert-md .alert-input {
margin: 5px 0 5px 0;
border-bottom: 1px solid #dedede;
color: #000;
}
.alert-md .alert-input:focus {
margin-bottom: 4px;
border-bottom: 2px solid #387ef5;
}
.alert-md .alert-radio-group,
.alert-md .alert-checkbox-group {
position: relative;
overflow: auto;
max-height: 240px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.alert-md .alert-tappable {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 4.4rem;
}
.alert-md .alert-radio-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 13px 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.alert-md .alert-radio-icon {
position: relative;
top: 0;
left: 13px;
display: block;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
border-color: #787878;
}
.alert-md .alert-radio-inner {
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #387ef5;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.alert-md [aria-checked=true] .alert-radio-label {
color: #387ef5;
}
.alert-md [aria-checked=true] .alert-radio-icon {
border-color: #387ef5;
}
.alert-md [aria-checked=true] .alert-radio-inner {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.alert-md .alert-checkbox-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 13px 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.alert-md [aria-checked=true] .alert-checkbox-label {
color: initial;
}
.alert-md .alert-checkbox-icon {
position: relative;
top: 0;
left: 13px;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 2px;
border-color: #787878;
}
.alert-md [aria-checked=true] .alert-checkbox-icon {
border-color: #387ef5;
background-color: #387ef5;
}
.alert-md [aria-checked=true] .alert-checkbox-inner {
position: absolute;
top: 0;
left: 3px;
width: 6px;
height: 10px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.alert-md .alert-button-group {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 8px 8px 8px 24px;
}
.alert-md .alert-button {
position: relative;
overflow: hidden;
margin: 0 8px 0 0;
padding: 10px;
border-radius: 2px;
font-weight: 500;
text-align: right;
text-transform: uppercase;
color: #387ef5;
background-color: transparent;
}
.alert-md .alert-button.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.alert-md .alert-button .button-inner {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.alert-wp ion-backdrop {
background: #fff;
}
.alert-wp .alert-wrapper {
width: 100%;
max-width: 520px;
border: 1px solid #387ef5;
border-radius: 0;
background: #e6e6e6;
}
.alert-wp .alert-head {
padding: 20px 22px 5px 22px;
text-align: left;
}
.alert-wp .alert-title {
font-size: 20px;
font-weight: 400;
}
.alert-wp .alert-sub-title {
font-size: 16px;
}
.alert-wp .alert-message,
.alert-wp .alert-input-group {
padding: 0 22px 8px 22px;
color: #000;
}
.alert-wp .alert-message {
max-height: 240px;
font-size: 13px;
}
.alert-wp .alert-message:empty {
padding: 0;
}
.alert-wp .alert-input {
margin: 5px 0 5px 0;
padding: 0 8px;
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem;
color: #000;
}
.alert-wp .alert-input:focus {
border-color: #387ef5;
}
.alert-wp .alert-radio-group,
.alert-wp .alert-checkbox-group {
position: relative;
overflow: auto;
max-height: 240px;
}
.alert-wp .alert-tappable {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 4.4rem;
}
.alert-wp .alert-radio-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 13px 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.alert-wp .alert-radio-icon {
position: relative;
top: 0;
left: 13px;
display: block;
margin: 0;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
border-color: rgba(0, 0, 0, 0.5);
}
.alert-wp .alert-radio-inner {
position: absolute;
top: 2px;
left: 2px;
display: none;
width: 8px;
height: 8px;
border-radius: 50%;
background: #387ef5;
}
.alert-wp [aria-checked=true] .alert-radio-label {
color: #000;
}
.alert-wp [aria-checked=true] .alert-radio-icon {
border-color: rgba(0, 0, 0, 0.5);
}
.alert-wp [aria-checked=true] .alert-radio-inner {
display: block;
}
.alert-wp .alert-checkbox-label {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 13px 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.alert-wp [aria-checked=true] .alert-checkbox-label {
color: initial;
}
.alert-wp .alert-checkbox-icon {
position: relative;
top: 0;
left: 13px;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 0;
border-color: rgba(0, 0, 0, 0.5);
background: transparent;
}
.alert-wp [aria-checked=true] .alert-checkbox-icon {
border-color: #387ef5;
background: #387ef5;
}
.alert-wp [aria-checked=true] .alert-checkbox-inner {
position: absolute;
top: -2px;
left: 3px;
width: 6px;
height: 12px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.alert-wp .alert-button-group {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px 22px 20px 22px;
}
.alert-wp .alert-button-group-vertical .alert-button {
margin-top: 5px;
width: 100%;
}
.alert-wp .alert-button-group-vertical .alert-button:first-child:not(:only-child) {
margin-top: 0;
margin-right: 0;
}
.alert-wp .alert-button {
padding: 5px;
width: 49.5%;
border-radius: 0;
font-weight: 400;
color: #000;
background: #b8b8b8;
}
.alert-wp .alert-button:first-child:not(:only-child) {
margin-right: 1%;
}
.alert-wp .alert-button.activated {
background: darkgray;
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
b,
strong {
font-weight: bold;
}
img {
max-width: 100%;
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 1px;
border-width: 0;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
label,
input,
select,
textarea {
font-family: inherit;
line-height: normal;
}
textarea {
overflow: auto;
height: auto;
font: inherit;
color: inherit;
}
textarea::-webkit-input-placeholder {
padding-left: 2px;
}
textarea:-ms-input-placeholder {
padding-left: 2px;
}
textarea::placeholder {
padding-left: 2px;
}
form,
input,
optgroup,
select {
margin: 0;
font: inherit;
color: inherit;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
a ion-label,
button ion-label {
pointer-events: none;
}
button {
border: 0;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
line-height: 1;
text-transform: none;
cursor: pointer;
-webkit-appearance: button;
}
[tappable] {
cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
box-sizing: border-box;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.hide,
[hidden],
template {
display: none !important;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
:focus,
:active {
outline: none;
}
.focus-outline :focus {
outline: thin dotted;
outline-offset: -1px;
}
.focus-outline button:focus,
.focus-outline [ion-button]:focus {
border-color: #51a7e8;
outline: 2px solid #51a7e8;
box-shadow: 0 0 8px 1px #51a7e8;
}
ion-input :focus {
outline: none;
}
.click-block {
display: none;
}
.click-block-enabled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
display: block;
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0) translateY(1px);
transform: translate3d(0, -100%, 0) translateY(1px);
contain: strict;
}
.click-block-active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
html {
width: 100%;
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
position: fixed;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-user-drag: none;
-ms-content-zooming: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
word-wrap: break-word;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
ion-nav,
ion-tab,
ion-tabs {
overflow: hidden;
}
ion-tab {
display: none;
}
ion-tab.show-tab {
display: block;
}
ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root,
.ion-page {
contain: strict;
}
.ion-page {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
}
.ion-page.show-page {
opacity: 1;
}
ion-header {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
width: 100%;
}
ion-footer {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: block;
width: 100%;
}
[app-viewport],
[overlay-portal],
[nav-viewport],
[tab-portal],
.nav-decor {
display: none;
}
ion-app.ios {
font-family: -apple-system, "Helvetica Neue", "Roboto", sans-serif;
font-size: 1.4rem;
background-color: #fff;
}
ion-app.md {
font-family: "Roboto", "Helvetica Neue", sans-serif;
font-size: 1.4rem;
background-color: #fff;
}
ion-app.wp {
font-family: "Segoe UI", "Noto Sans", sans-serif;
font-size: 1.4rem;
background-color: #fff;
}
ion-backdrop {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: .01;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
ion-backdrop.backdrop-no-tappable {
cursor: auto;
}
ion-badge {
display: inline-block;
padding: 3px 8px;
min-width: 10px;
font-size: 1.3rem;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
ion-badge:empty {
display: none;
}
.badge-ios {
border-radius: 10px;
color: #fff;
background-color: #387ef5;
}
.badge-ios-primary {
color: #fff;
background-color: #387ef5;
}
.badge-ios-secondary {
color: #fff;
background-color: #32db64;
}
.badge-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.badge-ios-light {
color: #000;
background-color: #f4f4f4;
}
.badge-ios-dark {
color: #fff;
background-color: #222;
}
.badge-md {
border-radius: 4px;
color: #fff;
background-color: #387ef5;
}
.badge-md-primary {
color: #fff;
background-color: #387ef5;
}
.badge-md-secondary {
color: #fff;
background-color: #32db64;
}
.badge-md-danger {
color: #fff;
background-color: #f53d3d;
}
.badge-md-light {
color: #000;
background-color: #f4f4f4;
}
.badge-md-dark {
color: #fff;
background-color: #222;
}
.badge-wp {
border-radius: 0;
color: #fff;
background-color: #387ef5;
}
.badge-wp-primary {
color: #fff;
background-color: #387ef5;
}
.badge-wp-secondary {
color: #fff;
background-color: #32db64;
}
.badge-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.badge-wp-light {
color: #000;
background-color: #f4f4f4;
}
.badge-wp-dark {
color: #fff;
background-color: #222;
}
.button {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
z-index: 0;
display: inline-block;
text-align: center;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
cursor: pointer;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
transition: background-color, opacity 100ms linear;
-webkit-font-kerning: none;
font-kerning: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
contain: content;
}
.button-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
[ion-button] {
text-decoration: none;
}
a[disabled],
button[disabled],
[ion-button][disabled] {
cursor: default;
opacity: .4;
pointer-events: none;
}
.button-block {
display: block;
clear: both;
width: 100%;
contain: strict;
}
.button-block::after {
clear: both;
}
.button-full {
display: block;
width: 100%;
contain: strict;
}
.button-full.button-outline {
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
[icon-left] ion-icon {
font-size: 1.4em;
line-height: .67;
pointer-events: none;
padding-right: .3em;
}
[icon-right] ion-icon {
font-size: 1.4em;
line-height: .67;
pointer-events: none;
padding-left: .4em;
}
.button[icon-only] {
padding: 0;
min-width: .9em;
}
[icon-only] ion-icon {
padding: 0 .5em;
font-size: 1.8em;
line-height: .67;
pointer-events: none;
}
.button-ios {
margin: 0.4rem 0.2rem;
padding: 0 1em;
height: 2.8em;
border-radius: 4px;
font-size: 1.6rem;
color: #fff;
background-color: #387ef5;
}
.button-ios.activated {
background-color: #3474e1;
opacity: 1;
}
.button-ios:hover:not(.disable-hover) {
opacity: 0.8;
}
.button-large-ios {
padding: 0 1em;
height: 2.8em;
font-size: 2rem;
}
.button-small-ios {
padding: 0 0.9em;
height: 2.1em;
font-size: 1.3rem;
}
.button-small-ios[icon-only] ion-icon {
font-size: 1.3em;
}
.button-block-ios {
margin-right: 0;
margin-left: 0;
}
.button-full-ios {
margin-right: 0;
margin-left: 0;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
.button-outline-ios {
border-width: 1px;
border-style: solid;
border-radius: 4px;
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.button-outline-ios.activated {
color: #fff;
background-color: #387ef5;
opacity: 1;
}
.button-clear-ios {
border-color: transparent;
color: #387ef5;
background-color: transparent;
}
.button-clear-ios.activated {
background-color: transparent;
opacity: 0.4;
}
.button-clear-ios:hover:not(.disable-hover) {
color: #387ef5;
opacity: 0.6;
}
.button-round-ios {
padding: 0 2.6rem;
border-radius: 64px;
}
.button-ios-primary {
color: #fff;
background-color: #387ef5;
}
.button-ios-primary.activated {
background-color: #3474e1;
}
.button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.button-clear-ios-primary {
border-color: transparent;
color: #387ef5;
background-color: transparent;
}
.button-clear-ios-primary.activated {
opacity: 0.4;
}
.button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.button-ios-secondary {
color: #fff;
background-color: #32db64;
}
.button-ios-secondary.activated {
background-color: #2ec95c;
}
.button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.button-clear-ios-secondary {
border-color: transparent;
color: #32db64;
background-color: transparent;
}
.button-clear-ios-secondary.activated {
opacity: 0.4;
}
.button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.button-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.button-ios-danger.activated {
background-color: #e13838;
}
.button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.button-clear-ios-danger {
border-color: transparent;
color: #f53d3d;
background-color: transparent;
}
.button-clear-ios-danger.activated {
opacity: 0.4;
}
.button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.button-ios-light {
color: #000;
background-color: #f4f4f4;
}
.button-ios-light.activated {
background-color: #e0e0e0;
}
.button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.button-clear-ios-light {
border-color: transparent;
color: #f4f4f4;
background-color: transparent;
}
.button-clear-ios-light.activated {
opacity: 0.4;
}
.button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.button-ios-dark {
color: #fff;
background-color: #222;
}
.button-ios-dark.activated {
background-color: #343434;
}
.button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.button-clear-ios-dark {
border-color: transparent;
color: #222;
background-color: transparent;
}
.button-clear-ios-dark.activated {
opacity: 0.4;
}
.button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.button-strong-ios {
font-weight: 600;
}
.button-md {
overflow: hidden;
margin: 0.4rem 0.2rem;
padding: 0 1.1em;
height: 3.6rem;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: #387ef5;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.button-md:hover:not(.disable-hover) {
background-color: #387ef5;
}
.button-md.activated {
background-color: #3474e1;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21);
}
.button-md .button-effect {
background-color: #fff;
}
.button-large-md {
padding: 0 1em;
height: 2.8em;
font-size: 2rem;
}
.button-small-md {
padding: 0 0.9em;
height: 2.1em;
font-size: 1.3rem;
}
.button-small-md[icon-only] ion-icon {
font-size: 1.4em;
}
.button-block-md {
margin-right: 0;
margin-left: 0;
}
.button-full-md {
margin-right: 0;
margin-left: 0;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
.button-outline-md {
border-width: 1px;
border-style: solid;
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
box-shadow: none;
}
.button-outline-md:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-md.activated {
background-color: transparent;
box-shadow: none;
opacity: 1;
}
.button-outline-md .button-effect {
background-color: #387ef5;
}
.button-clear-md {
border-color: transparent;
color: #387ef5;
background-color: transparent;
box-shadow: none;
opacity: 1;
}
.button-clear-md.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none;
}
.button-clear-md:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-clear-md .button-effect {
background-color: #999;
}
.button-round-md {
padding: 0 2.6rem;
border-radius: 64px;
}
.button-md [icon-only] {
padding: 0;
}
.button-effect {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: none;
border-radius: 50%;
background-color: #555;
opacity: .2;
-webkit-transform-origin: center center;
transform-origin: center center;
transition-timing-function: ease-in-out;
pointer-events: none;
}
.md .button-effect {
display: block;
}
.button-md-primary {
color: #fff;
background-color: #387ef5;
}
.button-md-primary:hover:not(.disable-hover) {
background-color: #387ef5;
}
.button-md-primary.activated {
background-color: #3474e1;
opacity: 1;
}
.button-md-primary .button-effect {
background-color: #fff;
}
.button-outline-md-primary {
border-color: #3578e9;
color: #3578e9;
background-color: transparent;
}
.button-outline-md-primary:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-md-primary.activated {
background-color: transparent;
}
.button-outline-md-primary .button-effect {
background-color: #3578e9;
}
.button-clear-md-primary {
border-color: transparent;
color: #387ef5;
background-color: transparent;
}
.button-clear-md-primary.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none;
}
.button-clear-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.button-md-secondary {
color: #fff;
background-color: #32db64;
}
.button-md-secondary:hover:not(.disable-hover) {
background-color: #32db64;
}
.button-md-secondary.activated {
background-color: #2ec95c;
opacity: 1;
}
.button-md-secondary .button-effect {
background-color: #fff;
}
.button-outline-md-secondary {
border-color: #30d05f;
color: #30d05f;
background-color: transparent;
}
.button-outline-md-secondary:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-md-secondary.activated {
background-color: transparent;
}
.button-outline-md-secondary .button-effect {
background-color: #30d05f;
}
.button-clear-md-secondary {
border-color: transparent;
color: #32db64;
background-color: transparent;
}
.button-clear-md-secondary.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none;
}
.button-clear-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.button-md-danger {
color: #fff;
background-color: #f53d3d;
}
.button-md-danger:hover:not(.disable-hover) {
background-color: #f53d3d;
}
.button-md-danger.activated {
background-color: #e13838;
opacity: 1;
}
.button-md-danger .button-effect {
background-color: #fff;
}
.button-outline-md-danger {
border-color: #e93a3a;
color: #e93a3a;
background-color: transparent;
}
.button-outline-md-danger:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-md-danger.activated {
background-color: transparent;
}
.button-outline-md-danger .button-effect {
background-color: #e93a3a;
}
.button-clear-md-danger {
border-color: transparent;
color: #f53d3d;
background-color: transparent;
}
.button-clear-md-danger.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none;
}
.button-clear-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.button-md-light {
color: #000;
background-color: #f4f4f4;
}
.button-md-light:hover:not(.disable-hover) {
background-color: #f4f4f4;
}
.button-md-light.activated {
background-color: #e0e0e0;
opacity: 1;
}
.button-md-light .button-effect {
background-color: #000;
}
.button-outline-md-light {
border-color: #e8e8e8;
color: #e8e8e8;
background-color: transparent;
}
.button-outline-md-light:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-md-light.activated {
background-color: transparent;
}
.button-outline-md-light .button-effect {
background-color: #e8e8e8;
}
.button-clear-md-light {
border-color: transparent;
color: #f4f4f4;
background-color: transparent;
}
.button-clear-md-light.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none;
}
.button-clear-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.button-md-dark {
color: #fff;
background-color: #222;
}
.button-md-dark:hover:not(.disable-hover) {
background-color: #222;
}
.button-md-dark.activated {
background-color: #343434;
opacity: 1;
}
.button-md-dark .button-effect {
background-color: #fff;
}
.button-outline-md-dark {
border-color: #2d2d2d;
color: #2d2d2d;
background-color: transparent;
}
.button-outline-md-dark:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-md-dark.activated {
background-color: transparent;
}
.button-outline-md-dark .button-effect {
background-color: #2d2d2d;
}
.button-clear-md-dark {
border-color: transparent;
color: #222;
background-color: transparent;
}
.button-clear-md-dark.activated {
background-color: rgba(158, 158, 158, 0.2);
box-shadow: none;
}
.button-clear-md-dark:hover:not(.disable-hover) {
color: #222;
}
.button-strong-md {
font-weight: bold;
}
.button-wp {
margin: 0.4rem 0.2rem;
padding: 0 1.1em;
height: 3.6rem;
border: 3px solid transparent;
border-radius: 0;
font-size: 1.4rem;
color: #fff;
background-color: #387ef5;
}
.button-wp:hover:not(.disable-hover) {
border-color: #3474e1;
background-color: #387ef5;
}
.button-wp.activated {
background-color: #3474e1;
}
.button-large-wp {
padding: 0 1em;
height: 2.8em;
font-size: 2rem;
}
.button-small-wp {
padding: 0 0.9em;
height: 2.1em;
font-size: 1.3rem;
}
.button-small-wp[icon-only] ion-icon {
font-size: 1.4em;
}
.button-block-wp {
margin-right: 0;
margin-left: 0;
}
.button-full-wp {
margin-right: 0;
margin-left: 0;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
.button-outline-wp {
border-width: 1px;
border-style: solid;
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.button-outline-wp:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-wp.activated {
background-color: rgba(56, 126, 245, 0.16);
}
.button-clear-wp {
color: #387ef5;
background-color: transparent;
}
.button-clear-wp.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.button-clear-wp:hover:not(.disable-hover) {
background-color: rgba(158, 158, 158, 0.1);
}
.button-round-wp {
padding: 0 2.6rem;
border-radius: 64px;
}
.button-wp [icon-only] {
padding: 0;
}
.button-wp-primary {
color: #fff;
background-color: #387ef5;
}
.button-wp-primary:hover:not(.disable-hover) {
border-color: #3474e1;
background-color: #387ef5;
}
.button-wp-primary.activated {
background-color: #3474e1;
}
.button-outline-wp-primary {
border-color: #3578e9;
color: #3578e9;
background-color: transparent;
}
.button-outline-wp-primary:hover:not(.disable-hover) {
border-color: #3578e9;
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-wp-primary.activated {
background-color: rgba(53, 120, 233, 0.16);
}
.button-clear-wp-primary {
color: #387ef5;
background-color: transparent;
}
.button-clear-wp-primary.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.button-clear-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.button-wp-secondary {
color: #fff;
background-color: #32db64;
}
.button-wp-secondary:hover:not(.disable-hover) {
border-color: #2ec95c;
background-color: #32db64;
}
.button-wp-secondary.activated {
background-color: #2ec95c;
}
.button-outline-wp-secondary {
border-color: #30d05f;
color: #30d05f;
background-color: transparent;
}
.button-outline-wp-secondary:hover:not(.disable-hover) {
border-color: #30d05f;
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-wp-secondary.activated {
background-color: rgba(48, 208, 95, 0.16);
}
.button-clear-wp-secondary {
color: #32db64;
background-color: transparent;
}
.button-clear-wp-secondary.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.button-clear-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.button-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.button-wp-danger:hover:not(.disable-hover) {
border-color: #e13838;
background-color: #f53d3d;
}
.button-wp-danger.activated {
background-color: #e13838;
}
.button-outline-wp-danger {
border-color: #e93a3a;
color: #e93a3a;
background-color: transparent;
}
.button-outline-wp-danger:hover:not(.disable-hover) {
border-color: #e93a3a;
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-wp-danger.activated {
background-color: rgba(233, 58, 58, 0.16);
}
.button-clear-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.button-clear-wp-danger.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.button-clear-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.button-wp-light {
color: #000;
background-color: #f4f4f4;
}
.button-wp-light:hover:not(.disable-hover) {
border-color: #e0e0e0;
background-color: #f4f4f4;
}
.button-wp-light.activated {
background-color: #e0e0e0;
}
.button-outline-wp-light {
border-color: #e8e8e8;
color: #e8e8e8;
background-color: transparent;
}
.button-outline-wp-light:hover:not(.disable-hover) {
border-color: #e8e8e8;
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-wp-light.activated {
background-color: rgba(232, 232, 232, 0.16);
}
.button-clear-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.button-clear-wp-light.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.button-clear-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.button-wp-dark {
color: #fff;
background-color: #222;
}
.button-wp-dark:hover:not(.disable-hover) {
border-color: #343434;
background-color: #222;
}
.button-wp-dark.activated {
background-color: #343434;
}
.button-outline-wp-dark {
border-color: #2d2d2d;
color: #2d2d2d;
background-color: transparent;
}
.button-outline-wp-dark:hover:not(.disable-hover) {
border-color: #2d2d2d;
background-color: rgba(158, 158, 158, 0.1);
}
.button-outline-wp-dark.activated {
background-color: rgba(45, 45, 45, 0.16);
}
.button-clear-wp-dark {
color: #222;
background-color: transparent;
}
.button-clear-wp-dark.activated {
background-color: rgba(158, 158, 158, 0.2);
}
.button-clear-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.button-strong-wp {
font-weight: bold;
}
ion-card {
display: block;
overflow: hidden;
}
ion-card img {
display: block;
width: 100%;
}
ion-card-header {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ion-card-content {
display: block;
}
.card-ios {
margin: 12px 12px 12px 12px;
width: calc(100% - 24px);
border-radius: 2px;
font-size: 1.4rem;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.card-ios ion-list {
margin-bottom: 0;
}
.card-ios > .item:last-child,
.card-ios > .item:last-child .item-inner,
.card-ios > .item-wrapper:last-child .item {
border-bottom: 0;
}
.card-ios .item-ios.item-block .item-inner {
border: 0;
}
.card-content-ios {
padding: 13px 16px 14px 16px;
font-size: 1.4rem;
line-height: 1.4;
}
.card-header-ios {
padding: 16px;
font-size: 1.6rem;
font-weight: 500;
color: #333;
}
.card-header-ios + .card-content-ios,
.card-ios .item + .card-content-ios {
padding-top: 0;
}
.card .note-ios {
font-size: 1.3rem;
}
.card-title-ios {
display: block;
margin: 2px 0 2px;
padding: 8px 0 8px 0;
font-size: 1.8rem;
line-height: 1.2;
color: #222;
}
.card-ios h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
}
.card-ios h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
}
.card-ios h3,
.card-ios h4,
.card-ios h5,
.card-ios h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
}
.card-ios p {
margin: 0 0 2px;
font-size: 1.4rem;
color: #666;
}
.card-ios + ion-card {
margin-top: 0;
}
.card-ios .text-ios-primary {
color: #387ef5;
}
.card-ios-primary {
color: #fff;
background-color: #387ef5;
}
.card-ios-primary .card-header-ios,
.card-ios-primary .card-title-ios,
.card-ios-primary .card-content-ios,
.card-ios-primary p {
color: #fff;
}
.card-ios-primary .text-ios-primary,
.card-ios-primary .card-header-ios-primary,
.card-ios-primary .card-title-ios-primary,
.card-ios-primary .card-content-ios-primary {
color: #387ef5;
}
.card-ios-primary .text-ios-secondary,
.card-ios-primary .card-header-ios-secondary,
.card-ios-primary .card-title-ios-secondary,
.card-ios-primary .card-content-ios-secondary {
color: #32db64;
}
.card-ios-primary .text-ios-danger,
.card-ios-primary .card-header-ios-danger,
.card-ios-primary .card-title-ios-danger,
.card-ios-primary .card-content-ios-danger {
color: #f53d3d;
}
.card-ios-primary .text-ios-light,
.card-ios-primary .card-header-ios-light,
.card-ios-primary .card-title-ios-light,
.card-ios-primary .card-content-ios-light {
color: #f4f4f4;
}
.card-ios-primary .text-ios-dark,
.card-ios-primary .card-header-ios-dark,
.card-ios-primary .card-title-ios-dark,
.card-ios-primary .card-content-ios-dark {
color: #222;
}
.card-header-ios-primary,
.card-title-ios-primary,
.card-content-ios-primary {
color: #387ef5;
}
.card-ios .text-ios-secondary {
color: #32db64;
}
.card-ios-secondary {
color: #fff;
background-color: #32db64;
}
.card-ios-secondary .card-header-ios,
.card-ios-secondary .card-title-ios,
.card-ios-secondary .card-content-ios,
.card-ios-secondary p {
color: #fff;
}
.card-ios-secondary .text-ios-primary,
.card-ios-secondary .card-header-ios-primary,
.card-ios-secondary .card-title-ios-primary,
.card-ios-secondary .card-content-ios-primary {
color: #387ef5;
}
.card-ios-secondary .text-ios-secondary,
.card-ios-secondary .card-header-ios-secondary,
.card-ios-secondary .card-title-ios-secondary,
.card-ios-secondary .card-content-ios-secondary {
color: #32db64;
}
.card-ios-secondary .text-ios-danger,
.card-ios-secondary .card-header-ios-danger,
.card-ios-secondary .card-title-ios-danger,
.card-ios-secondary .card-content-ios-danger {
color: #f53d3d;
}
.card-ios-secondary .text-ios-light,
.card-ios-secondary .card-header-ios-light,
.card-ios-secondary .card-title-ios-light,
.card-ios-secondary .card-content-ios-light {
color: #f4f4f4;
}
.card-ios-secondary .text-ios-dark,
.card-ios-secondary .card-header-ios-dark,
.card-ios-secondary .card-title-ios-dark,
.card-ios-secondary .card-content-ios-dark {
color: #222;
}
.card-header-ios-secondary,
.card-title-ios-secondary,
.card-content-ios-secondary {
color: #32db64;
}
.card-ios .text-ios-danger {
color: #f53d3d;
}
.card-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.card-ios-danger .card-header-ios,
.card-ios-danger .card-title-ios,
.card-ios-danger .card-content-ios,
.card-ios-danger p {
color: #fff;
}
.card-ios-danger .text-ios-primary,
.card-ios-danger .card-header-ios-primary,
.card-ios-danger .card-title-ios-primary,
.card-ios-danger .card-content-ios-primary {
color: #387ef5;
}
.card-ios-danger .text-ios-secondary,
.card-ios-danger .card-header-ios-secondary,
.card-ios-danger .card-title-ios-secondary,
.card-ios-danger .card-content-ios-secondary {
color: #32db64;
}
.card-ios-danger .text-ios-danger,
.card-ios-danger .card-header-ios-danger,
.card-ios-danger .card-title-ios-danger,
.card-ios-danger .card-content-ios-danger {
color: #f53d3d;
}
.card-ios-danger .text-ios-light,
.card-ios-danger .card-header-ios-light,
.card-ios-danger .card-title-ios-light,
.card-ios-danger .card-content-ios-light {
color: #f4f4f4;
}
.card-ios-danger .text-ios-dark,
.card-ios-danger .card-header-ios-dark,
.card-ios-danger .card-title-ios-dark,
.card-ios-danger .card-content-ios-dark {
color: #222;
}
.card-header-ios-danger,
.card-title-ios-danger,
.card-content-ios-danger {
color: #f53d3d;
}
.card-ios .text-ios-light {
color: #f4f4f4;
}
.card-ios-light {
color: #000;
background-color: #f4f4f4;
}
.card-ios-light .card-header-ios,
.card-ios-light .card-title-ios,
.card-ios-light .card-content-ios,
.card-ios-light p {
color: #000;
}
.card-ios-light .text-ios-primary,
.card-ios-light .card-header-ios-primary,
.card-ios-light .card-title-ios-primary,
.card-ios-light .card-content-ios-primary {
color: #387ef5;
}
.card-ios-light .text-ios-secondary,
.card-ios-light .card-header-ios-secondary,
.card-ios-light .card-title-ios-secondary,
.card-ios-light .card-content-ios-secondary {
color: #32db64;
}
.card-ios-light .text-ios-danger,
.card-ios-light .card-header-ios-danger,
.card-ios-light .card-title-ios-danger,
.card-ios-light .card-content-ios-danger {
color: #f53d3d;
}
.card-ios-light .text-ios-light,
.card-ios-light .card-header-ios-light,
.card-ios-light .card-title-ios-light,
.card-ios-light .card-content-ios-light {
color: #f4f4f4;
}
.card-ios-light .text-ios-dark,
.card-ios-light .card-header-ios-dark,
.card-ios-light .card-title-ios-dark,
.card-ios-light .card-content-ios-dark {
color: #222;
}
.card-header-ios-light,
.card-title-ios-light,
.card-content-ios-light {
color: #f4f4f4;
}
.card-ios .text-ios-dark {
color: #222;
}
.card-ios-dark {
color: #fff;
background-color: #222;
}
.card-ios-dark .card-header-ios,
.card-ios-dark .card-title-ios,
.card-ios-dark .card-content-ios,
.card-ios-dark p {
color: #fff;
}
.card-ios-dark .text-ios-primary,
.card-ios-dark .card-header-ios-primary,
.card-ios-dark .card-title-ios-primary,
.card-ios-dark .card-content-ios-primary {
color: #387ef5;
}
.card-ios-dark .text-ios-secondary,
.card-ios-dark .card-header-ios-secondary,
.card-ios-dark .card-title-ios-secondary,
.card-ios-dark .card-content-ios-secondary {
color: #32db64;
}
.card-ios-dark .text-ios-danger,
.card-ios-dark .card-header-ios-danger,
.card-ios-dark .card-title-ios-danger,
.card-ios-dark .card-content-ios-danger {
color: #f53d3d;
}
.card-ios-dark .text-ios-light,
.card-ios-dark .card-header-ios-light,
.card-ios-dark .card-title-ios-light,
.card-ios-dark .card-content-ios-light {
color: #f4f4f4;
}
.card-ios-dark .text-ios-dark,
.card-ios-dark .card-header-ios-dark,
.card-ios-dark .card-title-ios-dark,
.card-ios-dark .card-content-ios-dark {
color: #222;
}
.card-header-ios-dark,
.card-title-ios-dark,
.card-content-ios-dark {
color: #222;
}
.card-md {
margin: 10px 10px 10px 10px;
width: calc(100% - 20px);
border-radius: 2px;
font-size: 1.4rem;
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card-md ion-list {
margin-bottom: 0;
}
.card-md > .item:last-child,
.card-md > .item:last-child .item-inner,
.card-md > .item-wrapper:last-child .item {
border-bottom: 0;
}
.card-md .item-md.item-block .item-inner {
border: 0;
}
.card-content-md {
padding: 13px 16px 13px 16px;
font-size: 1.4rem;
line-height: 1.5;
}
.card-header-md {
padding: 16px;
font-size: 1.6rem;
color: #222;
}
.card-header-md + .card-content-md,
.card-md .item + .card-content-md {
padding-top: 0;
}
.card .note-md {
font-size: 1.3rem;
}
.card-title-md {
display: block;
margin: 2px 0 2px;
padding: 8px 0 8px 0;
font-size: 2.4rem;
line-height: 1.2;
color: #222;
}
.card-md h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
color: #222;
}
.card-md h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
color: #222;
}
.card-md h3,
.card-md h4,
.card-md h5,
.card-md h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
color: #222;
}
.card-md p {
margin: 0 0 2px;
font-size: 1.4rem;
font-weight: normal;
line-height: 1.5;
color: #222;
}
.card-md + ion-card {
margin-top: 0;
}
.card-md .text-md-primary {
color: #387ef5;
}
.card-md-primary {
color: #fff;
background-color: #387ef5;
}
.card-md-primary .card-header-md,
.card-md-primary .card-title-md,
.card-md-primary .card-content-md,
.card-md-primary h1,
.card-md-primary h2,
.card-md-primary h3,
.card-md-primary h4,
.card-md-primary h5,
.card-md-primary h6,
.card-md-primary p {
color: #fff;
}
.card-md-primary .text-md-primary,
.card-md-primary .card-header-md-primary,
.card-md-primary .card-title-md-primary,
.card-md-primary .card-content-md-primary {
color: #387ef5;
}
.card-md-primary .text-md-secondary,
.card-md-primary .card-header-md-secondary,
.card-md-primary .card-title-md-secondary,
.card-md-primary .card-content-md-secondary {
color: #32db64;
}
.card-md-primary .text-md-danger,
.card-md-primary .card-header-md-danger,
.card-md-primary .card-title-md-danger,
.card-md-primary .card-content-md-danger {
color: #f53d3d;
}
.card-md-primary .text-md-light,
.card-md-primary .card-header-md-light,
.card-md-primary .card-title-md-light,
.card-md-primary .card-content-md-light {
color: #f4f4f4;
}
.card-md-primary .text-md-dark,
.card-md-primary .card-header-md-dark,
.card-md-primary .card-title-md-dark,
.card-md-primary .card-content-md-dark {
color: #222;
}
.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
color: #387ef5;
}
.card-md .text-md-secondary {
color: #32db64;
}
.card-md-secondary {
color: #fff;
background-color: #32db64;
}
.card-md-secondary .card-header-md,
.card-md-secondary .card-title-md,
.card-md-secondary .card-content-md,
.card-md-secondary h1,
.card-md-secondary h2,
.card-md-secondary h3,
.card-md-secondary h4,
.card-md-secondary h5,
.card-md-secondary h6,
.card-md-secondary p {
color: #fff;
}
.card-md-secondary .text-md-primary,
.card-md-secondary .card-header-md-primary,
.card-md-secondary .card-title-md-primary,
.card-md-secondary .card-content-md-primary {
color: #387ef5;
}
.card-md-secondary .text-md-secondary,
.card-md-secondary .card-header-md-secondary,
.card-md-secondary .card-title-md-secondary,
.card-md-secondary .card-content-md-secondary {
color: #32db64;
}
.card-md-secondary .text-md-danger,
.card-md-secondary .card-header-md-danger,
.card-md-secondary .card-title-md-danger,
.card-md-secondary .card-content-md-danger {
color: #f53d3d;
}
.card-md-secondary .text-md-light,
.card-md-secondary .card-header-md-light,
.card-md-secondary .card-title-md-light,
.card-md-secondary .card-content-md-light {
color: #f4f4f4;
}
.card-md-secondary .text-md-dark,
.card-md-secondary .card-header-md-dark,
.card-md-secondary .card-title-md-dark,
.card-md-secondary .card-content-md-dark {
color: #222;
}
.card-header-md-secondary,
.card-title-md-secondary,
.card-content-md-secondary {
color: #32db64;
}
.card-md .text-md-danger {
color: #f53d3d;
}
.card-md-danger {
color: #fff;
background-color: #f53d3d;
}
.card-md-danger .card-header-md,
.card-md-danger .card-title-md,
.card-md-danger .card-content-md,
.card-md-danger h1,
.card-md-danger h2,
.card-md-danger h3,
.card-md-danger h4,
.card-md-danger h5,
.card-md-danger h6,
.card-md-danger p {
color: #fff;
}
.card-md-danger .text-md-primary,
.card-md-danger .card-header-md-primary,
.card-md-danger .card-title-md-primary,
.card-md-danger .card-content-md-primary {
color: #387ef5;
}
.card-md-danger .text-md-secondary,
.card-md-danger .card-header-md-secondary,
.card-md-danger .card-title-md-secondary,
.card-md-danger .card-content-md-secondary {
color: #32db64;
}
.card-md-danger .text-md-danger,
.card-md-danger .card-header-md-danger,
.card-md-danger .card-title-md-danger,
.card-md-danger .card-content-md-danger {
color: #f53d3d;
}
.card-md-danger .text-md-light,
.card-md-danger .card-header-md-light,
.card-md-danger .card-title-md-light,
.card-md-danger .card-content-md-light {
color: #f4f4f4;
}
.card-md-danger .text-md-dark,
.card-md-danger .card-header-md-dark,
.card-md-danger .card-title-md-dark,
.card-md-danger .card-content-md-dark {
color: #222;
}
.card-header-md-danger,
.card-title-md-danger,
.card-content-md-danger {
color: #f53d3d;
}
.card-md .text-md-light {
color: #f4f4f4;
}
.card-md-light {
color: #000;
background-color: #f4f4f4;
}
.card-md-light .card-header-md,
.card-md-light .card-title-md,
.card-md-light .card-content-md,
.card-md-light h1,
.card-md-light h2,
.card-md-light h3,
.card-md-light h4,
.card-md-light h5,
.card-md-light h6,
.card-md-light p {
color: #000;
}
.card-md-light .text-md-primary,
.card-md-light .card-header-md-primary,
.card-md-light .card-title-md-primary,
.card-md-light .card-content-md-primary {
color: #387ef5;
}
.card-md-light .text-md-secondary,
.card-md-light .card-header-md-secondary,
.card-md-light .card-title-md-secondary,
.card-md-light .card-content-md-secondary {
color: #32db64;
}
.card-md-light .text-md-danger,
.card-md-light .card-header-md-danger,
.card-md-light .card-title-md-danger,
.card-md-light .card-content-md-danger {
color: #f53d3d;
}
.card-md-light .text-md-light,
.card-md-light .card-header-md-light,
.card-md-light .card-title-md-light,
.card-md-light .card-content-md-light {
color: #f4f4f4;
}
.card-md-light .text-md-dark,
.card-md-light .card-header-md-dark,
.card-md-light .card-title-md-dark,
.card-md-light .card-content-md-dark {
color: #222;
}
.card-header-md-light,
.card-title-md-light,
.card-content-md-light {
color: #f4f4f4;
}
.card-md .text-md-dark {
color: #222;
}
.card-md-dark {
color: #fff;
background-color: #222;
}
.card-md-dark .card-header-md,
.card-md-dark .card-title-md,
.card-md-dark .card-content-md,
.card-md-dark h1,
.card-md-dark h2,
.card-md-dark h3,
.card-md-dark h4,
.card-md-dark h5,
.card-md-dark h6,
.card-md-dark p {
color: #fff;
}
.card-md-dark .text-md-primary,
.card-md-dark .card-header-md-primary,
.card-md-dark .card-title-md-primary,
.card-md-dark .card-content-md-primary {
color: #387ef5;
}
.card-md-dark .text-md-secondary,
.card-md-dark .card-header-md-secondary,
.card-md-dark .card-title-md-secondary,
.card-md-dark .card-content-md-secondary {
color: #32db64;
}
.card-md-dark .text-md-danger,
.card-md-dark .card-header-md-danger,
.card-md-dark .card-title-md-danger,
.card-md-dark .card-content-md-danger {
color: #f53d3d;
}
.card-md-dark .text-md-light,
.card-md-dark .card-header-md-light,
.card-md-dark .card-title-md-light,
.card-md-dark .card-content-md-light {
color: #f4f4f4;
}
.card-md-dark .text-md-dark,
.card-md-dark .card-header-md-dark,
.card-md-dark .card-title-md-dark,
.card-md-dark .card-content-md-dark {
color: #222;
}
.card-header-md-dark,
.card-title-md-dark,
.card-content-md-dark {
color: #222;
}
.card-wp {
margin: 8px 8px 8px 8px;
width: calc(100% - 16px);
border-radius: 1px;
font-size: 1.4rem;
background: #fff;
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.card-wp ion-list {
margin-bottom: 0;
}
.card-wp > .item:last-child,
.card-wp > .item:last-child .item-inner,
.card-wp > .item-wrapper:last-child .item {
border-bottom: 0;
}
.card-wp .item-wp.item-block .item-inner {
border: 0;
}
.card-content-wp {
padding: 13px 16px 13px 16px;
font-size: 1.4rem;
line-height: 1.5;
}
.card-header-wp {
padding: 16px;
font-size: 1.6rem;
color: #222;
}
.card-header-wp + .card-content-wp,
.card-wp .item + .card-content-wp {
padding-top: 0;
}
.card .note-wp {
font-size: 1.3rem;
}
.card-title-wp {
display: block;
margin: 2px 0;
padding: 8px 0 8px 0;
font-size: 2.4rem;
line-height: 1.2;
color: #222;
}
.card-wp h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
color: #222;
}
.card-wp h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
color: #222;
}
.card-wp h3,
.card-wp h4,
.card-wp h5,
.card-wp h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
color: #222;
}
.card-wp p {
margin: 0 0 2px;
font-size: 1.4rem;
font-weight: normal;
line-height: 1.5;
color: #222;
}
.card-wp + ion-card {
margin-top: 0;
}
.card-wp .text-wp-primary {
color: #387ef5;
}
.card-wp-primary {
color: #fff;
background-color: #387ef5;
}
.card-wp-primary .card-header-wp,
.card-wp-primary .card-title-wp,
.card-wp-primary .card-content-wp,
.card-wp-primary h1,
.card-wp-primary h2,
.card-wp-primary h3,
.card-wp-primary h4,
.card-wp-primary h5,
.card-wp-primary h6,
.card-wp-primary p {
color: #fff;
}
.card-wp-primary .text-wp-primary,
.card-wp-primary .card-header-wp-primary,
.card-wp-primary .card-title-wp-primary,
.card-wp-primary .card-content-wp-primary {
color: #387ef5;
}
.card-wp-primary .text-wp-secondary,
.card-wp-primary .card-header-wp-secondary,
.card-wp-primary .card-title-wp-secondary,
.card-wp-primary .card-content-wp-secondary {
color: #32db64;
}
.card-wp-primary .text-wp-danger,
.card-wp-primary .card-header-wp-danger,
.card-wp-primary .card-title-wp-danger,
.card-wp-primary .card-content-wp-danger {
color: #f53d3d;
}
.card-wp-primary .text-wp-light,
.card-wp-primary .card-header-wp-light,
.card-wp-primary .card-title-wp-light,
.card-wp-primary .card-content-wp-light {
color: #f4f4f4;
}
.card-wp-primary .text-wp-dark,
.card-wp-primary .card-header-wp-dark,
.card-wp-primary .card-title-wp-dark,
.card-wp-primary .card-content-wp-dark {
color: #222;
}
.card-header-wp-primary,
.card-title-wp-primary,
.card-content-wp-primary {
color: #387ef5;
}
.card-wp .text-wp-secondary {
color: #32db64;
}
.card-wp-secondary {
color: #fff;
background-color: #32db64;
}
.card-wp-secondary .card-header-wp,
.card-wp-secondary .card-title-wp,
.card-wp-secondary .card-content-wp,
.card-wp-secondary h1,
.card-wp-secondary h2,
.card-wp-secondary h3,
.card-wp-secondary h4,
.card-wp-secondary h5,
.card-wp-secondary h6,
.card-wp-secondary p {
color: #fff;
}
.card-wp-secondary .text-wp-primary,
.card-wp-secondary .card-header-wp-primary,
.card-wp-secondary .card-title-wp-primary,
.card-wp-secondary .card-content-wp-primary {
color: #387ef5;
}
.card-wp-secondary .text-wp-secondary,
.card-wp-secondary .card-header-wp-secondary,
.card-wp-secondary .card-title-wp-secondary,
.card-wp-secondary .card-content-wp-secondary {
color: #32db64;
}
.card-wp-secondary .text-wp-danger,
.card-wp-secondary .card-header-wp-danger,
.card-wp-secondary .card-title-wp-danger,
.card-wp-secondary .card-content-wp-danger {
color: #f53d3d;
}
.card-wp-secondary .text-wp-light,
.card-wp-secondary .card-header-wp-light,
.card-wp-secondary .card-title-wp-light,
.card-wp-secondary .card-content-wp-light {
color: #f4f4f4;
}
.card-wp-secondary .text-wp-dark,
.card-wp-secondary .card-header-wp-dark,
.card-wp-secondary .card-title-wp-dark,
.card-wp-secondary .card-content-wp-dark {
color: #222;
}
.card-header-wp-secondary,
.card-title-wp-secondary,
.card-content-wp-secondary {
color: #32db64;
}
.card-wp .text-wp-danger {
color: #f53d3d;
}
.card-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.card-wp-danger .card-header-wp,
.card-wp-danger .card-title-wp,
.card-wp-danger .card-content-wp,
.card-wp-danger h1,
.card-wp-danger h2,
.card-wp-danger h3,
.card-wp-danger h4,
.card-wp-danger h5,
.card-wp-danger h6,
.card-wp-danger p {
color: #fff;
}
.card-wp-danger .text-wp-primary,
.card-wp-danger .card-header-wp-primary,
.card-wp-danger .card-title-wp-primary,
.card-wp-danger .card-content-wp-primary {
color: #387ef5;
}
.card-wp-danger .text-wp-secondary,
.card-wp-danger .card-header-wp-secondary,
.card-wp-danger .card-title-wp-secondary,
.card-wp-danger .card-content-wp-secondary {
color: #32db64;
}
.card-wp-danger .text-wp-danger,
.card-wp-danger .card-header-wp-danger,
.card-wp-danger .card-title-wp-danger,
.card-wp-danger .card-content-wp-danger {
color: #f53d3d;
}
.card-wp-danger .text-wp-light,
.card-wp-danger .card-header-wp-light,
.card-wp-danger .card-title-wp-light,
.card-wp-danger .card-content-wp-light {
color: #f4f4f4;
}
.card-wp-danger .text-wp-dark,
.card-wp-danger .card-header-wp-dark,
.card-wp-danger .card-title-wp-dark,
.card-wp-danger .card-content-wp-dark {
color: #222;
}
.card-header-wp-danger,
.card-title-wp-danger,
.card-content-wp-danger {
color: #f53d3d;
}
.card-wp .text-wp-light {
color: #f4f4f4;
}
.card-wp-light {
color: #000;
background-color: #f4f4f4;
}
.card-wp-light .card-header-wp,
.card-wp-light .card-title-wp,
.card-wp-light .card-content-wp,
.card-wp-light h1,
.card-wp-light h2,
.card-wp-light h3,
.card-wp-light h4,
.card-wp-light h5,
.card-wp-light h6,
.card-wp-light p {
color: #000;
}
.card-wp-light .text-wp-primary,
.card-wp-light .card-header-wp-primary,
.card-wp-light .card-title-wp-primary,
.card-wp-light .card-content-wp-primary {
color: #387ef5;
}
.card-wp-light .text-wp-secondary,
.card-wp-light .card-header-wp-secondary,
.card-wp-light .card-title-wp-secondary,
.card-wp-light .card-content-wp-secondary {
color: #32db64;
}
.card-wp-light .text-wp-danger,
.card-wp-light .card-header-wp-danger,
.card-wp-light .card-title-wp-danger,
.card-wp-light .card-content-wp-danger {
color: #f53d3d;
}
.card-wp-light .text-wp-light,
.card-wp-light .card-header-wp-light,
.card-wp-light .card-title-wp-light,
.card-wp-light .card-content-wp-light {
color: #f4f4f4;
}
.card-wp-light .text-wp-dark,
.card-wp-light .card-header-wp-dark,
.card-wp-light .card-title-wp-dark,
.card-wp-light .card-content-wp-dark {
color: #222;
}
.card-header-wp-light,
.card-title-wp-light,
.card-content-wp-light {
color: #f4f4f4;
}
.card-wp .text-wp-dark {
color: #222;
}
.card-wp-dark {
color: #fff;
background-color: #222;
}
.card-wp-dark .card-header-wp,
.card-wp-dark .card-title-wp,
.card-wp-dark .card-content-wp,
.card-wp-dark h1,
.card-wp-dark h2,
.card-wp-dark h3,
.card-wp-dark h4,
.card-wp-dark h5,
.card-wp-dark h6,
.card-wp-dark p {
color: #fff;
}
.card-wp-dark .text-wp-primary,
.card-wp-dark .card-header-wp-primary,
.card-wp-dark .card-title-wp-primary,
.card-wp-dark .card-content-wp-primary {
color: #387ef5;
}
.card-wp-dark .text-wp-secondary,
.card-wp-dark .card-header-wp-secondary,
.card-wp-dark .card-title-wp-secondary,
.card-wp-dark .card-content-wp-secondary {
color: #32db64;
}
.card-wp-dark .text-wp-danger,
.card-wp-dark .card-header-wp-danger,
.card-wp-dark .card-title-wp-danger,
.card-wp-dark .card-content-wp-danger {
color: #f53d3d;
}
.card-wp-dark .text-wp-light,
.card-wp-dark .card-header-wp-light,
.card-wp-dark .card-title-wp-light,
.card-wp-dark .card-content-wp-light {
color: #f4f4f4;
}
.card-wp-dark .text-wp-dark,
.card-wp-dark .card-header-wp-dark,
.card-wp-dark .card-title-wp-dark,
.card-wp-dark .card-content-wp-dark {
color: #222;
}
.card-header-wp-dark,
.card-title-wp-dark,
.card-content-wp-dark {
color: #222;
}
.checkbox-ios {
position: relative;
display: inline-block;
}
.checkbox-ios .checkbox-icon {
position: relative;
width: 21px;
height: 21px;
border-width: 1px;
border-style: solid;
border-radius: 50%;
border-color: #c8c7cc;
background-color: #fff;
}
.checkbox-ios .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.checkbox-ios .checkbox-checked .checkbox-inner {
position: absolute;
top: 4px;
left: 7px;
width: 4px;
height: 9px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-ios.checkbox-disabled,
.item-ios.item-checkbox-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item.item-ios .checkbox-ios {
position: static;
display: block;
margin: 8px 16px 8px 2px;
}
.item.item-ios .checkbox-ios[item-right] {
margin: 10px 8px 9px 0;
}
.checkbox-ios-primary .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.checkbox-ios-primary .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-ios-secondary .checkbox-checked {
border-color: #32db64;
background-color: #32db64;
}
.checkbox-ios-secondary .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-ios-danger .checkbox-checked {
border-color: #f53d3d;
background-color: #f53d3d;
}
.checkbox-ios-danger .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-ios-light .checkbox-checked {
border-color: #f4f4f4;
background-color: #f4f4f4;
}
.checkbox-ios-light .checkbox-checked .checkbox-inner {
border-color: #000;
}
.checkbox-ios-dark .checkbox-checked {
border-color: #222;
background-color: #222;
}
.checkbox-ios-dark .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-md {
position: relative;
display: inline-block;
}
.checkbox-md .checkbox-icon {
position: relative;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 2px;
border-color: #787878;
background-color: #fff;
transition-duration: 280ms;
transition-property: background;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.checkbox-md .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.checkbox-md .checkbox-checked .checkbox-inner {
position: absolute;
top: 0;
left: 4px;
width: 5px;
height: 10px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-md.checkbox-disabled,
.item-md.item-checkbox-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item.item-md .checkbox-md {
position: static;
display: block;
margin: 9px 36px 9px 4px;
}
.item.item-md .checkbox-md[item-right] {
margin: 11px 10px 10px 0;
}
.checkbox-md + .item-inner ion-label {
margin-left: 0;
}
.checkbox-md-primary .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.checkbox-md-primary .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-md-secondary .checkbox-checked {
border-color: #32db64;
background-color: #32db64;
}
.checkbox-md-secondary .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-md-danger .checkbox-checked {
border-color: #f53d3d;
background-color: #f53d3d;
}
.checkbox-md-danger .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-md-light .checkbox-checked {
border-color: #f4f4f4;
background-color: #f4f4f4;
}
.checkbox-md-light .checkbox-checked .checkbox-inner {
border-color: #000;
}
.checkbox-md-dark .checkbox-checked {
border-color: #222;
background-color: #222;
}
.checkbox-md-dark .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-wp {
position: relative;
display: inline-block;
}
.checkbox-wp .checkbox-icon {
position: relative;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 0;
border-color: #333;
background-color: #fff;
}
.checkbox-wp .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.checkbox-wp .checkbox-checked .checkbox-inner {
position: absolute;
top: -2px;
left: 3px;
width: 6px;
height: 12px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-wp.checkbox-disabled,
.item-wp.item-checkbox-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item.item-wp .checkbox-wp {
position: static;
display: block;
margin: 9px 16px 9px 4px;
}
.item.item-wp .checkbox-wp[item-right] {
margin: 11px 10px 10px 0;
}
.checkbox-wp + .item-inner ion-label {
margin-left: 0;
}
.checkbox-wp-primary .checkbox-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.checkbox-wp-primary .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-wp-secondary .checkbox-checked {
border-color: #32db64;
background-color: #32db64;
}
.checkbox-wp-secondary .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-wp-danger .checkbox-checked {
border-color: #f53d3d;
background-color: #f53d3d;
}
.checkbox-wp-danger .checkbox-checked .checkbox-inner {
border-color: #fff;
}
.checkbox-wp-light .checkbox-checked {
border-color: #f4f4f4;
background-color: #f4f4f4;
}
.checkbox-wp-light .checkbox-checked .checkbox-inner {
border-color: #000;
}
.checkbox-wp-dark .checkbox-checked {
border-color: #222;
background-color: #222;
}
.checkbox-wp-dark .checkbox-checked .checkbox-inner {
border-color: #fff;
}
ion-chip {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
font-weight: normal;
vertical-align: middle;
box-sizing: border-box;
}
ion-chip .button {
margin: 0;
width: 32px;
height: 32px;
border-radius: 50%;
}
ion-chip ion-icon {
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 18px;
line-height: 32px;
}
ion-chip ion-avatar {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
border-radius: 50%;
}
ion-chip ion-avatar img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
border-radius: 50%;
}
.chip-ios {
margin: 2px 0;
height: 32px;
border-radius: 16px;
font-size: 13px;
line-height: 32px;
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.chip-ios > ion-label {
margin: 0 10px;
}
.chip-ios > ion-icon {
color: #fff;
background-color: #387ef5;
}
.chip-ios-primary,
.chip-ios .icon-ios-primary {
color: #fff;
background-color: #387ef5;
}
.chip-ios-secondary,
.chip-ios .icon-ios-secondary {
color: #fff;
background-color: #32db64;
}
.chip-ios-danger,
.chip-ios .icon-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.chip-ios-light,
.chip-ios .icon-ios-light {
color: #000;
background-color: #f4f4f4;
}
.chip-ios-dark,
.chip-ios .icon-ios-dark {
color: #fff;
background-color: #222;
}
.chip-md {
margin: 2px 0;
height: 32px;
border-radius: 16px;
font-size: 13px;
line-height: 32px;
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.chip-md > ion-label {
margin: 0 10px;
}
.chip-md > ion-icon {
color: #fff;
background-color: #387ef5;
}
.chip-md-primary,
.chip-md .icon-md-primary {
color: #fff;
background-color: #387ef5;
}
.chip-md-secondary,
.chip-md .icon-md-secondary {
color: #fff;
background-color: #32db64;
}
.chip-md-danger,
.chip-md .icon-md-danger {
color: #fff;
background-color: #f53d3d;
}
.chip-md-light,
.chip-md .icon-md-light {
color: #000;
background-color: #f4f4f4;
}
.chip-md-dark,
.chip-md .icon-md-dark {
color: #fff;
background-color: #222;
}
.chip-wp {
margin: 2px 0;
height: 32px;
border-radius: 16px;
font-size: 13px;
line-height: 32px;
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.12);
}
.chip-wp > ion-label {
margin: 0 10px;
}
.chip-wp > ion-icon {
color: #fff;
background-color: #387ef5;
}
.chip-wp .button {
border: 0;
}
.chip-wp-primary,
.chip-wp .icon-wp-primary {
color: #fff;
background-color: #387ef5;
}
.chip-wp-secondary,
.chip-wp .icon-wp-secondary {
color: #fff;
background-color: #32db64;
}
.chip-wp-danger,
.chip-wp .icon-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.chip-wp-light,
.chip-wp .icon-wp-light {
color: #000;
background-color: #f4f4f4;
}
.chip-wp-dark,
.chip-wp .icon-wp-dark {
color: #fff;
background-color: #222;
}
ion-content {
position: relative;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
contain: layout size style;
}
.ion-page > ion-content {
position: absolute;
}
a {
color: #387ef5;
}
.scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
contain: size style layout;
}
ion-content.js-scroll > .scroll-content {
position: relative;
min-height: 100%;
overflow-x: initial;
overflow-y: initial;
-webkit-overflow-scrolling: auto;
will-change: initial;
}
.disable-scroll .ion-page {
pointer-events: none;
}
.fixed-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
}
[ion-fixed] {
position: absolute;
z-index: 999;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
ion-app [no-padding],
ion-app [no-padding] .scroll-content {
padding: 0;
}
ion-app [no-margin],
ion-app [no-margin] .scroll-content {
margin: 0;
}
.content-ios {
color: #000;
background-color: #fff;
}
.content-ios.outer-content {
background: #efeff4;
}
.content-ios hr {
height: 0.55px;
background-color: rgba(0, 0, 0, 0.12);
}
.ios .ion-page.show-page ~ .nav-decor {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;
}
ion-app.ios [padding],
ion-app.ios [padding] .scroll-content {
padding: 16px;
}
ion-app.ios [padding-top],
ion-app.ios [padding-top] .scroll-content {
padding-top: 16px;
}
ion-app.ios [padding-left],
ion-app.ios [padding-left] .scroll-content {
padding-left: 16px;
}
ion-app.ios [padding-right],
ion-app.ios [padding-right] .scroll-content {
padding-right: 16px;
}
ion-app.ios [padding-bottom],
ion-app.ios [padding-bottom] .scroll-content {
padding-bottom: 16px;
}
ion-app.ios [padding-vertical],
ion-app.ios [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px;
}
ion-app.ios [padding-horizontal],
ion-app.ios [padding-horizontal] .scroll-content {
padding-right: 16px;
padding-left: 16px;
}
ion-app.ios [margin],
ion-app.ios [margin] .scroll-content {
margin: 16px;
}
ion-app.ios [margin-top],
ion-app.ios [margin-top] .scroll-content {
margin-top: 16px;
}
ion-app.ios [margin-left],
ion-app.ios [margin-left] .scroll-content {
margin-left: 16px;
}
ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
margin-right: 16px;
}
ion-app.ios [margin-bottom],
ion-app.ios [margin-bottom] .scroll-content {
margin-bottom: 16px;
}
ion-app.ios [margin-vertical],
ion-app.ios [margin-vertical] .scroll-content {
margin-top: 16px;
margin-bottom: 16px;
}
ion-app.ios [margin-horizontal],
ion-app.ios [margin-horizontal] .scroll-content {
margin-right: 16px;
margin-left: 16px;
}
.content-ios:not([no-bounce]) > .scroll-content::before,
.content-ios:not([no-bounce]) > .scroll-content::after {
position: absolute;
width: 1px;
height: 1px;
content: "";
}
.content-ios:not([no-bounce]) > .scroll-content::before {
bottom: -1px;
}
.content-ios:not([no-bounce]) > .scroll-content::after {
top: -1px;
}
.content-md {
color: #000;
background-color: #fff;
}
.content-md hr {
background-color: rgba(0, 0, 0, 0.08);
}
ion-app.md [padding],
ion-app.md [padding] .scroll-content {
padding: 16px;
}
ion-app.md [padding-top],
ion-app.md [padding-top] .scroll-content {
padding-top: 16px;
}
ion-app.md [padding-left],
ion-app.md [padding-left] .scroll-content {
padding-left: 16px;
}
ion-app.md [padding-right],
ion-app.md [padding-right] .scroll-content {
padding-right: 16px;
}
ion-app.md [padding-bottom],
ion-app.md [padding-bottom] .scroll-content {
padding-bottom: 16px;
}
ion-app.md [padding-vertical],
ion-app.md [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px;
}
ion-app.md [padding-horizontal],
ion-app.md [padding-horizontal] .scroll-content {
padding-right: 16px;
padding-left: 16px;
}
ion-app.md [margin],
ion-app.md [margin] .scroll-content {
margin: 16px;
}
ion-app.md [margin-top],
ion-app.md [margin-top] .scroll-content {
margin-top: 16px;
}
ion-app.md [margin-left],
ion-app.md [margin-left] .scroll-content {
margin-left: 16px;
}
ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
margin-right: 16px;
}
ion-app.md [margin-bottom],
ion-app.md [margin-bottom] .scroll-content {
margin-bottom: 16px;
}
ion-app.md [margin-vertical],
ion-app.md [margin-vertical] .scroll-content {
margin-top: 16px;
margin-bottom: 16px;
}
ion-app.md [margin-horizontal],
ion-app.md [margin-horizontal] .scroll-content {
margin-right: 16px;
margin-left: 16px;
}
.content-wp {
color: #000;
background-color: #fff;
}
.content-wp hr {
background-color: rgba(0, 0, 0, 0.08);
}
ion-app.wp [padding],
ion-app.wp [padding] .scroll-content {
padding: 16px;
}
ion-app.wp [padding-top],
ion-app.wp [padding-top] .scroll-content {
padding-top: 16px;
}
ion-app.wp [padding-left],
ion-app.wp [padding-left] .scroll-content {
padding-left: 16px;
}
ion-app.wp [padding-right],
ion-app.wp [padding-right] .scroll-content {
padding-right: 16px;
}
ion-app.wp [padding-bottom],
ion-app.wp [padding-bottom] .scroll-content {
padding-bottom: 16px;
}
ion-app.wp [padding-vertical],
ion-app.wp [padding-vertical] .scroll-content {
padding-top: 16px;
padding-bottom: 16px;
}
ion-app.wp [padding-horizontal],
ion-app.wp [padding-horizontal] .scroll-content {
padding-right: 16px;
padding-left: 16px;
}
ion-app.wp [margin],
ion-app.wp [margin] .scroll-content {
margin: 16px;
}
ion-app.wp [margin-top],
ion-app.wp [margin-top] .scroll-content {
margin-top: 16px;
}
ion-app.wp [margin-left],
ion-app.wp [margin-left] .scroll-content {
margin-left: 16px;
}
ion-app.wp [margin-right],
ion-app.wp [margin-right] .scroll-content {
margin-right: 16px;
}
ion-app.wp [margin-bottom],
ion-app.wp [margin-bottom] .scroll-content {
margin-bottom: 16px;
}
ion-app.wp [margin-vertical],
ion-app.wp [margin-vertical] .scroll-content {
margin-top: 16px;
margin-bottom: 16px;
}
ion-app.wp [margin-horizontal],
ion-app.wp [margin-horizontal] .scroll-content {
margin-right: 16px;
margin-left: 16px;
}
ion-datetime {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.datetime-text {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 16px;
min-height: 1.2em;
font-size: inherit;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}
.datetime-disabled,
.item-datetime-disabled ion-label {
opacity: .4;
pointer-events: none;
}
.item-label-stacked ion-datetime,
.item-label-floating ion-datetime {
padding-left: 0;
width: 100%;
}
.datetime-ios {
padding: 11px 8px 11px 16px;
}
.datetime-md {
padding: 13px 8px 13px 16px;
}
.datetime-wp {
padding: 13px 8px 13px 16px;
min-width: 45%;
}
.datetime-wp .datetime-text {
padding: 0 8px;
min-height: 3.4rem;
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem;
}
.item-datetime .datetime-wp ion-label[floating] {
-webkit-transform: translate3d(8px, 41px, 0);
transform: translate3d(8px, 41px, 0);
}
.fab {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
z-index: 0;
display: block;
overflow: hidden;
width: 56px;
height: 56px;
border-radius: 50%;
font-size: 14px;
line-height: 56px;
text-align: center;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
cursor: pointer;
transition: background-color, opacity 100ms linear;
background-clip: padding-box;
-webkit-font-kerning: none;
font-kerning: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
contain: strict;
}
.fab ion-icon {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2.4rem;
}
.fab[mini] {
margin: 8px;
width: 40px;
height: 40px;
line-height: 40px;
}
.fab[mini] .fab-close-icon {
line-height: 40px;
}
ion-fab {
position: absolute;
z-index: 999;
}
ion-fab[center] {
left: 50%;
margin-left: -28px;
}
ion-fab[middle] {
top: 50%;
margin-top: -28px;
}
ion-fab[top] {
top: 10px;
}
ion-fab[right] {
right: 10px;
}
ion-fab[bottom] {
bottom: 10px;
}
ion-fab[left] {
left: 10px;
}
ion-fab[top][edge] {
top: -28px;
}
ion-fab[bottom][edge] {
bottom: -28px;
}
ion-fab-list {
position: absolute;
top: 0;
display: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 66px 0;
min-width: 56px;
min-height: 56px;
}
.fab-in-list {
margin: 8px 0;
width: 40px;
height: 40px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
}
.fab-in-list.show {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
ion-fab-list[side=left] .fab-in-list,
ion-fab-list[side=right] .fab-in-list {
margin: 0 8px;
}
ion-fab-list[side=top] {
top: auto;
bottom: 0;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ion-fab-list[side=left] {
right: 0;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin: 0 66px;
}
ion-fab-list[side=right] {
left: 0;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 66px;
}
.fab-list-active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.fab-close-icon {
position: absolute;
top: 0;
right: 0;
left: 0;
line-height: 56px;
opacity: 0;
-webkit-transform: scale(0.4) rotateZ(-45deg);
transform: scale(0.4) rotateZ(-45deg);
transition: all ease-in-out 300ms;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.fab .button-inner {
transition: all ease-in-out 300ms;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.fab-close-active .fab-close-icon {
opacity: 1;
-webkit-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}
.fab-close-active .button-inner {
opacity: 0;
-webkit-transform: scale(0.4) rotateZ(45deg);
transform: scale(0.4) rotateZ(45deg);
}
.fab-ios {
color: #fff;
background-color: #387ef5;
}
.fab-ios.activated {
background-color: #3474e1;
}
.fab-ios-in-list {
color: #000;
background-color: #f4f4f4;
transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
}
.fab-ios-in-list.activated {
background-color: #e0e0e0;
}
.fab-ios-primary {
color: #fff;
background-color: #387ef5;
}
.fab-ios-primary.activated {
background-color: #3474e1;
}
.fab-ios-secondary {
color: #fff;
background-color: #32db64;
}
.fab-ios-secondary.activated {
background-color: #2ec95c;
}
.fab-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.fab-ios-danger.activated {
background-color: #e13838;
}
.fab-ios-light {
color: #000;
background-color: #f4f4f4;
}
.fab-ios-light.activated {
background-color: #e0e0e0;
}
.fab-ios-dark {
color: #fff;
background-color: #222;
}
.fab-ios-dark.activated {
background-color: #343434;
}
.fab-md {
color: #fff;
background-color: #387ef5;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.fab-md.activated {
background-color: #3474e1;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.fab-md-in-list {
color: #000;
background-color: #f4f4f4;
transition: opacity 200ms ease 10ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms ease 10ms;
}
.fab-md-in-list.activated {
background-color: #e0e0e0;
}
.fab-md .button-effect {
background-color: #fff;
}
.fab-md-primary {
color: #fff;
background-color: #387ef5;
}
.fab-md-primary.activated {
background-color: #3474e1;
}
.fab-md-primary .button-effect {
background-color: #fff;
}
.fab-md-secondary {
color: #fff;
background-color: #32db64;
}
.fab-md-secondary.activated {
background-color: #2ec95c;
}
.fab-md-secondary .button-effect {
background-color: #fff;
}
.fab-md-danger {
color: #fff;
background-color: #f53d3d;
}
.fab-md-danger.activated {
background-color: #e13838;
}
.fab-md-danger .button-effect {
background-color: #fff;
}
.fab-md-light {
color: #000;
background-color: #f4f4f4;
}
.fab-md-light.activated {
background-color: #e0e0e0;
}
.fab-md-light .button-effect {
background-color: #000;
}
.fab-md-dark {
color: #fff;
background-color: #222;
}
.fab-md-dark.activated {
background-color: #343434;
}
.fab-md-dark .button-effect {
background-color: #fff;
}
.fab-wp {
color: #fff;
background-color: #387ef5;
}
.fab-wp.activated {
background-color: #3474e1;
}
.fab-wp-in-list {
color: #000;
background-color: #f4f4f4;
transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;
transition: transform 200ms ease 10ms, opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
}
.fab-wp-in-list.activated {
background-color: #e0e0e0;
}
.fab-wp-primary {
color: #fff;
background-color: #387ef5;
}
.fab-wp-primary.activated {
background-color: #3474e1;
}
.fab-wp-secondary {
color: #fff;
background-color: #32db64;
}
.fab-wp-secondary.activated {
background-color: #2ec95c;
}
.fab-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.fab-wp-danger.activated {
background-color: #e13838;
}
.fab-wp-light {
color: #000;
background-color: #f4f4f4;
}
.fab-wp-light.activated {
background-color: #e0e0e0;
}
.fab-wp-dark {
color: #fff;
background-color: #222;
}
.fab-wp-dark.activated {
background-color: #343434;
}
ion-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px;
width: 100%;
}
ion-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
ion-row[wrap] {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
ion-row[top] {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
ion-row[bottom] {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
ion-row[center] {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
ion-row[stretch] {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
ion-row[baseline] {
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
ion-col {
display: block;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 5px;
width: 100%;
}
ion-col[top] {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
ion-col[bottom] {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
ion-col[center] {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
ion-col[stretch] {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
ion-col[baseline] {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
ion-col[offset-10] {
margin-left: 10%;
}
ion-col[offset-20] {
margin-left: 20%;
}
ion-col[offset-25] {
margin-left: 25%;
}
ion-col[offset-33], ion-col[offset-34] {
margin-left: 33.3333%;
}
ion-col[offset-50] {
margin-left: 50%;
}
ion-col[offset-66], ion-col[offset-67] {
margin-left: 66.6666%;
}
ion-col[offset-75] {
margin-left: 75%;
}
ion-col[offset-80] {
margin-left: 80%;
}
ion-col[offset-90] {
margin-left: 90%;
}
ion-col[width-10] {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
ion-col[width-20] {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ion-col[width-25] {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ion-col[width-33], ion-col[width-34] {
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
ion-col[width-50] {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ion-col[width-66], ion-col[width-67] {
-webkit-flex: 0 0 66.6666%;
-ms-flex: 0 0 66.6666%;
flex: 0 0 66.6666%;
max-width: 66.6666%;
}
ion-col[width-75] {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
ion-col[width-80] {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
}
ion-col[width-90] {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
}
@media (max-width: 567px) {
[responsive-sm] {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
[responsive-sm] ion-col[width-10], [responsive-sm] ion-col[width-20], [responsive-sm] ion-col[width-25], [responsive-sm] ion-col[width-33], [responsive-sm] ion-col[width-34], [responsive-sm] ion-col[width-50], [responsive-sm] ion-col[width-66], [responsive-sm] ion-col[width-67], [responsive-sm] ion-col[width-75], [responsive-sm] ion-col[width-80], [responsive-sm] ion-col[width-90] {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
[responsive-md] {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
[responsive-md] ion-col[width-10], [responsive-md] ion-col[width-20], [responsive-md] ion-col[width-25], [responsive-md] ion-col[width-33], [responsive-md] ion-col[width-34], [responsive-md] ion-col[width-50], [responsive-md] ion-col[width-66], [responsive-md] ion-col[width-67], [responsive-md] ion-col[width-75], [responsive-md] ion-col[width-80], [responsive-md] ion-col[width-90] {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
@media (max-width: 1023px) {
[responsive-lg] {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
[responsive-lg] ion-col[width-10], [responsive-lg] ion-col[width-20], [responsive-lg] ion-col[width-25], [responsive-lg] ion-col[width-33], [responsive-lg] ion-col[width-34], [responsive-lg] ion-col[width-50], [responsive-lg] ion-col[width-66], [responsive-lg] ion-col[width-67], [responsive-lg] ion-col[width-75], [responsive-lg] ion-col[width-80], [responsive-lg] ion-col[width-90] {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 15px;
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
ion-icon {
display: inline-block;
font-size: 1.2em;
}
ion-icon[small] {
min-height: 1.1em;
font-size: 1.1em;
}
.icon-ios-primary {
color: #387ef5;
}
.icon-ios-secondary {
color: #32db64;
}
.icon-ios-danger {
color: #f53d3d;
}
.icon-ios-light {
color: #f4f4f4;
}
.icon-ios-dark {
color: #222;
}
.icon-md-primary {
color: #387ef5;
}
.icon-md-secondary {
color: #32db64;
}
.icon-md-danger {
color: #f53d3d;
}
.icon-md-light {
color: #f4f4f4;
}
.icon-md-dark {
color: #222;
}
.icon-wp-primary {
color: #387ef5;
}
.icon-wp-secondary {
color: #32db64;
}
.icon-wp-danger {
color: #f53d3d;
}
.icon-wp-light {
color: #f4f4f4;
}
.icon-wp-dark {
color: #222;
}
ion-img {
display: inline-block;
min-width: 20px;
min-height: 20px;
background: #eee;
contain: strict;
}
ion-img img {
object-fit: cover;
}
ion-img.img-unloaded img {
display: none;
}
ion-img.img-loaded img {
display: block;
}
ion-infinite-scroll {
display: block;
width: 100%;
}
ion-infinite-scroll-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
min-height: 84px;
text-align: center;
}
.infinite-loading {
display: none;
margin: 0 0 32px 0;
width: 100%;
}
.infinite-loading-text {
margin: 4px 32px 0 32px;
color: #666;
}
ion-infinite-scroll-content[state=loading] .infinite-loading {
display: block;
}
ion-infinite-scroll-content[state=disabled] {
display: none;
}
ion-input,
ion-textarea {
position: relative;
display: block;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.item-input ion-input,
.item-input ion-textarea {
position: static;
}
.item.item-textarea {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.text-input {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
display: inline-block;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 92%;
width: calc(100% - 10px);
border: 0;
border-radius: 0;
background: transparent;
}
.text-input::-moz-placeholder {
color: #999;
}
.text-input:-ms-input-placeholder {
color: #999;
}
.text-input::-webkit-input-placeholder {
text-indent: 0;
color: #999;
}
textarea.text-input {
display: block;
}
.text-input[disabled] {
opacity: .4;
}
input.text-input:-webkit-autofill {
background-color: transparent;
}
.platform-mobile textarea.text-input {
resize: none;
}
.input-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.input-has-focus .input-cover {
display: none;
}
.input-has-focus {
pointer-events: none;
}
.input-has-focus input,
.input-has-focus textarea,
.input-has-focus a,
.input-has-focus button {
pointer-events: auto;
}
[next-input] {
position: absolute;
bottom: 20px;
padding: 0;
width: 1px;
height: 1px;
border: 0;
background: transparent;
pointer-events: none;
}
.text-input-clear-icon {
position: absolute;
top: 0;
display: none;
margin: 0;
padding: 0;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
.input-has-focus.input-has-value .text-input-clear-icon {
display: block;
}
.text-input-ios {
margin: 11px 8px 11px 0;
padding: 0;
width: calc(100% - 8px);
}
.input-ios .inset-input {
margin: 5.5px 16px 5.5px 0;
padding: 5.5px 8px 5.5px 8px;
}
.item-ios.item-label-stacked .text-input,
.item-ios.item-label-floating .text-input {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
width: calc(100% - 8px);
}
.item-label-stacked .select-ios,
.item-label-floating .select-ios {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0;
}
.input-ios[clearInput] {
position: relative;
}
.input-ios .text-input {
padding-right: 30px;
}
.input-ios .text-input-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: 8px;
width: 30px;
background-size: 18px;
}
.text-input-md {
margin: 13px 8px 13px 8px;
padding: 0;
width: calc(100% - 8px - 8px);
}
.input-md .inset-input {
margin: 6.5px 16px 6.5px 16px;
padding: 6.5px 8px 6.5px 8px;
}
.item-md.item-input.input-has-focus .item-inner {
border-bottom-color: #387ef5;
box-shadow: inset 0 -1px 0 0 #387ef5;
}
.list-md .item-input.input-has-focus:last-child {
border-bottom-color: #387ef5;
box-shadow: inset 0 -1px 0 0 #387ef5;
}
.list-md .item-input.input-has-focus:last-child .item-inner {
box-shadow: none;
}
.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus) .item-inner {
border-bottom-color: #32db64;
box-shadow: inset 0 -1px 0 0 #32db64;
}
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):last-child {
border-bottom-color: #32db64;
box-shadow: inset 0 -1px 0 0 #32db64;
}
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):last-child .item-inner {
box-shadow: none;
}
.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner {
border-bottom-color: #f53d3d;
box-shadow: inset 0 -1px 0 0 #f53d3d;
}
.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):last-child {
border-bottom-color: #f53d3d;
box-shadow: inset 0 -1px 0 0 #f53d3d;
}
.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):last-child .item-inner {
box-shadow: none;
}
.item-label-stacked .text-input-md,
.item-label-floating .text-input-md {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
width: calc(100% - 8px);
}
.item-label-stacked .select-md,
.item-label-floating .select-md {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0;
}
.input-md[clearInput] {
position: relative;
}
.input-md[clearInput] .text-input {
padding-right: 30px;
}
.input-md .text-input-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: 8px;
width: 30px;
background-size: 22px;
}
.text-input-wp {
margin: 13px 8px 13px 8px;
padding: 0 8px;
width: calc(100% - 8px - 8px);
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem;
}
.item-wp .inset-input {
margin: 6.5px 16px 6.5px 16px;
padding: 6.5px 8px 6.5px 8px;
}
.item-wp.item-input.input-has-focus .text-input {
border-color: #387ef5;
}
.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus) .text-input {
border-color: #32db64;
}
.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus) .text-input {
border-color: #f53d3d;
}
.item-label-stacked .text-input-wp,
.item-label-floating .text-input-wp,
.item-label-stacked .select-wp,
.item-label-floating .select-wp {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
width: calc(100% - 8px);
}
.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right] {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.input-wp[clearInput] {
position: relative;
}
.input-wp[clearInput] .text-input {
padding-right: 30px;
}
.input-wp .text-input-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: 8px;
width: 30px;
background-size: 22px;
}
.item {
contain: content;
}
.item-block {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
width: 100%;
min-height: 4.4rem;
border: 0;
font-weight: normal;
line-height: normal;
text-align: initial;
text-decoration: none;
color: inherit;
}
.item-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin: 0;
padding: 0;
min-height: inherit;
border: 0;
}
.input-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
text-overflow: ellipsis;
}
.item[no-lines],
.item.item[no-lines] .item-inner {
border: 0;
}
ion-item-group {
display: block;
}
ion-item-divider {
z-index: 100;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
width: 100%;
min-height: 30px;
}
ion-item-divider[sticky] {
position: -webkit-sticky;
position: sticky;
top: 0;
}
[vertical-align-top],
ion-input.item {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.item > ion-icon[small]:first-child,
.item-inner > ion-icon[small]:first-child {
min-width: 18px;
}
.item > ion-icon:first-child,
.item-inner > ion-icon:first-child {
min-width: 24px;
text-align: center;
}
.item > ion-icon,
.item-inner > ion-icon {
min-height: 2.8rem;
font-size: 2.8rem;
line-height: 1;
}
.item > ion-icon[large],
.item-inner > ion-icon[large] {
min-height: 3.2rem;
font-size: 3.2rem;
}
.item > ion-icon[small],
.item-inner > ion-icon[small] {
min-height: 1.8rem;
font-size: 1.8rem;
}
ion-avatar,
ion-thumbnail {
display: block;
line-height: 1;
}
ion-avatar img,
ion-thumbnail img {
display: block;
}
.item-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer;
}
ion-reorder {
display: none;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 40px;
height: 100%;
font-size: 1.7em;
opacity: .25;
-webkit-transform: translate3d(160%, 0, 0);
transform: translate3d(160%, 0, 0);
transition: -webkit-transform 140ms ease-in;
transition: transform 140ms ease-in;
transition: transform 140ms ease-in, -webkit-transform 140ms ease-in;
pointer-events: all;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
ion-reorder ion-icon {
pointer-events: none;
}
.reorder-enabled ion-reorder {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.reorder-visible ion-reorder {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.reorder-list-active .item,
.reorder-list-active .item-wrapper {
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
will-change: transform;
}
.reorder-list-active .item-inner {
pointer-events: none;
}
.item-wrapper.reorder-active,
.item.reorder-active,
.reorder-active {
z-index: 4;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
opacity: .8;
transition: none;
pointer-events: none;
}
ion-item-sliding {
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
ion-item-sliding .item {
position: static;
}
ion-item-options {
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: none;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
font-size: 14px;
visibility: hidden;
}
ion-item-options[side=left] {
right: auto;
left: 0;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
ion-item-options .button {
margin: 0;
padding: 0 .7em;
height: 100%;
border-radius: 0;
box-shadow: none;
box-sizing: content-box;
}
ion-item-options:not([icon-left]) .button:not([icon-only]) .button-inner {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon {
padding-right: 0;
padding-bottom: .3em;
padding-left: 0;
}
ion-item-sliding.active-slide .item,
ion-item-sliding.active-slide .item.activated {
position: relative;
z-index: 2;
opacity: 1;
transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);
pointer-events: none;
will-change: transform;
}
ion-item-sliding.active-slide ion-item-options {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
ion-item-sliding.active-slide.active-options-left ion-item-options[side=left] {
width: 100%;
visibility: visible;
}
ion-item-sliding.active-slide.active-options-right ion-item-options:not([side=left]) {
width: 100%;
visibility: visible;
}
button[expandable] {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
transition-duration: 0;
transition-property: none;
transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
ion-item-sliding.active-swipe-right button[expandable] {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding-left: 90%;
transition-duration: .6s;
transition-property: padding-left;
}
ion-item-sliding.active-swipe-left button[expandable] {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
padding-right: 90%;
transition-duration: .6s;
transition-property: padding-right;
}
.item-ios {
position: relative;
padding-left: 16px;
border-radius: 0;
font-size: 1.7rem;
color: #000;
background-color: #fff;
transition: background-color 200ms linear;
}
.item-ios.activated {
background-color: #d9d9d9;
transition-duration: 0ms;
}
.item-ios h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
}
.item-ios h2 {
margin: 0 0 2px;
font-size: 1.7rem;
font-weight: normal;
}
.item-ios h3,
.item-ios h4,
.item-ios h5,
.item-ios h6 {
margin: 0 0 3px;
font-size: 1.4rem;
font-weight: normal;
line-height: normal;
}
.item-ios p {
overflow: inherit;
margin: 0 0 2px;
font-size: 1.4rem;
line-height: normal;
text-overflow: inherit;
color: #8e9093;
}
.item-ios h2:last-child,
.item-ios h3:last-child,
.item-ios h4:last-child,
.item-ios h5:last-child,
.item-ios h6:last-child,
.item-ios p:last-child {
margin-bottom: 0;
}
.item-ios.item-block .item-inner {
padding-right: 8px;
border-bottom: 0.55px solid #c8c7cc;
}
.item-ios [item-left] {
margin: 8px 16px 8px 0;
}
.item-ios [item-right] {
margin: 8px 8px 8px 8px;
}
.item-ios ion-icon[item-left],
.item-ios ion-icon[item-right] {
margin-top: 9px;
margin-bottom: 8px;
margin-left: 0;
}
.item-ios .item-button {
padding: 0 .5em;
height: 24px;
font-size: 1.3rem;
}
.item-ios .item-button[icon-only] ion-icon,
.item-ios .item-button[icon-only] {
padding: 0 1px;
}
.item-ios ion-avatar[item-left],
.item-ios ion-thumbnail[item-left] {
margin: 8px 16px 8px 0;
}
.item-ios ion-avatar[item-right],
.item-ios ion-thumbnail[item-right] {
margin: 8px;
}
.item-ios ion-avatar {
min-width: 36px;
min-height: 36px;
}
.item-ios ion-avatar ion-img,
.item-ios ion-avatar img {
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
}
.item-ios ion-thumbnail {
min-width: 56px;
min-height: 56px;
}
.item-ios ion-thumbnail ion-img,
.item-ios ion-thumbnail img {
width: 56px;
height: 56px;
}
.item-ios[detail-push] .item-inner,
button.item-ios:not([detail-none]) .item-inner,
a.item-ios:not([detail-none]) .item-inner {
background-image: url("data:image/svg+xml;charset=utf-8,");
padding-right: 32px;
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 14px 14px;
}
ion-item-group .item-ios:first-child .item-inner {
border-top-width: 0;
}
ion-item-group .item-ios:last-child .item-inner,
ion-item-group .item-wrapper:last-child .item-ios .item-inner {
border: 0;
}
.item-divider-ios {
padding-left: 16px;
color: #222;
background-color: #f7f7f7;
}
.item-ios .text-ios-primary {
color: #387ef5;
}
.item-ios-primary,
.item-divider-ios-primary {
color: #fff;
background-color: #387ef5;
}
.item-ios-primary p,
.item-divider-ios-primary p {
color: #fff;
}
.item-ios-primary.activated,
.item-divider-ios-primary.activated {
background-color: #3474e1;
}
.item-ios .text-ios-secondary {
color: #32db64;
}
.item-ios-secondary,
.item-divider-ios-secondary {
color: #fff;
background-color: #32db64;
}
.item-ios-secondary p,
.item-divider-ios-secondary p {
color: #fff;
}
.item-ios-secondary.activated,
.item-divider-ios-secondary.activated {
background-color: #2ec95c;
}
.item-ios .text-ios-danger {
color: #f53d3d;
}
.item-ios-danger,
.item-divider-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.item-ios-danger p,
.item-divider-ios-danger p {
color: #fff;
}
.item-ios-danger.activated,
.item-divider-ios-danger.activated {
background-color: #e13838;
}
.item-ios .text-ios-light {
color: #f4f4f4;
}
.item-ios-light,
.item-divider-ios-light {
color: #000;
background-color: #f4f4f4;
}
.item-ios-light p,
.item-divider-ios-light p {
color: #000;
}
.item-ios-light.activated,
.item-divider-ios-light.activated {
background-color: #e0e0e0;
}
.item-ios .text-ios-dark {
color: #222;
}
.item-ios-dark,
.item-divider-ios-dark {
color: #fff;
background-color: #222;
}
.item-ios-dark p,
.item-divider-ios-dark p {
color: #fff;
}
.item-ios-dark.activated,
.item-divider-ios-dark.activated {
background-color: #343434;
}
.list-ios ion-item-sliding {
background-color: #fff;
}
.item-md {
position: relative;
padding-right: 0;
padding-left: 16px;
font-size: 1.6rem;
font-weight: normal;
text-transform: none;
color: #000;
background-color: #fff;
box-shadow: none;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.item-md.activated {
background-color: #f1f1f1;
}
.item-md[no-lines] {
border-width: 0;
}
.item-md h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
}
.item-md h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
}
.item-md h3,
.item-md h4,
.item-md h5,
.item-md h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
line-height: normal;
}
.item-md p {
overflow: inherit;
margin: 0 0 2px;
font-size: 1.4rem;
line-height: normal;
text-overflow: inherit;
color: #666;
}
.item-md.item-block .item-inner {
padding-right: 8px;
border-bottom: 1px solid #dedede;
}
.item-md [item-left],
.item-md [item-right] {
margin: 9px 8px 9px 0;
}
.item-md ion-icon[item-left],
.item-md ion-icon[item-right] {
margin-top: 11px;
margin-bottom: 10px;
margin-left: 0;
}
.item-md .item-button {
padding: 0 .6em;
height: 25px;
font-size: 1.2rem;
}
.item-md .item-button[icon-only] ion-icon,
.item-md .item-button[icon-only] {
padding: 0 1px;
}
.item-md ion-icon[item-left] + .item-inner,
.item-md ion-icon[item-left] + .item-input {
margin-left: 24px;
}
.item-md ion-avatar[item-left],
.item-md ion-thumbnail[item-left] {
margin: 8px 16px 8px 0;
}
.item-md ion-avatar[item-right],
.item-md ion-thumbnail[item-right] {
margin: 8px;
}
.item-md ion-avatar {
min-width: 40px;
min-height: 40px;
}
.item-md ion-avatar ion-img,
.item-md ion-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}
.item-md ion-thumbnail {
min-width: 80px;
min-height: 80px;
}
.item-md ion-thumbnail ion-img,
.item-md ion-thumbnail img {
width: 80px;
height: 80px;
}
ion-item-group .item-md:first-child .item-inner {
border-top-width: 0;
}
ion-item-group .item-md:last-child .item-inner,
ion-item-group .item-md .item-wrapper:last-child .item-inner {
border: 0;
}
.item-divider-md {
padding-left: 16px;
color: #858585;
background-color: #fff;
border-bottom: 1px solid #dedede;
font-size: 1.4rem;
}
.item-md .text-md-primary {
color: #387ef5;
}
.item-md-primary,
.item-divider-md-primary {
color: #fff;
background-color: #387ef5;
}
.item-md-primary p,
.item-divider-md-primary p {
color: #fff;
}
.item-md-primary.activated,
.item-divider-md-primary.activated {
background-color: #3474e1;
}
.item-md .text-md-secondary {
color: #32db64;
}
.item-md-secondary,
.item-divider-md-secondary {
color: #fff;
background-color: #32db64;
}
.item-md-secondary p,
.item-divider-md-secondary p {
color: #fff;
}
.item-md-secondary.activated,
.item-divider-md-secondary.activated {
background-color: #2ec95c;
}
.item-md .text-md-danger {
color: #f53d3d;
}
.item-md-danger,
.item-divider-md-danger {
color: #fff;
background-color: #f53d3d;
}
.item-md-danger p,
.item-divider-md-danger p {
color: #fff;
}
.item-md-danger.activated,
.item-divider-md-danger.activated {
background-color: #e13838;
}
.item-md .text-md-light {
color: #f4f4f4;
}
.item-md-light,
.item-divider-md-light {
color: #000;
background-color: #f4f4f4;
}
.item-md-light p,
.item-divider-md-light p {
color: #000;
}
.item-md-light.activated,
.item-divider-md-light.activated {
background-color: #e0e0e0;
}
.item-md .text-md-dark {
color: #222;
}
.item-md-dark,
.item-divider-md-dark {
color: #fff;
background-color: #222;
}
.item-md-dark p,
.item-divider-md-dark p {
color: #fff;
}
.item-md-dark.activated,
.item-divider-md-dark.activated {
background-color: #343434;
}
.list-md ion-item-sliding {
background-color: #fff;
}
.item-md ion-reorder {
font-size: 1.5em;
opacity: .3;
}
.item-wp {
position: relative;
padding-right: 0;
padding-left: 16px;
font-size: 1.6rem;
font-weight: normal;
text-transform: none;
color: #000;
background-color: #fff;
box-shadow: none;
}
.item-wp.activated {
background-color: #aaa;
}
.item-wp[no-lines] {
border-width: 0;
}
.item-wp h1 {
margin: 0 0 2px;
font-size: 2.4rem;
font-weight: normal;
}
.item-wp h2 {
margin: 2px 0;
font-size: 1.6rem;
font-weight: normal;
}
.item-wp h3,
.item-wp h4,
.item-wp h5,
.item-wp h6 {
margin: 2px 0;
font-size: 1.4rem;
font-weight: normal;
line-height: normal;
}
.item-wp p {
overflow: inherit;
margin: 0 0 2px;
font-size: 1.4rem;
line-height: normal;
text-overflow: inherit;
color: #666;
}
.item-wp.item-block .item-inner {
padding-right: 8px;
border-bottom: 1px solid transparent;
}
.item-wp [item-left],
.item-wp [item-right] {
margin: 9px 8px 9px 0;
}
.item-wp ion-icon[item-left],
.item-wp ion-icon[item-right] {
margin-top: 11px;
margin-bottom: 10px;
margin-left: 0;
}
.item-wp .item-button {
padding: 0 .6em;
height: 25px;
font-size: 1.2rem;
}
.item-wp .item-button[icon-only] ion-icon,
.item-wp .item-button[icon-only] {
padding: 0 1px;
}
.item-wp[text-wrap] ion-label {
font-size: 1.4rem;
line-height: 1.5;
}
.item-wp ion-icon[item-left] + .item-inner,
.item-wp ion-icon[item-left] + .item-input {
margin-left: 8px;
}
.item-wp ion-avatar[item-left],
.item-wp ion-thumbnail[item-left] {
margin: 8px 16px 8px 0;
}
.item-wp ion-avatar[item-right],
.item-wp ion-thumbnail[item-right] {
margin: 8px;
}
.item-wp ion-avatar {
min-width: 40px;
min-height: 40px;
}
.item-wp ion-avatar ion-img,
.item-wp ion-avatar img {
overflow: hidden;
width: 40px;
height: 40px;
border-radius: 50%;
}
.item-wp ion-thumbnail {
min-width: 80px;
min-height: 80px;
}
.item-wp ion-thumbnail ion-img,
.item-wp ion-thumbnail img {
width: 80px;
height: 80px;
}
.item-divider-wp {
padding-left: 16px;
border-bottom: 1px solid transparent;
font-size: 2rem;
color: #000;
background-color: #fff;
}
.item-wp .text-wp-primary {
color: #387ef5;
}
.item-wp-primary,
.item-divider-wp-primary {
color: #fff;
background-color: #387ef5;
}
.item-wp-primary p,
.item-divider-wp-primary p {
color: #fff;
}
.item-wp-primary.activated,
.item-divider-wp-primary.activated {
background-color: #3474e1;
}
.item-wp .text-wp-secondary {
color: #32db64;
}
.item-wp-secondary,
.item-divider-wp-secondary {
color: #fff;
background-color: #32db64;
}
.item-wp-secondary p,
.item-divider-wp-secondary p {
color: #fff;
}
.item-wp-secondary.activated,
.item-divider-wp-secondary.activated {
background-color: #2ec95c;
}
.item-wp .text-wp-danger {
color: #f53d3d;
}
.item-wp-danger,
.item-divider-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.item-wp-danger p,
.item-divider-wp-danger p {
color: #fff;
}
.item-wp-danger.activated,
.item-divider-wp-danger.activated {
background-color: #e13838;
}
.item-wp .text-wp-light {
color: #f4f4f4;
}
.item-wp-light,
.item-divider-wp-light {
color: #000;
background-color: #f4f4f4;
}
.item-wp-light p,
.item-divider-wp-light p {
color: #000;
}
.item-wp-light.activated,
.item-divider-wp-light.activated {
background-color: #e0e0e0;
}
.item-wp .text-wp-dark {
color: #222;
}
.item-wp-dark,
.item-divider-wp-dark {
color: #fff;
background-color: #222;
}
.item-wp-dark p,
.item-divider-wp-dark p {
color: #fff;
}
.item-wp-dark.activated,
.item-divider-wp-dark.activated {
background-color: #343434;
}
.list-wp ion-item-sliding {
background-color: #fff;
}
ion-label {
display: block;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
font-size: inherit;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-input ion-label {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: 200px;
pointer-events: none;
}
[text-wrap] ion-label {
white-space: normal;
}
ion-label[fixed] {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
min-width: 100px;
max-width: 200px;
}
.item-label-stacked ion-label,
.item-label-floating ion-label {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: auto;
max-width: 100%;
}
ion-label[stacked],
ion-label[floating] {
margin-bottom: 0;
}
.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.item-label-stacked ion-select,
.item-label-floating ion-select {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
max-width: 100%;
}
.item-select ion-label[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8);
}
.label-ios {
margin: 11px 8px 11px 0;
}
.label-ios + ion-input .text-input,
.label-ios + ion-textarea .text-input,
.label-ios + .input + .cloned-input {
margin-left: 16px;
width: calc(100% - (16px / 2) - 16px);
}
.label-ios[stacked] {
margin-bottom: 4px;
font-size: 1.2rem;
}
.label-ios[floating] {
margin-bottom: 0;
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}
.input-has-focus .label-ios[floating],
.input-has-value .label-ios[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8);
}
.item-ios.item-label-stacked [item-right],
.item-ios.item-label-floating [item-right] {
margin-top: 6px;
margin-bottom: 6px;
}
.label-ios-primary,
.item-input .label-ios-primary,
.item-select .label-ios-primary,
.item-datetime .label-ios-primary {
color: #387ef5;
}
.label-ios-secondary,
.item-input .label-ios-secondary,
.item-select .label-ios-secondary,
.item-datetime .label-ios-secondary {
color: #32db64;
}
.label-ios-danger,
.item-input .label-ios-danger,
.item-select .label-ios-danger,
.item-datetime .label-ios-danger {
color: #f53d3d;
}
.label-ios-light,
.item-input .label-ios-light,
.item-select .label-ios-light,
.item-datetime .label-ios-light {
color: #f4f4f4;
}
.label-ios-dark,
.item-input .label-ios-dark,
.item-select .label-ios-dark,
.item-datetime .label-ios-dark {
color: #222;
}
.label-md {
margin: 13px 8px 13px 0;
}
[text-wrap] .label-md {
font-size: 1.4rem;
line-height: 1.5;
}
.item-input .label-md,
.item-select .label-md,
.item-datetime .label-md {
color: #999;
}
.label-md[stacked] {
font-size: 1.2rem;
}
.label-md[floating] {
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}
.label-md[stacked],
.label-md[floating] {
margin-bottom: 0;
margin-left: 0;
}
.input-has-focus .label-md[stacked],
.input-has-focus .label-md[floating] {
color: #387ef5;
}
.input-has-focus .label-md[floating],
.input-has-value .label-md[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8);
}
.item-md.item-label-stacked [item-right],
.item-md.item-label-floating [item-right] {
margin-top: 7px;
margin-bottom: 7px;
}
.label-md-primary,
.item-input .label-md-primary,
.item-select .label-md-primary,
.item-datetime .label-md-primary {
color: #387ef5;
}
.label-md-secondary,
.item-input .label-md-secondary,
.item-select .label-md-secondary,
.item-datetime .label-md-secondary {
color: #32db64;
}
.label-md-danger,
.item-input .label-md-danger,
.item-select .label-md-danger,
.item-datetime .label-md-danger {
color: #f53d3d;
}
.label-md-light,
.item-input .label-md-light,
.item-select .label-md-light,
.item-datetime .label-md-light {
color: #f4f4f4;
}
.label-md-dark,
.item-input .label-md-dark,
.item-select .label-md-dark,
.item-datetime .label-md-dark {
color: #222;
}
.label-wp {
margin: 13px 8px 13px 0;
}
.item-input .label-wp,
.item-select .label-wp,
.item-datetime .label-wp {
color: #999;
}
.label-wp[stacked] {
font-size: 1.2rem;
}
.label-wp[floating] {
-webkit-transform: translate3d(8px, 34px, 0);
transform: translate3d(8px, 34px, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.label-wp[stacked],
.label-wp[floating] {
margin-bottom: 0;
margin-left: 0;
}
.input-has-focus .label-wp[stacked],
.input-has-focus .label-wp[floating] {
color: #387ef5;
}
.input-has-focus .label-wp[floating],
.input-has-value .label-wp[floating] {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8);
}
.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right] {
margin-top: 13px;
margin-bottom: 13px;
}
.label-wp-primary,
.item-input .label-wp-primary,
.item-select .label-wp-primary,
.item-datetime .label-wp-primary {
color: #387ef5;
}
.label-wp-secondary,
.item-input .label-wp-secondary,
.item-select .label-wp-secondary,
.item-datetime .label-wp-secondary {
color: #32db64;
}
.label-wp-danger,
.item-input .label-wp-danger,
.item-select .label-wp-danger,
.item-datetime .label-wp-danger {
color: #f53d3d;
}
.label-wp-light,
.item-input .label-wp-light,
.item-select .label-wp-light,
.item-datetime .label-wp-light {
color: #f4f4f4;
}
.label-wp-dark,
.item-input .label-wp-dark,
.item-select .label-wp-dark,
.item-datetime .label-wp-dark {
color: #222;
}
ion-list-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
width: 100%;
min-height: 4rem;
}
ion-list {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
ion-list[inset] {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.list-ios {
margin: -1px 0 32px 0;
}
.list-ios > .item-block:first-child {
border-top: 0.55px solid #c8c7cc;
}
.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
border-bottom: 0.55px solid #c8c7cc;
}
.list-ios > .item-block:last-child .item-inner,
.list-ios > .item-wrapper:last-child .item-block .item-inner {
border-bottom: 0;
}
.list-ios .item-block .item-inner {
border-bottom: 0.55px solid #c8c7cc;
}
.list-ios .item[no-lines],
.list-ios .item[no-lines] .item-inner {
border-width: 0;
}
.list-ios ion-item-options {
border-bottom: 0.55px solid #c8c7cc;
}
.list-ios ion-item-options .button {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
height: 100%;
min-height: 100%;
border: 0;
border-radius: 0;
box-sizing: border-box;
}
.list-ios ion-item-options .button::before {
margin: 0 auto;
}
.list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
margin-top: -10px;
padding-top: 0;
}
.list-ios[inset] {
margin: 16px 16px 16px 16px;
border-radius: 4px;
}
.list-ios[inset] ion-list-header {
background-color: #fff;
}
.list-ios[inset] .item {
border-bottom: 1px solid #c8c7cc;
}
.list-ios[inset] .item-inner {
border-bottom: 0;
}
.list-ios[inset] > .item:first-child,
.list-ios[inset] > .item-wrapper:first-child .item {
border-top: 0;
}
.list-ios[inset] > .item:last-child,
.list-ios[inset] > .item-wrapper:last-child .item {
border-bottom: 0;
}
.list-ios[inset] + ion-list[inset] {
margin-top: 0;
}
.list-ios[no-lines] ion-list-header,
.list-ios[no-lines] ion-item-options,
.list-ios[no-lines] .item,
.list-ios[no-lines] .item .item-inner {
border-width: 0;
}
.list-header-ios {
position: relative;
padding-left: 16px;
border-bottom: 0.55px solid #c8c7cc;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.1rem;
text-transform: uppercase;
color: #333;
background: transparent;
}
.list-header-ios-primary {
color: #fff;
background-color: #387ef5;
}
.list-header-ios-secondary {
color: #fff;
background-color: #32db64;
}
.list-header-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.list-header-ios-light {
color: #000;
background-color: #f4f4f4;
}
.list-header-ios-dark {
color: #fff;
background-color: #222;
}
.list-md {
margin: -1px 0 16px 0;
}
.list-md .item-block .item-inner {
border-bottom: 1px solid #dedede;
}
.list-md > .item-block:last-child ion-label,
.list-md > .item-block:last-child .item-inner,
.list-md > .item-wrapper:last-child ion-label,
.list-md > .item-wrapper:last-child .item-inner {
border-bottom: 0;
}
.list-md > ion-input:last-child::after {
left: 0;
}
.list-md ion-item-options {
border-bottom: 1px solid #dedede;
}
.list-md ion-item-options .button {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 1px 0;
height: calc(100% - 2px);
border: 0;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
}
.list-md ion-item-options .button::before {
margin: 0 auto;
}
.list-md .item[no-lines],
.list-md .item[no-lines] .item-inner {
border-width: 0;
}
.list-md + ion-list ion-list-header {
margin-top: -16px;
}
.list-md[inset] {
margin: 16px 16px 16px 16px;
border-radius: 2px;
}
.list-md[inset] .item:first-child {
border-top-width: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.list-md[inset] .item:last-child {
border-bottom-width: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.list-md[inset] .item-input {
padding-right: 0;
padding-left: 0;
}
.list-md[inset] + ion-list[inset] {
margin-top: 0;
}
.list-md[inset] ion-list-header {
background-color: #fff;
}
.list-md[no-lines] .item-block,
.list-md[no-lines] ion-item-options,
.list-md[no-lines] .item .item-inner {
border-width: 0;
}
.list-header-md {
margin-bottom: 13px;
padding-left: 16px;
min-height: 4.5rem;
border-top: 1px solid #dedede;
font-size: 1.4rem;
color: #757575;
}
.list-header-md-primary {
color: #fff;
background-color: #387ef5;
}
.list-header-md-secondary {
color: #fff;
background-color: #32db64;
}
.list-header-md-danger {
color: #fff;
background-color: #f53d3d;
}
.list-header-md-light {
color: #000;
background-color: #f4f4f4;
}
.list-header-md-dark {
color: #fff;
background-color: #222;
}
.list-wp {
margin: 0 0 16px 0;
}
.list-wp .item-block .item-inner {
border-bottom: 1px solid transparent;
}
.list-wp > .item-block:first-child,
.list-wp > .item-wrapper:first-child .item-block {
border-top: 1px solid transparent;
}
.list-wp > .item-block:last-child,
.list-wp > .item-wrapper:last-child .item-block {
border-bottom: 1px solid transparent;
}
.list-wp > .item-block:last-child ion-label,
.list-wp > .item-block:last-child .item-inner,
.list-wp > .item-wrapper:last-child ion-label,
.list-wp > .item-wrapper:last-child .item-inner {
border-bottom: 0;
}
.list-wp > ion-input:last-child::after {
left: 0;
}
.list-wp ion-item-options .button {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 1px 0;
height: calc(100% - 2px);
border: 0;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
}
.list-wp ion-item-options .button::before {
margin: 0 auto;
}
.list-wp .item[no-lines],
.list-wp .item[no-lines] .item-inner {
border-width: 0;
}
.list-wp + ion-list ion-list-header {
margin-top: -16px;
padding-top: 0;
}
.list-wp[inset] {
margin: 16px 16px 16px 16px;
border-radius: 2px;
}
.list-wp[inset] .item:first-child {
border-top-width: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.list-wp[inset] .item:last-child {
border-bottom-width: 0;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.list-wp[inset] .item-input {
padding-right: 0;
padding-left: 0;
}
.list-wp[inset] + ion-list[inset] {
margin-top: 0;
}
.list-wp[inset] ion-list-header {
background-color: #fff;
}
.list-wp[no-lines] .item,
.list-wp[no-lines] .item .item-inner {
border-width: 0;
}
.list-header-wp {
padding-left: 16px;
border-bottom: 1px solid transparent;
font-size: 2rem;
color: #000;
}
.list-header-wp-primary {
color: #fff;
background-color: #387ef5;
}
.list-header-wp-secondary {
color: #fff;
background-color: #32db64;
}
.list-header-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.list-header-wp-light {
color: #000;
background-color: #f4f4f4;
}
.list-header-wp-dark {
color: #fff;
background-color: #222;
}
ion-loading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
contain: strict;
}
.loading-wrapper {
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
}
.loading-ios .loading-wrapper {
padding: 24px 34px;
max-width: 270px;
max-height: 90%;
border-radius: 8px;
color: #000;
background: #f8f8f8;
}
.loading-ios .loading-content {
font-weight: bold;
}
.loading-ios .loading-spinner + .loading-content {
margin-left: 16px;
}
.loading-ios .spinner-ios line,
.loading-ios .spinner-ios-small line {
stroke: #69717d;
}
.loading-ios .spinner-bubbles circle {
fill: #69717d;
}
.loading-ios .spinner-circles circle {
fill: #69717d;
}
.loading-ios .spinner-crescent circle {
stroke: #69717d;
}
.loading-ios .spinner-dots circle {
fill: #69717d;
}
.loading-md .loading-wrapper {
padding: 24px;
max-width: 280px;
max-height: 90%;
border-radius: 2px;
color: rgba(0, 0, 0, 0.5);
background: #fafafa;
box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}
.loading-md .loading-spinner + .loading-content {
margin-left: 16px;
}
.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
stroke: #387ef5;
}
.loading-md .spinner-bubbles circle {
fill: #387ef5;
}
.loading-md .spinner-circles circle {
fill: #387ef5;
}
.loading-md .spinner-crescent circle {
stroke: #387ef5;
}
.loading-md .spinner-dots circle {
fill: #387ef5;
}
.loading-wp .loading-wrapper {
padding: 20px;
max-width: 280px;
max-height: 90%;
border-radius: 2px;
color: #fff;
background: #000;
}
.loading-wp .loading-spinner + .loading-content {
margin-left: 16px;
}
.loading-wp .spinner-ios line,
.loading-wp .spinner-ios-small line {
stroke: #fff;
}
.loading-wp .spinner-bubbles circle {
fill: #fff;
}
.loading-wp .spinner-circles circle {
fill: #fff;
}
.loading-wp .spinner-crescent circle {
stroke: #fff;
}
.loading-wp .spinner-dots circle {
fill: #fff;
}
ion-menu {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
contain: strict;
}
ion-menu.show-menu {
display: block;
}
.menu-inner {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
display: block;
width: 304px;
height: 100%;
-webkit-transform: translate3d(-9999px, 0, 0);
transform: translate3d(-9999px, 0, 0);
contain: strict;
}
.menu-inner > ion-header,
.menu-inner > ion-content,
.menu-inner > ion-footer {
position: absolute;
}
ion-menu[side=right] > .menu-inner {
right: 0;
left: auto;
}
ion-menu ion-backdrop {
z-index: -1;
display: none;
opacity: .01;
}
.menu-content {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.menu-content-open {
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.menu-content-open ion-pane,
.menu-content-open ion-content,
.menu-content-open .toolbar {
pointer-events: none;
}
@media (max-width: 340px) {
.menu-inner {
width: 264px;
}
}
ion-menu[type=reveal] {
z-index: 0;
}
ion-menu[type=reveal].show-menu .menu-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
ion-menu[type=overlay] {
z-index: 80;
}
ion-menu[type=overlay] .show-backdrop {
display: block;
}
.ios .menu-inner {
background: #fff;
}
.ios .menu-content-reveal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.ios .menu-content-push {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.ios ion-menu[type=overlay] .menu-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.md .menu-inner {
background: #fff;
}
.md .menu-content-reveal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.md .menu-content-push {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.md ion-menu[type=overlay] .menu-inner {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.wp .menu-inner {
background: #f2f2f2;
}
ion-modal {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
contain: strict;
}
@media not all and (min-width: 768px) and (min-height: 600px) {
ion-modal ion-backdrop {
visibility: hidden;
}
}
.modal-wrapper {
z-index: 10;
height: 100%;
contain: strict;
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
.modal-wrapper {
position: absolute;
top: calc(50% - (500px/2));
left: calc(50% - (600px/2));
width: 600px;
height: 500px;
}
}
@media only screen and (min-width: 768px) and (min-height: 768px) {
.modal-wrapper {
position: absolute;
top: calc(50% - (600px/2));
left: calc(50% - (600px/2));
width: 600px;
height: 600px;
}
}
.ios .modal-wrapper {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
.ios .modal-wrapper {
overflow: hidden;
border-radius: 10px;
}
}
.md .modal-wrapper {
opacity: .01;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
.md .modal-wrapper {
overflow: hidden;
border-radius: 2px;
box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}
}
.wp .modal-wrapper {
opacity: .01;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.note-ios {
color: #aeacb4;
}
.note-ios-primary {
color: #387ef5;
}
.note-ios-secondary {
color: #32db64;
}
.note-ios-danger {
color: #f53d3d;
}
.note-ios-light {
color: #f4f4f4;
}
.note-ios-dark {
color: #222;
}
.note-md {
color: #c5c5c5;
}
.note-md-primary {
color: #387ef5;
}
.note-md-secondary {
color: #32db64;
}
.note-md-danger {
color: #f53d3d;
}
.note-md-light {
color: #f4f4f4;
}
.note-md-dark {
color: #222;
}
.note-wp {
color: rgba(0, 0, 0, 0.5);
}
.note-wp-primary {
color: #387ef5;
}
.note-wp-secondary {
color: #32db64;
}
.note-wp-danger {
color: #f53d3d;
}
.note-wp-light {
color: #f4f4f4;
}
.note-wp-dark {
color: #222;
}
ion-picker-cmp {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: block;
width: 100%;
height: 100%;
contain: strict;
}
.picker-toolbar {
z-index: 1;
width: 100%;
contain: strict;
}
.picker-wrapper {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: auto;
width: 100%;
max-width: 500px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
contain: strict;
}
.picker-columns {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
contain: strict;
}
.picker-col {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
box-sizing: content-box;
contain: content;
}
.picker-opts {
position: relative;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
}
.picker-prefix {
position: relative;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
min-width: 45%;
max-width: 50%;
text-align: right;
white-space: nowrap;
}
.picker-suffix {
position: relative;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
min-width: 45%;
max-width: 50%;
text-align: left;
white-space: nowrap;
}
.picker-opt {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 100%;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
will-change: transform;
contain: strict;
}
.picker-opt.picker-opt-disabled {
pointer-events: none;
}
.picker-opt-disabled {
opacity: 0;
}
.picker-opts-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.picker-opts-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.picker-above-highlight,
.picker-below-highlight {
display: none;
pointer-events: none;
}
.picker-ios .picker-wrapper {
height: 260px;
border-top: 1px solid #c8c7cc;
background: #fff;
}
.picker-ios .picker-toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 44px;
border-bottom: 0.55px solid #c8c7cc;
background: #fff;
}
.picker-ios .picker-toolbar-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.picker-ios .picker-toolbar-button:last-child .picker-button {
font-weight: 600;
}
.picker-ios .picker-toolbar-cancel {
font-weight: normal;
text-align: left;
}
.picker-ios .picker-button,
.picker-ios .picker-button.activated {
margin: 0;
height: 44px;
color: #387ef5;
background: transparent;
}
.picker-columns {
height: 215px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.picker-ios .picker-col {
padding: 0 4px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.picker-ios .picker-prefix,
.picker-ios .picker-suffix,
.picker-ios .picker-opts {
top: 77px;
font-size: 20px;
line-height: 42px;
color: #000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none;
}
.picker-ios .picker-opt {
margin: 0;
padding: 0;
height: 4.6rem;
font-size: 20px;
line-height: 42px;
color: #000;
background: transparent;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: auto;
}
.picker-ios .picker-above-highlight {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
width: 100%;
height: 81px;
border-bottom: 1px solid #c8c7cc;
background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
}
.picker-ios .picker-below-highlight {
position: absolute;
top: 115px;
left: 0;
z-index: 11;
display: block;
width: 100%;
height: 119px;
border-top: 1px solid #c8c7cc;
background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
}
.picker-md .picker-wrapper {
height: 260px;
border-top: 0.55px solid #dedede;
background: #fff;
}
.picker-md .picker-toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 44px;
background: #fff;
}
.picker-md .picker-button,
.picker-md .picker-button.activated {
margin: 0;
height: 44px;
color: #387ef5;
background: transparent;
box-shadow: none;
}
.picker-md .picker-columns {
height: 216px;
-webkit-perspective: 1800px;
perspective: 1800px;
}
.picker-md .picker-col {
padding: 0 8px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opts {
top: 77px;
font-size: 22px;
line-height: 42px;
color: #000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none;
}
.picker-md .picker-opt {
margin: 0;
padding: 0;
height: 4.3rem;
font-size: 22px;
line-height: 42px;
color: #000;
background: transparent;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: auto;
}
.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
color: #387ef5;
}
.picker-md .picker-above-highlight {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 81px;
border-bottom: 1px solid #dedede;
background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
}
.picker-md .picker-below-highlight {
position: absolute;
top: 115px;
left: 0;
z-index: 11;
width: 100%;
height: 119px;
border-top: 1px solid #dedede;
background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
}
.picker-wp .picker-wrapper {
height: 260px;
border-top: 0.55px solid transparent;
background: #fff;
}
.picker-wp .picker-toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 44px;
border-width: 0.55px;
background: #fff;
}
.picker-wp .picker-toolbar-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.picker-wp .picker-toolbar-cancel {
font-weight: normal;
text-align: left;
}
.picker-wp .picker-button,
.picker-wp .picker-button.activated {
margin: 0;
height: 44px;
color: #387ef5;
background: transparent;
box-shadow: none;
}
.picker-wp .picker-columns {
height: 216px;
-webkit-perspective: 1800px;
perspective: 1800px;
}
.picker-wp .picker-col {
padding: 0 4px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opts {
top: 77px;
font-size: 22px;
line-height: 42px;
color: #000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
pointer-events: none;
}
.picker-wp .picker-opt {
margin: 0;
padding: 0;
height: 4.2rem;
font-size: 22px;
line-height: 42px;
color: #000;
background: transparent;
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: auto;
}
.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opt-selected {
color: #387ef5;
}
.picker-wp .picker-above-highlight {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 81px;
border-bottom: 1px solid transparent;
background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
}
.picker-wp .picker-below-highlight {
position: absolute;
top: 115px;
left: 0;
z-index: 11;
width: 100%;
height: 119px;
border-top: 1px solid transparent;
background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
-webkit-transform: translate3d(0, 0, 90px);
transform: translate3d(0, 0, 90px);
}
ion-popover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.popover-wrapper {
z-index: 10;
opacity: 0;
}
.popover-content {
position: absolute;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.popover-content ion-content,
.popover-content .scroll-content {
contain: none;
}
.popover-content .scroll-content {
position: relative;
}
.popover-ios .popover-content {
width: 200px;
min-width: 0;
min-height: 0;
max-height: 90%;
border-radius: 10px;
color: #000;
background: #fff;
}
.popover-ios .popover-arrow {
position: absolute;
display: block;
overflow: hidden;
width: 20px;
height: 10px;
}
.popover-ios .popover-arrow::after {
position: absolute;
top: 3px;
left: 3px;
z-index: 10;
width: 14px;
height: 14px;
border-radius: 3px;
background-color: #fff;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.popover-ios.popover-bottom .popover-arrow {
top: auto;
bottom: -10px;
}
.popover-ios.popover-bottom .popover-arrow::after {
top: -6px;
}
.popover-md .popover-content {
width: 250px;
min-width: 0;
min-height: 0;
max-height: 90%;
border-radius: 2px;
color: #000;
background: #fff;
box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.popover-md .popover-viewport {
opacity: 0;
transition-delay: 100ms;
}
.popover-wp .popover-content {
width: 200px;
min-width: 0;
min-height: 0;
max-height: 90%;
border: 2px solid #ccc;
border-radius: 0;
color: #000;
background: #fff;
-webkit-transform-origin: top left;
transform-origin: top left;
}
.popover-wp .popover-viewport {
opacity: 0;
transition-delay: 100ms;
}
.radio-ios {
position: relative;
display: inline-block;
}
.radio-ios .radio-icon {
position: relative;
display: block;
width: 16px;
height: 21px;
}
.radio-ios .radio-checked .radio-inner {
position: absolute;
top: 4px;
left: 7px;
width: 5px;
height: 12px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #387ef5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.radio-ios.radio-disabled,
.item-ios.item-radio-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item-ios .radio-ios {
position: static;
display: block;
margin: 8px 11px 8px 8px;
}
.item-ios .radio-ios[item-left] {
margin: 8px 21px 8px 3px;
}
.item-radio.item-ios ion-label {
margin-left: 0;
}
.item-radio-checked.item-ios ion-label {
color: #387ef5;
}
.item-radio-ios-primary.item-radio-checked ion-label {
color: #387ef5;
}
.radio-ios-primary .radio-checked {
color: #387ef5;
}
.radio-ios-primary .radio-checked .radio-inner {
border-color: #387ef5;
}
.item-radio-ios-secondary.item-radio-checked ion-label {
color: #32db64;
}
.radio-ios-secondary .radio-checked {
color: #32db64;
}
.radio-ios-secondary .radio-checked .radio-inner {
border-color: #32db64;
}
.item-radio-ios-danger.item-radio-checked ion-label {
color: #f53d3d;
}
.radio-ios-danger .radio-checked {
color: #f53d3d;
}
.radio-ios-danger .radio-checked .radio-inner {
border-color: #f53d3d;
}
.item-radio-ios-light.item-radio-checked ion-label {
color: #f4f4f4;
}
.radio-ios-light .radio-checked {
color: #f4f4f4;
}
.radio-ios-light .radio-checked .radio-inner {
border-color: #f4f4f4;
}
.item-radio-ios-dark.item-radio-checked ion-label {
color: #222;
}
.radio-ios-dark .radio-checked {
color: #222;
}
.radio-ios-dark .radio-checked .radio-inner {
border-color: #222;
}
.radio-md {
position: relative;
display: inline-block;
}
.radio-md .radio-icon {
position: relative;
top: 0;
left: 0;
display: block;
margin: 0;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
border-color: #787878;
}
.radio-md .radio-inner {
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #387ef5;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.radio-md .radio-checked {
border-color: #387ef5;
}
.radio-md .radio-checked .radio-inner {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.radio-md.radio-disabled,
.item-md.item-radio-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item-md .radio-md {
position: static;
display: block;
margin: 9px 10px 9px 0;
}
.item-md .radio-md[item-left] {
margin: 11px 36px 10px 4px;
}
.item-radio.item-md ion-label {
margin-left: 0;
}
.item-radio-checked.item-md ion-label {
color: #387ef5;
}
.item-radio-md-primary.item-radio-checked ion-label {
color: #387ef5;
}
.radio-md-primary .radio-checked {
border-color: #387ef5;
}
.radio-md-primary .radio-inner {
background-color: #387ef5;
}
.item-radio-md-secondary.item-radio-checked ion-label {
color: #32db64;
}
.radio-md-secondary .radio-checked {
border-color: #32db64;
}
.radio-md-secondary .radio-inner {
background-color: #32db64;
}
.item-radio-md-danger.item-radio-checked ion-label {
color: #f53d3d;
}
.radio-md-danger .radio-checked {
border-color: #f53d3d;
}
.radio-md-danger .radio-inner {
background-color: #f53d3d;
}
.item-radio-md-light.item-radio-checked ion-label {
color: #f4f4f4;
}
.radio-md-light .radio-checked {
border-color: #f4f4f4;
}
.radio-md-light .radio-inner {
background-color: #f4f4f4;
}
.item-radio-md-dark.item-radio-checked ion-label {
color: #222;
}
.radio-md-dark .radio-checked {
border-color: #222;
}
.radio-md-dark .radio-inner {
background-color: #222;
}
.radio-wp {
position: relative;
display: inline-block;
}
.radio-wp .radio-icon {
position: relative;
top: 0;
left: 0;
display: block;
margin: 0;
width: 16px;
height: 16px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
border-color: #333;
}
.radio-wp .radio-inner {
position: absolute;
top: 2px;
left: 2px;
display: none;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #333;
}
.radio-wp .radio-checked {
border-color: #387ef5;
}
.radio-wp .radio-checked .radio-inner {
display: block;
}
.radio-wp.radio-disabled,
.item-wp.item-radio-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item-wp .radio-wp {
position: static;
display: block;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin: 9px 20px 9px 4px;
}
.item-wp .radio-wp[item-right] {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
margin: 11px 10px 10px 0;
}
.item-radio.item-wp ion-label {
margin-left: 0;
}
.radio-wp-primary .radio-checked {
border-color: #387ef5;
}
.radio-wp-secondary .radio-checked {
border-color: #32db64;
}
.radio-wp-danger .radio-checked {
border-color: #f53d3d;
}
.radio-wp-light .radio-checked {
border-color: #f4f4f4;
}
.radio-wp-dark .radio-checked {
border-color: #222;
}
.item-range .item-inner {
overflow: visible;
width: 100%;
}
.item-range .input-wrapper {
overflow: visible;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.item-range ion-range {
width: 100%;
}
.item-range ion-range ion-label {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
ion-range {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
ion-range ion-label {
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
}
ion-range ion-icon {
min-height: 2.4rem;
font-size: 2.4rem;
line-height: 1;
}
.range-slider {
position: relative;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer;
}
.range-ios {
padding: 8px 16px;
}
.range-ios [range-left] {
margin: 0 20px 0 0;
}
.range-ios [range-right] {
margin: 0 0 0 20px;
}
.range-ios.range-has-pin {
padding-top: 20px;
}
.range-ios .range-slider {
height: 42px;
}
.range-ios .range-bar {
position: absolute;
top: 21px;
left: 0;
width: 100%;
height: 1px;
border-radius: 1px;
background: #bdbdbd;
pointer-events: none;
}
.range-ios.range-pressed .range-bar-active {
will-change: left, right;
}
.range-ios.range-pressed .range-knob-handle {
will-change: left;
}
.range-ios .range-bar-active {
bottom: 0;
width: auto;
background: #387ef5;
}
.range-ios .range-knob-handle {
position: absolute;
top: 21px;
left: 0%;
margin-top: -21px;
margin-left: -21px;
width: 42px;
height: 42px;
text-align: center;
}
.range-ios .range-knob {
position: absolute;
top: 7px;
left: 7px;
width: 28px;
height: 28px;
border-radius: 50%;
background: #fff;
box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.02);
pointer-events: none;
}
.range-ios .range-tick {
position: absolute;
top: 17.5px;
margin-left: -0.5px;
width: 1px;
height: 8px;
border-radius: 0;
background: #bdbdbd;
pointer-events: none;
}
.range-ios .range-tick-active {
background: #387ef5;
}
.range-ios .range-pin {
position: relative;
top: -20px;
display: inline-block;
padding: 8px;
min-width: 28px;
border-radius: 50px;
font-size: 12px;
text-align: center;
color: #000;
background: transparent;
-webkit-transform: translate3d(0, 28px, 0) scale(0.01);
transform: translate3d(0, 28px, 0) scale(0.01);
transition: -webkit-transform 120ms ease;
transition: transform 120ms ease;
transition: transform 120ms ease, -webkit-transform 120ms ease;
}
.range-ios .range-knob-pressed .range-pin {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.range-ios.range-disabled {
opacity: .5;
}
.range-ios-primary .range-bar-active,
.range-ios-primary .range-tick-active {
background: #387ef5;
}
.range-ios-secondary .range-bar-active,
.range-ios-secondary .range-tick-active {
background: #32db64;
}
.range-ios-danger .range-bar-active,
.range-ios-danger .range-tick-active {
background: #f53d3d;
}
.range-ios-light .range-bar-active,
.range-ios-light .range-tick-active {
background: #f4f4f4;
}
.range-ios-dark .range-bar-active,
.range-ios-dark .range-tick-active {
background: #222;
}
.range-md {
padding: 8px 8px;
}
.range-md [range-left] {
margin: 0 12px 0 0;
}
.range-md [range-right] {
margin: 0 0 0 12px;
}
.range-md.range-has-pin {
padding-top: 28px;
}
.range-md .range-slider {
height: 42px;
}
.range-md .range-bar {
position: absolute;
top: 21px;
left: 0;
width: 100%;
height: 2px;
background: #bdbdbd;
pointer-events: none;
}
.range-md.range-pressed .range-bar-active {
will-change: left, right;
}
.range-md.range-pressed .range-knob-handle {
will-change: left;
}
.range-md .range-bar-active {
bottom: 0;
width: auto;
background: #387ef5;
}
.range-md .range-knob-handle {
position: absolute;
top: 21px;
left: 0%;
margin-top: -21px;
margin-left: -21px;
width: 42px;
height: 42px;
text-align: center;
}
.range-md .range-knob {
position: absolute;
top: 13px;
left: 12px;
z-index: 2;
width: 18px;
height: 18px;
border-radius: 50%;
background: #387ef5;
-webkit-transform: scale(0.67);
transform: scale(0.67);
transition-duration: 120ms;
transition-property: background-color, border, -webkit-transform;
transition-property: transform, background-color, border;
transition-property: transform, background-color, border, -webkit-transform;
transition-timing-function: ease;
pointer-events: none;
}
.range-md .range-tick {
position: absolute;
top: 21px;
z-index: 1;
margin-left: -1px;
width: 2px;
height: 2px;
border-radius: 50%;
background: #000;
pointer-events: none;
}
.range-md .range-tick-active {
background: #000;
}
.range-md .range-pin {
position: relative;
top: -20px;
display: inline-block;
padding: 8px 0;
min-width: 28px;
height: 28px;
border-radius: 50%;
font-size: 12px;
text-align: center;
color: #fff;
background: #387ef5;
-webkit-transform: translate3d(0, 28px, 0) scale(0.01);
transform: translate3d(0, 28px, 0) scale(0.01);
transition: background-color 120ms ease, -webkit-transform 120ms ease;
transition: transform 120ms ease, background-color 120ms ease;
transition: transform 120ms ease, background-color 120ms ease, -webkit-transform 120ms ease;
}
.range-md .range-pin::before {
position: absolute;
top: 3px;
left: 50%;
z-index: -1;
margin-left: -13px;
width: 26px;
height: 26px;
border-radius: 50% 50% 50% 0;
background: #387ef5;
content: "";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: background-color 120ms ease;
}
.range-md .range-knob-pressed .range-pin {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.range-md:not(.range-has-pin) .range-knob-pressed .range-knob {
-webkit-transform: scale(1);
transform: scale(1);
}
.range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff;
}
.range-md .range-knob-min.range-knob-min .range-pin,
.range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd;
}
.range-md.range-disabled .range-bar-active {
background-color: #bdbdbd;
}
.range-md.range-disabled .range-knob {
outline: 5px solid #fff;
background-color: #bdbdbd;
-webkit-transform: scale(0.55);
transform: scale(0.55);
}
.range-md-primary .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff;
}
.range-md-primary .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-primary .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd;
}
.range-md-primary .range-bar-active,
.range-md-primary .range-knob,
.range-md-primary .range-pin,
.range-md-primary .range-pin::before {
background: #387ef5;
}
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff;
}
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-secondary .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd;
}
.range-md-secondary .range-bar-active,
.range-md-secondary .range-knob,
.range-md-secondary .range-pin,
.range-md-secondary .range-pin::before {
background: #32db64;
}
.range-md-danger .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff;
}
.range-md-danger .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-danger .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd;
}
.range-md-danger .range-bar-active,
.range-md-danger .range-knob,
.range-md-danger .range-pin,
.range-md-danger .range-pin::before {
background: #f53d3d;
}
.range-md-light .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff;
}
.range-md-light .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-light .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd;
}
.range-md-light .range-bar-active,
.range-md-light .range-knob,
.range-md-light .range-pin,
.range-md-light .range-pin::before {
background: #f4f4f4;
}
.range-md-dark .range-md .range-knob-min.range-knob-min .range-knob {
border: 2px solid #bdbdbd;
background: #fff;
}
.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin::before {
color: #fff;
background: #bdbdbd;
}
.range-md-dark .range-bar-active,
.range-md-dark .range-knob,
.range-md-dark .range-pin,
.range-md-dark .range-pin::before {
background: #222;
}
.range-wp {
padding: 8px 8px;
}
.range-wp [range-left] {
margin: 0 12px 0 0;
}
.range-wp [range-right] {
margin: 0 0 0 12px;
}
.range-wp.range-has-pin {
padding-top: 28px;
}
.range-wp .range-slider {
height: 42px;
}
.range-wp .range-bar {
position: absolute;
top: 21px;
left: 0;
width: 100%;
height: 2px;
background: #bdbdbd;
pointer-events: none;
}
.range-wp.range-pressed .range-bar-active {
will-change: left, right;
}
.range-wp.range-pressed .range-knob-handle {
will-change: left;
}
.range-wp .range-bar-active {
bottom: 0;
width: auto;
background: #387ef5;
}
.range-wp .range-knob-handle {
position: absolute;
top: 21px;
left: 0%;
margin-top: -21px;
margin-left: -21px;
width: 42px;
height: 42px;
text-align: center;
}
.range-wp .range-knob {
position: absolute;
top: 10px;
left: 17px;
width: 8px;
height: 24px;
border-radius: 4px;
background: #387ef5;
pointer-events: none;
}
.range-wp .range-tick {
position: absolute;
top: 19px;
margin-left: -1px;
width: 2px;
height: 6px;
border-radius: 4px;
background: #bdbdbd;
pointer-events: none;
}
.range-wp .range-tick-active {
background: #387ef5;
}
.range-wp .range-pin {
position: relative;
top: -24px;
display: inline-block;
padding: 8px;
min-width: 28px;
border-radius: 50px;
font-size: 12px;
text-align: center;
color: #fff;
background: #387ef5;
-webkit-transform: translate3d(0, 28px, 0) scale(0.01);
transform: translate3d(0, 28px, 0) scale(0.01);
transition: -webkit-transform 120ms ease;
transition: transform 120ms ease;
transition: transform 120ms ease, -webkit-transform 120ms ease;
}
.range-wp .range-knob-pressed .range-pin {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.range-wp.range-disabled {
opacity: .5;
}
.range-wp-primary .range-bar-active,
.range-wp-primary .range-tick-active,
.range-wp-primary .range-knob,
.range-wp-primary .range-pin {
background: #387ef5;
}
.range-wp-secondary .range-bar-active,
.range-wp-secondary .range-tick-active,
.range-wp-secondary .range-knob,
.range-wp-secondary .range-pin {
background: #32db64;
}
.range-wp-danger .range-bar-active,
.range-wp-danger .range-tick-active,
.range-wp-danger .range-knob,
.range-wp-danger .range-pin {
background: #f53d3d;
}
.range-wp-light .range-bar-active,
.range-wp-light .range-tick-active,
.range-wp-light .range-knob,
.range-wp-light .range-pin {
background: #f4f4f4;
}
.range-wp-dark .range-bar-active,
.range-wp-dark .range-tick-active,
.range-wp-dark .range-knob,
.range-wp-dark .range-pin {
background: #222;
}
ion-refresher {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: none;
width: 100%;
height: 60px;
}
ion-refresher.refresher-active {
display: block;
}
.has-refresher > .scroll-content {
margin-top: -1px;
border-top: 1px solid #ddd;
transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
transition: transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
}
ion-refresher-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.refresher-pulling,
.refresher-refreshing {
display: none;
width: 100%;
}
.refresher-pulling-icon,
.refresher-refreshing-icon {
font-size: 30px;
text-align: center;
color: #000;
-webkit-transform-origin: center;
transform-origin: center;
transition: 200ms;
}
.refresher-pulling-text,
.refresher-refreshing-text {
font-size: 16px;
text-align: center;
color: #000;
}
ion-refresher-content[state=pulling] .refresher-pulling {
display: block;
}
ion-refresher-content[state=ready] .refresher-pulling {
display: block;
}
ion-refresher-content[state=ready] .refresher-pulling-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
ion-refresher-content[state=refreshing] .refresher-refreshing {
display: block;
}
ion-refresher-content[state=cancelling] .refresher-pulling {
display: block;
}
ion-refresher-content[state=cancelling] .refresher-pulling-icon {
-webkit-transform: scale(0);
transform: scale(0);
}
ion-refresher-content[state=completing] .refresher-refreshing {
display: block;
}
ion-refresher-content[state=completing] .refresher-refreshing-icon {
-webkit-transform: scale(0);
transform: scale(0);
}
ion-scroll {
position: relative;
display: block;
}
ion-scroll.scroll-x .scroll-content {
overflow-x: auto;
}
ion-scroll.scroll-y .scroll-content {
overflow-y: auto;
}
ion-scroll[center] .scroll-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
ion-scroll .scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
ion-searchbar {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.searchbar-icon {
pointer-events: none;
}
.searchbar-input-container {
position: relative;
display: block;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
}
.searchbar-input {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
width: 100%;
border: 0;
font-family: inherit;
}
.searchbar-clear-icon {
display: none;
margin: 0;
padding: 0;
min-height: 0;
}
.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon {
display: block;
}
.searchbar-ios {
padding: 0 8px;
min-height: 44px;
border-top: 0.55px solid transparent;
border-bottom: 0.55px solid rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.2);
}
.searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 9px;
left: 9px;
margin-left: calc(50% - 60px);
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-size: 13px;
}
.searchbar-ios .searchbar-input {
padding: 0 28px;
height: 3rem;
border-radius: 5px;
font-size: 1.4rem;
font-weight: 400;
color: #000;
background-color: #fff;
}
.searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(0, 0, 0, 0.5);
}
.searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
}
.searchbar-ios .searchbar-ios-cancel {
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 0;
padding: 0;
padding-left: 8px;
height: 30px;
cursor: pointer;
}
.searchbar-ios.searchbar-left-aligned .searchbar-search-icon {
margin-left: 0;
}
.searchbar-ios.searchbar-left-aligned .searchbar-input {
padding-left: 30px;
}
.searchbar-ios.searchbar-show-cancel.searchbar-has-focus .searchbar-ios-cancel {
display: block;
}
.toolbar .searchbar-ios {
border-bottom-width: 0;
background: transparent;
}
.toolbar .searchbar-ios .searchbar-input {
background: rgba(0, 0, 0, 0.08);
}
.toolbar .searchbar-ios .searchbar-ios-cancel {
padding: 0;
}
.toolbar .searchbar-ios.searchbar-has-focus .searchbar-ios-cancel {
padding-left: 8px;
}
.searchbar-ios .searchbar-md-cancel {
display: none;
}
.searchbar-ios-primary .searchbar-ios-cancel {
color: #387ef5;
}
.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #3474e1;
}
.toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-primary .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08);
}
.toolbar-ios-primary .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-primary .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-primary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-primary .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-primary .searchbar-ios .searchbar-ios-cancel {
color: #fff;
}
.searchbar-ios-secondary .searchbar-ios-cancel {
color: #32db64;
}
.searchbar-ios-secondary .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #2ec95c;
}
.toolbar-ios-secondary .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-secondary .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08);
}
.toolbar-ios-secondary .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-secondary .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-secondary .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-secondary .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-secondary .searchbar-ios .searchbar-ios-cancel {
color: #fff;
}
.searchbar-ios-danger .searchbar-ios-cancel {
color: #f53d3d;
}
.searchbar-ios-danger .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #e13838;
}
.toolbar-ios-danger .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-danger .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08);
}
.toolbar-ios-danger .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-danger .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-danger .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-danger .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-danger .searchbar-ios .searchbar-ios-cancel {
color: #fff;
}
.searchbar-ios-light .searchbar-ios-cancel {
color: #f4f4f4;
}
.searchbar-ios-light .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #e0e0e0;
}
.toolbar-ios-light .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-light .searchbar-ios .searchbar-input {
color: #000;
background: rgba(0, 0, 0, 0.08);
}
.toolbar-ios-light .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.toolbar-ios-light .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.toolbar-ios-light .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(0, 0, 0, 0.5);
}
.toolbar-ios-light .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-light .searchbar-ios .searchbar-ios-cancel {
color: #387ef5;
}
.searchbar-ios-dark .searchbar-ios-cancel {
color: #222;
}
.searchbar-ios-dark .searchbar-ios-cancel:hover:not(.disable-hover) {
color: #343434;
}
.toolbar-ios-dark .searchbar-ios .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-dark .searchbar-ios .searchbar-input {
color: #fff;
background: rgba(255, 255, 255, 0.08);
}
.toolbar-ios-dark .searchbar-ios .searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-dark .searchbar-ios .searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: rgba(255, 255, 255, 0.5);
}
.toolbar-ios-dark .searchbar-ios .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.toolbar-ios-dark .searchbar-ios .searchbar-ios-cancel {
color: #fff;
}
.searchbar-ios.searchbar-animated.searchbar-show-cancel .searchbar-ios-cancel {
display: block;
}
.searchbar-ios.searchbar-animated .searchbar-search-icon,
.searchbar-ios.searchbar-animated .searchbar-input {
transition: all 300ms ease;
}
.searchbar-animated.searchbar-has-focus .searchbar-ios-cancel {
opacity: 1;
pointer-events: auto;
}
.searchbar-animated .searchbar-ios-cancel {
margin-right: -100%;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 300ms ease;
pointer-events: none;
}
.searchbar-md {
padding: 8px;
background: inherit;
}
.searchbar-md .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
top: 11px;
left: 16px;
width: 21px;
height: 21px;
}
.searchbar-md .searchbar-md-cancel {
top: 0;
left: 10px;
display: none;
margin: 0;
width: 21px;
height: 100%;
}
.searchbar-md .searchbar-search-icon,
.searchbar-md .searchbar-md-cancel {
position: absolute;
background-repeat: no-repeat;
background-size: 20px;
}
.searchbar-md .searchbar-search-icon.activated,
.searchbar-md .searchbar-md-cancel.activated {
background-color: transparent;
}
.searchbar-md .searchbar-input {
padding: 6px 55px;
height: auto;
border-radius: 2px;
font-size: 1.6rem;
font-weight: 400;
line-height: 3rem;
color: #141414;
background-color: #fff;
background-position: 8px center;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.searchbar-md .searchbar-input::-moz-placeholder {
color: #aeaeae;
}
.searchbar-md .searchbar-input:-ms-input-placeholder {
color: #aeaeae;
}
.searchbar-md .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: #aeaeae;
}
.searchbar-md .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 0;
right: 13px;
padding: 0;
width: 22px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
.searchbar-md .searchbar-clear-icon.activated {
background-color: transparent;
}
.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-search-icon {
display: none;
}
.searchbar-md.searchbar-has-focus.searchbar-show-cancel .searchbar-md-cancel {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.toolbar .searchbar-md {
padding: 3px;
}
.toolbar .searchbar-md .searchbar-md-cancel {
left: 14px;
}
.searchbar-md .searchbar-ios-cancel {
display: none;
}
.searchbar-wp {
padding: 8px;
background: transparent;
}
.searchbar-wp .searchbar-input-container {
border: 2px solid rgba(0, 0, 0, 0.5);
}
.searchbar-wp .searchbar-search-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 5px;
right: 8px;
width: 21px;
height: 21px;
background-repeat: no-repeat;
background-size: 20px;
}
.searchbar-wp .searchbar-search-icon.activated {
background-color: transparent;
}
.searchbar-wp .searchbar-input {
padding: 0 8px;
height: auto;
border-radius: 0;
font-size: 1.4rem;
font-weight: 400;
line-height: 3rem;
color: #141414;
background-color: #fff;
background-position: 8px center;
}
.searchbar-wp .searchbar-input::-moz-placeholder {
color: #858585;
}
.searchbar-wp .searchbar-input:-ms-input-placeholder {
color: #858585;
}
.searchbar-wp .searchbar-input::-webkit-input-placeholder {
text-indent: 0;
color: #858585;
}
.searchbar-wp .searchbar-clear-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 0;
right: 8px;
padding: 0;
width: 22px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 22px;
}
.searchbar-wp .searchbar-clear-icon.activated {
background-color: transparent;
}
.searchbar-wp.searchbar-has-focus .searchbar-input-container {
border-color: #387ef5;
}
.searchbar-wp.searchbar-has-value .searchbar-search-icon {
display: none;
}
.searchbar-wp .searchbar-ios-cancel {
display: none;
}
.searchbar-wp .searchbar-md-cancel {
display: none;
}
.toolbar .searchbar-wp {
padding: 2px;
}
.searchbar-wp-primary.searchbar-has-focus .searchbar-input-container {
border-color: #387ef5;
}
.searchbar-wp-secondary.searchbar-has-focus .searchbar-input-container {
border-color: #32db64;
}
.searchbar-wp-danger.searchbar-has-focus .searchbar-input-container {
border-color: #f53d3d;
}
.searchbar-wp-light.searchbar-has-focus .searchbar-input-container {
border-color: #f4f4f4;
}
.searchbar-wp-dark.searchbar-has-focus .searchbar-input-container {
border-color: #222;
}
ion-segment {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.segment-button {
position: relative;
display: block;
overflow: hidden;
margin-right: 0;
margin-left: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.segment-ios .segment-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
height: 3.2rem;
border-width: 1px;
border-style: solid;
border-color: #387ef5;
font-size: 1.3rem;
line-height: 3rem;
color: #387ef5;
background-color: transparent;
}
.segment-ios .segment-button ion-icon {
font-size: 2.6rem;
line-height: 2.8rem;
}
.segment-ios .segment-button.segment-activated {
color: #fff;
background-color: #387ef5;
opacity: 1;
transition: 100ms all linear;
}
.segment-ios .segment-button:hover:not(.segment-activated) {
background-color: rgba(56, 126, 245, 0.1);
transition: 100ms all linear;
}
.segment-ios .segment-button:active:not(.segment-activated) {
background-color: rgba(56, 126, 245, 0.16);
transition: 100ms all linear;
}
.segment-ios .segment-button:first-of-type {
margin-right: 0;
border-radius: 4px 0 0 4px;
}
.segment-ios .segment-button:not(:first-of-type) {
border-left-width: 0;
}
.segment-ios .segment-button:last-of-type {
margin-left: 0;
border-left-width: 0;
border-radius: 0 4px 4px 0;
}
.segment-ios .segment-button-disabled {
color: rgba(56, 126, 245, 0.3);
pointer-events: none;
}
.toolbar-ios .segment-ios {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.toolbar-ios .segment-button {
max-width: 100px;
height: 2.6rem;
font-size: 1.2rem;
line-height: 2.5rem;
}
.toolbar-ios .segment-button ion-icon {
font-size: 2.2rem;
line-height: 2.4rem;
}
.segment-ios-primary .segment-button {
border-color: #387ef5;
color: #387ef5;
}
.segment-ios-primary .segment-button:hover:not(.segment-activated) {
background-color: rgba(56, 126, 245, 0.1);
}
.segment-ios-primary .segment-button:active:not(.segment-activated) {
background-color: rgba(56, 126, 245, 0.16);
}
.segment-ios-primary .segment-button.segment-activated {
color: #fff;
background-color: #387ef5;
}
.segment-ios-primary .segment-button-disabled {
color: rgba(56, 126, 245, 0.3);
}
.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
color: #387ef5;
}
.segment-ios-secondary .segment-button {
border-color: #32db64;
color: #32db64;
}
.segment-ios-secondary .segment-button:hover:not(.segment-activated) {
background-color: rgba(50, 219, 100, 0.1);
}
.segment-ios-secondary .segment-button:active:not(.segment-activated) {
background-color: rgba(50, 219, 100, 0.16);
}
.segment-ios-secondary .segment-button.segment-activated {
color: #fff;
background-color: #32db64;
}
.segment-ios-secondary .segment-button-disabled {
color: rgba(50, 219, 100, 0.3);
}
.toolbar-ios-secondary .segment-ios .segment-button.segment-activated {
color: #32db64;
}
.segment-ios-danger .segment-button {
border-color: #f53d3d;
color: #f53d3d;
}
.segment-ios-danger .segment-button:hover:not(.segment-activated) {
background-color: rgba(245, 61, 61, 0.1);
}
.segment-ios-danger .segment-button:active:not(.segment-activated) {
background-color: rgba(245, 61, 61, 0.16);
}
.segment-ios-danger .segment-button.segment-activated {
color: #fff;
background-color: #f53d3d;
}
.segment-ios-danger .segment-button-disabled {
color: rgba(245, 61, 61, 0.3);
}
.toolbar-ios-danger .segment-ios .segment-button.segment-activated {
color: #f53d3d;
}
.segment-ios-light .segment-button {
border-color: #f4f4f4;
color: #f4f4f4;
}
.segment-ios-light .segment-button:hover:not(.segment-activated) {
background-color: rgba(244, 244, 244, 0.1);
}
.segment-ios-light .segment-button:active:not(.segment-activated) {
background-color: rgba(244, 244, 244, 0.16);
}
.segment-ios-light .segment-button.segment-activated {
color: #000;
background-color: #f4f4f4;
}
.segment-ios-light .segment-button-disabled {
color: rgba(244, 244, 244, 0.3);
}
.toolbar-ios-light .segment-ios .segment-button.segment-activated {
color: #f4f4f4;
}
.segment-ios-dark .segment-button {
border-color: #222;
color: #222;
}
.segment-ios-dark .segment-button:hover:not(.segment-activated) {
background-color: rgba(34, 34, 34, 0.1);
}
.segment-ios-dark .segment-button:active:not(.segment-activated) {
background-color: rgba(34, 34, 34, 0.16);
}
.segment-ios-dark .segment-button.segment-activated {
color: #fff;
background-color: #222;
}
.segment-ios-dark .segment-button-disabled {
color: rgba(34, 34, 34, 0.3);
}
.toolbar-ios-dark .segment-ios .segment-button.segment-activated {
color: #222;
}
.segment-md .segment-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 6px;
width: 0;
height: 4.2rem;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.1);
font-size: 1.2rem;
font-weight: 500;
line-height: 4rem;
text-transform: uppercase;
color: #387ef5;
background-color: transparent;
opacity: 0.7;
transition: 100ms all linear;
}
.segment-md .segment-button ion-icon {
font-size: 2.6rem;
line-height: 4rem;
}
.segment-md .segment-button.activated, .segment-md .segment-button.segment-activated {
border-color: #387ef5;
opacity: 1;
}
.segment-md .segment-button-disabled {
opacity: 0.3;
pointer-events: none;
}
.toolbar .segment-md {
margin: 0 auto;
}
.toolbar .segment-md .segment-button.activated,
.toolbar .segment-md .segment-button.segment-activated {
opacity: 1;
}
.segment-md-primary .segment-button {
color: #387ef5;
}
.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
border-color: #387ef5;
color: #387ef5;
opacity: 1;
}
.segment-md-secondary .segment-button {
color: #32db64;
}
.segment-md-secondary .segment-button.activated, .segment-md-secondary .segment-button.segment-activated {
border-color: #32db64;
color: #32db64;
opacity: 1;
}
.segment-md-danger .segment-button {
color: #f53d3d;
}
.segment-md-danger .segment-button.activated, .segment-md-danger .segment-button.segment-activated {
border-color: #f53d3d;
color: #f53d3d;
opacity: 1;
}
.segment-md-light .segment-button {
color: #f4f4f4;
}
.segment-md-light .segment-button.activated, .segment-md-light .segment-button.segment-activated {
border-color: #f4f4f4;
color: #f4f4f4;
opacity: 1;
}
.segment-md-dark .segment-button {
color: #222;
}
.segment-md-dark .segment-button.activated, .segment-md-dark .segment-button.segment-activated {
border-color: #222;
color: #222;
opacity: 1;
}
.segment-wp {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.segment-wp .segment-button {
padding: 0 6px;
height: 4rem;
font-size: 1.3rem;
font-weight: bold;
line-height: 4rem;
text-transform: uppercase;
color: #000;
background-color: transparent;
opacity: 0.5;
}
.segment-wp .segment-button.segment-activated {
opacity: 1;
}
.segment-wp .segment-button ion-icon {
font-size: 2.6rem;
line-height: 4rem;
}
.segment-wp .segment-button-disabled {
opacity: 0.3;
pointer-events: none;
}
.toolbar .segment-wp {
margin: 0 auto;
}
.segment-wp-primary .segment-button {
color: #387ef5;
}
.segment-wp-primary .segment-button.activated, .segment-wp-primary .segment-button.segment-activated {
border-color: #387ef5;
color: #387ef5;
opacity: 1;
}
.segment-wp-secondary .segment-button {
color: #32db64;
}
.segment-wp-secondary .segment-button.activated, .segment-wp-secondary .segment-button.segment-activated {
border-color: #32db64;
color: #32db64;
opacity: 1;
}
.segment-wp-danger .segment-button {
color: #f53d3d;
}
.segment-wp-danger .segment-button.activated, .segment-wp-danger .segment-button.segment-activated {
border-color: #f53d3d;
color: #f53d3d;
opacity: 1;
}
.segment-wp-light .segment-button {
color: #f4f4f4;
}
.segment-wp-light .segment-button.activated, .segment-wp-light .segment-button.segment-activated {
border-color: #f4f4f4;
color: #f4f4f4;
opacity: 1;
}
.segment-wp-dark .segment-button {
color: #222;
}
.segment-wp-dark .segment-button.activated, .segment-wp-dark .segment-button.segment-activated {
border-color: #222;
color: #222;
opacity: 1;
}
ion-select {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
max-width: 45%;
}
.select-text {
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 16px;
font-size: inherit;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-multiple-inputs ion-select {
position: relative;
}
.select-disabled,
.item-select-disabled ion-label {
opacity: .4;
pointer-events: none;
}
.select-ios {
padding: 11px 8px 11px 16px;
}
.select-ios .select-placeholder {
color: #999;
}
.select-ios .select-icon {
position: relative;
width: 12px;
height: 18px;
}
.select-ios .select-icon .select-icon-inner {
position: absolute;
top: 50%;
left: 5px;
margin-top: -2px;
width: 0;
height: 0;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #999;
pointer-events: none;
}
.select-md {
padding: 13px 8px 13px 16px;
}
.select-md .select-placeholder {
color: #999;
}
.select-md .item-select ion-label {
margin-left: 0;
}
.select-md .select-icon {
position: relative;
width: 12px;
height: 19px;
}
.select-md .select-icon .select-icon-inner {
position: absolute;
top: 50%;
left: 5px;
margin-top: -3px;
width: 0;
height: 0;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #999;
pointer-events: none;
}
.select-wp {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 13px 8px 13px 8px;
padding: 0 8px;
max-width: 100%;
border: 2px solid rgba(0, 0, 0, 0.5);
line-height: 3rem;
}
.select-wp .select-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.item-wp.item-select ion-label {
margin-left: 0;
}
.select-wp .select-icon {
position: relative;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 18px;
height: 18px;
}
.select-wp .select-icon .select-icon-inner {
position: absolute;
top: 3px;
left: 5px;
display: block;
width: 9px;
height: 9px;
border-top: 2px solid rgba(0, 0, 0, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
pointer-events: none;
}
.select-wp .select-text {
min-height: 3rem;
}
.hidden-show-when {
display: none !important;
}
.hidden-hide-when {
display: none !important;
}
/**
* Swiper 3.1.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: August 22, 2015
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
}
button.swiper-pagination-bullet {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination {
bottom: 20px;
left: 0;
width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%;
z-index: 1;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
ion-slides {
width: 100%;
height: 100%;
display: block;
}
.slide-zoom {
display: block;
width: 100%;
text-align: center;
}
.swiper-container {
width: 100%;
height: 100%;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.swiper-wrapper {
width: 100%;
height: 100%;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.swiper-slide {
width: 100%;
height: 100%;
box-sizing: border-box;
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
ion-spinner {
position: relative;
display: inline-block;
width: 28px;
height: 28px;
}
ion-spinner svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
ion-spinner.spinner-paused svg {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.spinner-ios line,
.spinner-ios-small line {
stroke-width: 4px;
stroke-linecap: round;
}
.spinner-ios svg,
.spinner-ios-small svg {
-webkit-animation: spinner-fade-out 1s linear infinite;
animation: spinner-fade-out 1s linear infinite;
}
.spinner-bubbles svg {
-webkit-animation: spinner-scale-out 1s linear infinite;
animation: spinner-scale-out 1s linear infinite;
}
.spinner-circles svg {
-webkit-animation: spinner-fade-out 1s linear infinite;
animation: spinner-fade-out 1s linear infinite;
}
.spinner-crescent circle {
fill: transparent;
stroke-width: 4px;
stroke-dasharray: 128px;
stroke-dashoffset: 82px;
}
.spinner-crescent svg {
-webkit-animation: spinner-rotate 1s linear infinite;
animation: spinner-rotate 1s linear infinite;
}
.spinner-dots circle {
stroke-width: 0;
}
.spinner-dots svg {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation: spinner-dots 1s linear infinite;
animation: spinner-dots 1s linear infinite;
}
@-webkit-keyframes spinner-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes spinner-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes spinner-scale-out {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
}
@keyframes spinner-scale-out {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
}
@-webkit-keyframes spinner-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner-dots {
0% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
opacity: .3;
-webkit-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4);
}
100% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes spinner-dots {
0% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
opacity: .3;
-webkit-transform: scale(0.4, 0.4);
transform: scale(0.4, 0.4);
}
100% {
opacity: .9;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.spinner-ios-ios line,
.spinner-ios-ios-small line {
stroke: #69717d;
}
.spinner-ios-bubbles circle {
fill: #000;
}
.spinner-ios-circles circle {
fill: #69717d;
}
.spinner-ios-crescent circle {
stroke: #000;
}
.spinner-ios-dots circle {
fill: #444;
}
.spinner-ios-primary.spinner-ios line,
.spinner-ios-primary.spinner-ios-small line,
.spinner-ios-primary.spinner-crescent circle {
stroke: #387ef5;
}
.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
fill: #387ef5;
}
.spinner-ios-secondary.spinner-ios line,
.spinner-ios-secondary.spinner-ios-small line,
.spinner-ios-secondary.spinner-crescent circle {
stroke: #32db64;
}
.spinner-ios-secondary.spinner-bubbles circle,
.spinner-ios-secondary.spinner-circles circle,
.spinner-ios-secondary.spinner-dots circle {
fill: #32db64;
}
.spinner-ios-danger.spinner-ios line,
.spinner-ios-danger.spinner-ios-small line,
.spinner-ios-danger.spinner-crescent circle {
stroke: #f53d3d;
}
.spinner-ios-danger.spinner-bubbles circle,
.spinner-ios-danger.spinner-circles circle,
.spinner-ios-danger.spinner-dots circle {
fill: #f53d3d;
}
.spinner-ios-light.spinner-ios line,
.spinner-ios-light.spinner-ios-small line,
.spinner-ios-light.spinner-crescent circle {
stroke: #f4f4f4;
}
.spinner-ios-light.spinner-bubbles circle,
.spinner-ios-light.spinner-circles circle,
.spinner-ios-light.spinner-dots circle {
fill: #f4f4f4;
}
.spinner-ios-dark.spinner-ios line,
.spinner-ios-dark.spinner-ios-small line,
.spinner-ios-dark.spinner-crescent circle {
stroke: #222;
}
.spinner-ios-dark.spinner-bubbles circle,
.spinner-ios-dark.spinner-circles circle,
.spinner-ios-dark.spinner-dots circle {
fill: #222;
}
.spinner-md-ios line,
.spinner-md-ios-small line {
stroke: #69717d;
}
.spinner-md-bubbles circle {
fill: #000;
}
.spinner-md-circles circle {
fill: #69717d;
}
.spinner-md-crescent circle {
stroke: #000;
}
.spinner-md-dots circle {
fill: #444;
}
.spinner-md-primary.spinner-ios line,
.spinner-md-primary.spinner-ios-small line,
.spinner-md-primary.spinner-crescent circle {
stroke: #387ef5;
}
.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
fill: #387ef5;
}
.spinner-md-secondary.spinner-ios line,
.spinner-md-secondary.spinner-ios-small line,
.spinner-md-secondary.spinner-crescent circle {
stroke: #32db64;
}
.spinner-md-secondary.spinner-bubbles circle,
.spinner-md-secondary.spinner-circles circle,
.spinner-md-secondary.spinner-dots circle {
fill: #32db64;
}
.spinner-md-danger.spinner-ios line,
.spinner-md-danger.spinner-ios-small line,
.spinner-md-danger.spinner-crescent circle {
stroke: #f53d3d;
}
.spinner-md-danger.spinner-bubbles circle,
.spinner-md-danger.spinner-circles circle,
.spinner-md-danger.spinner-dots circle {
fill: #f53d3d;
}
.spinner-md-light.spinner-ios line,
.spinner-md-light.spinner-ios-small line,
.spinner-md-light.spinner-crescent circle {
stroke: #f4f4f4;
}
.spinner-md-light.spinner-bubbles circle,
.spinner-md-light.spinner-circles circle,
.spinner-md-light.spinner-dots circle {
fill: #f4f4f4;
}
.spinner-md-dark.spinner-ios line,
.spinner-md-dark.spinner-ios-small line,
.spinner-md-dark.spinner-crescent circle {
stroke: #222;
}
.spinner-md-dark.spinner-bubbles circle,
.spinner-md-dark.spinner-circles circle,
.spinner-md-dark.spinner-dots circle {
fill: #222;
}
.spinner-wp-ios line,
.spinner-wp-ios-small line {
stroke: #69717d;
}
.spinner-wp-bubbles circle {
fill: #000;
}
.spinner-wp-circles circle {
fill: #69717d;
}
.spinner-wp-crescent circle {
stroke: #000;
}
.spinner-wp-dots circle {
fill: #444;
}
.spinner-wp-primary.spinner-ios line,
.spinner-wp-primary.spinner-ios-small line,
.spinner-wp-primary.spinner-crescent circle {
stroke: #387ef5;
}
.spinner-wp-primary.spinner-bubbles circle,
.spinner-wp-primary.spinner-circles circle,
.spinner-wp-primary.spinner-dots circle {
fill: #387ef5;
}
.spinner-wp-secondary.spinner-ios line,
.spinner-wp-secondary.spinner-ios-small line,
.spinner-wp-secondary.spinner-crescent circle {
stroke: #32db64;
}
.spinner-wp-secondary.spinner-bubbles circle,
.spinner-wp-secondary.spinner-circles circle,
.spinner-wp-secondary.spinner-dots circle {
fill: #32db64;
}
.spinner-wp-danger.spinner-ios line,
.spinner-wp-danger.spinner-ios-small line,
.spinner-wp-danger.spinner-crescent circle {
stroke: #f53d3d;
}
.spinner-wp-danger.spinner-bubbles circle,
.spinner-wp-danger.spinner-circles circle,
.spinner-wp-danger.spinner-dots circle {
fill: #f53d3d;
}
.spinner-wp-light.spinner-ios line,
.spinner-wp-light.spinner-ios-small line,
.spinner-wp-light.spinner-crescent circle {
stroke: #f4f4f4;
}
.spinner-wp-light.spinner-bubbles circle,
.spinner-wp-light.spinner-circles circle,
.spinner-wp-light.spinner-dots circle {
fill: #f4f4f4;
}
.spinner-wp-dark.spinner-ios line,
.spinner-wp-dark.spinner-ios-small line,
.spinner-wp-dark.spinner-crescent circle {
stroke: #222;
}
.spinner-wp-dark.spinner-bubbles circle,
.spinner-wp-dark.spinner-circles circle,
.spinner-wp-dark.spinner-dots circle {
fill: #222;
}
.tabbar {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
opacity: 0;
}
.tabbar.show-tabbar {
opacity: 1;
}
[tabsPlacement=top] > .tabbar {
top: 0;
bottom: auto;
}
.tab-button {
position: relative;
z-index: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
border: 0;
border-radius: 0;
text-align: center;
text-decoration: none;
background: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tab-disabled {
pointer-events: none;
}
.tab-disabled ion-badge,
.tab-disabled ion-icon,
.tab-disabled span {
opacity: .4;
}
.tab-button-text {
margin-top: 3px;
margin-bottom: 2px;
}
.tab-button-text,
.tab-button-icon {
display: none;
overflow: hidden;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
min-width: 26px;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.has-icon .tab-button-icon,
.has-title .tab-button-text {
display: block;
}
.has-title-only .tab-button-text {
white-space: normal;
}
[tabsLayout=icon-bottom] .tab-button .tab-button-icon {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
[tabsLayout=icon-left] .tab-button,
[tabsLayout=icon-right] .tab-button {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
[tabsLayout=icon-left] .tab-button .tab-button-icon {
padding-right: 8px;
text-align: right;
}
[tabsLayout=icon-right] .tab-button .tab-button-icon {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
padding-left: 8px;
text-align: left;
}
.tab-hidden,
.tab-highlight,
[tabsLayout=icon-hide] .tab-button-icon,
[tabsLayout=title-hide] .tab-button-text {
display: none;
}
.tab-badge {
position: absolute;
top: 6%;
right: 4%;
right: calc(50% - 50px);
padding: 1px 6px;
height: auto;
font-size: 12px;
line-height: 16px;
}
.has-icon .tab-badge {
right: calc(50% - 30px);
}
[tabsLayout=icon-bottom] .tab-badge,
[tabsLayout=icon-left] .tab-badge,
[tabsLayout=icon-right] .tab-badge {
right: calc(50% - 50px);
}
.tabs-ios .tabbar {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 0.55px solid rgba(0, 0, 0, 0.3);
background: #f8f8f8;
}
.tabs-ios[tabsPlacement=top] .tabbar {
border-top: 0;
border-bottom: 0.55px solid rgba(0, 0, 0, 0.3);
}
.tabs-ios .tab-button {
padding: 0 2px;
max-width: 240px;
min-height: 49px;
font-size: 10px;
color: #8c8c8c;
}
.tabs-ios .tab-button:hover:not(.disable-hover),
.tabs-ios .tab-button[aria-selected=true] {
color: #387ef5;
}
.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
color: #387ef5;
}
.tabs-ios .tab-button-text {
margin-top: 0;
margin-bottom: 1px;
min-height: 11px;
}
.tabs-ios .has-title-only .tab-button-text {
font-size: 12px;
}
.tabs-ios .tab-button-icon {
margin-top: 4px;
margin-bottom: 1px;
min-width: 35px;
height: 30px;
font-size: 30px;
color: #8c8c8c;
}
.tabs-ios .tab-button-icon::before {
vertical-align: top;
}
.tabs-ios[tabsLayout=icon-right] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-left] .tab-button .tab-button-text {
font-size: 1.4rem;
line-height: 1.1;
}
.tabs-ios[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-left] .tab-button ion-icon {
min-width: 24px;
height: 26px;
font-size: 24px;
}
.tabs-ios[tabsLayout=icon-hide] .tab-button,
.tabs-ios .tab-button.has-title-only {
min-height: 41px;
}
.tabs-ios[tabsLayout=icon-hide] .tab-button .tab-button-text,
.tabs-ios .tab-button.has-title-only .tab-button-text {
margin: 2px 0;
font-size: 1.4rem;
line-height: 1.1;
}
.tabs-ios[tabsLayout=title-hide] .tab-button,
.tabs-ios .tab-button.icon-only {
min-height: 41px;
}
.tabs-ios-primary .tabbar {
border-color: #0c60ee;
background-color: #387ef5;
}
.tabs-ios-primary .tab-button,
.tabs-ios-primary .tab-button-icon,
.tabs-ios-primary .tab-button:hover:not(.disable-hover),
.tabs-ios-primary .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-ios-primary .tab-button[aria-selected=true],
.tabs-ios-primary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-ios-secondary .tabbar {
border-color: #21b94e;
background-color: #32db64;
}
.tabs-ios-secondary .tab-button,
.tabs-ios-secondary .tab-button-icon,
.tabs-ios-secondary .tab-button:hover:not(.disable-hover),
.tabs-ios-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-ios-secondary .tab-button[aria-selected=true],
.tabs-ios-secondary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-ios-danger .tabbar {
border-color: #f30d0d;
background-color: #f53d3d;
}
.tabs-ios-danger .tab-button,
.tabs-ios-danger .tab-button-icon,
.tabs-ios-danger .tab-button:hover:not(.disable-hover),
.tabs-ios-danger .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-ios-danger .tab-button[aria-selected=true],
.tabs-ios-danger .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-ios-light .tabbar {
border-color: #dbdbdb;
background-color: #f4f4f4;
}
.tabs-ios-light .tab-button,
.tabs-ios-light .tab-button-icon,
.tabs-ios-light .tab-button:hover:not(.disable-hover),
.tabs-ios-light .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(0, 0, 0, 0.7);
}
.tabs-ios-light .tab-button[aria-selected=true],
.tabs-ios-light .tab-button[aria-selected=true] .tab-button-icon {
color: #000;
}
.tabs-ios-dark .tabbar {
border-color: #090909;
background-color: #222;
}
.tabs-ios-dark .tab-button,
.tabs-ios-dark .tab-button-icon,
.tabs-ios-dark .tab-button:hover:not(.disable-hover),
.tabs-ios-dark .tab-button:hover:not(.disable-hover) .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-ios-dark .tab-button[aria-selected=true],
.tabs-ios-dark .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-md .tabbar {
background: #f8f8f8;
}
.tabs-md .tab-button {
padding: 0;
min-height: 5.6rem;
font-weight: normal;
color: rgba(60, 60, 60, 0.7);
}
.tabs-md .tab-button[aria-selected=true] {
padding: 0;
color: #387ef5;
}
.tabs-md .tab-button-text {
margin: 0;
font-size: 1.2rem;
text-transform: none;
-webkit-transform-origin: 50% 80%;
transform-origin: 50% 80%;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tabs-md .tab-button[aria-selected=true] .tab-button-text {
-webkit-transform: scale3d(1.16667, 1.16667, 1);
transform: scale3d(1.16667, 1.16667, 1);
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text {
margin-top: 4px;
margin-bottom: 0;
}
.tabs-md[tabsLayout=icon-bottom] .tab-button .tab-button-text {
margin-top: 0;
}
.tabs-md .tab-button-icon {
margin-top: 1px;
min-width: 2.4rem;
font-size: 2.4rem;
color: rgba(60, 60, 60, 0.7);
-webkit-transform-origin: 50% 150%;
transform-origin: 50% 150%;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tabs-md .tab-button[aria-selected=true] .tab-button-icon {
color: #387ef5;
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
.tabs-md[tabsLayout=icon-bottom] .tab-button[aria-selected=true] .tab-button-icon {
-webkit-transform: translate3d(0, 2px, 0);
transform: translate3d(0, 2px, 0);
}
.tabs-md[tabsLayout=icon-left] .tab-button[aria-selected=true] .tab-button-icon {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
.tabs-md[tabsLayout=icon-hide] .tab-button,
.tabs-md[tabsLayout=title-hide] .tab-button,
.tabs-md .tab-button.icon-only,
.tabs-md .tab-button.has-title-only {
padding: 0 10px;
}
.tabs-md[tabsHighlight=true] .tab-highlight {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 1px;
height: 2px;
background: #387ef5;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.tabs-md[tabsHighlight=true] .tab-highlight.animate {
transition-duration: 300ms;
}
.tabs-md[tabsHighlight=true][tabsPlacement=bottom] .tab-highlight {
top: 0;
}
.tabs-md-primary .tabbar {
background-color: #387ef5;
}
.tabs-md-primary .tab-button,
.tabs-md-primary .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-md-primary .tab-button:hover:not(.disable-hover),
.tabs-md-primary .tab-button[aria-selected=true],
.tabs-md-primary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-md-primary[tabsHighlight=true] .tab-highlight {
background: #fff;
}
.tabs-md-secondary .tabbar {
background-color: #32db64;
}
.tabs-md-secondary .tab-button,
.tabs-md-secondary .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-md-secondary .tab-button:hover:not(.disable-hover),
.tabs-md-secondary .tab-button[aria-selected=true],
.tabs-md-secondary .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-md-secondary[tabsHighlight=true] .tab-highlight {
background: #fff;
}
.tabs-md-danger .tabbar {
background-color: #f53d3d;
}
.tabs-md-danger .tab-button,
.tabs-md-danger .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-md-danger .tab-button:hover:not(.disable-hover),
.tabs-md-danger .tab-button[aria-selected=true],
.tabs-md-danger .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-md-danger[tabsHighlight=true] .tab-highlight {
background: #fff;
}
.tabs-md-light .tabbar {
background-color: #f4f4f4;
}
.tabs-md-light .tab-button,
.tabs-md-light .tab-button-icon {
color: rgba(0, 0, 0, 0.7);
}
.tabs-md-light .tab-button:hover:not(.disable-hover),
.tabs-md-light .tab-button[aria-selected=true],
.tabs-md-light .tab-button[aria-selected=true] .tab-button-icon {
color: #000;
}
.tabs-md-light[tabsHighlight=true] .tab-highlight {
background: #000;
}
.tabs-md-dark .tabbar {
background-color: #222;
}
.tabs-md-dark .tab-button,
.tabs-md-dark .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-md-dark .tab-button:hover:not(.disable-hover),
.tabs-md-dark .tab-button[aria-selected=true],
.tabs-md-dark .tab-button[aria-selected=true] .tab-button-icon {
color: #fff;
}
.tabs-md-dark[tabsHighlight=true] .tab-highlight {
background: #fff;
}
.tabs-wp .tabbar {
background: #f8f8f8;
}
.tabs-wp .tab-button {
padding: 12px 10px 5px 10px;
min-height: 4.8rem;
border-bottom: 2px solid transparent;
border-radius: 0;
font-size: 1.2rem;
font-weight: normal;
color: rgba(140, 140, 140, 0.7);
box-shadow: none;
}
.tabs-wp .tab-button[aria-selected=true] {
border-bottom-color: #387ef5;
color: #387ef5;
}
.tabs-wp .tab-button.activated {
background: rgba(0, 0, 0, 0.1);
}
.tabs-wp[tabsPlacement=bottom] .tab-button {
border-top: 2px solid transparent;
border-bottom-width: 0;
}
.tabs-wp[tabsPlacement=bottom] .tab-button[aria-selected=true] {
border-top-color: #387ef5;
}
.tabs-wp .tab-button-text {
margin-top: 5px;
margin-bottom: 5px;
}
.tabs-wp .tab-button-icon {
min-width: 2.4rem;
font-size: 2.4rem;
color: rgba(140, 140, 140, 0.7);
}
.tabs-wp .tab-button[aria-selected=true] .tab-button-icon {
color: #387ef5;
}
.tabs-wp[tabsLayout=icon-bottom] .tab-button {
padding-top: 8px;
padding-bottom: 8px;
}
.tabs-wp[tabsLayout=icon-right] .tab-button,
.tabs-wp[tabsLayout=icon-left] .tab-button {
padding-bottom: 10px;
}
.tabs-wp[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-left] .tab-button ion-icon {
min-width: 24px;
}
.tabs-wp[tabsLayout=icon-hide] .tab-button,
.tabs-wp[tabsLayout=title-hide] .tab-button,
.tabs-wp .tab-button.icon-only,
.tabs-wp .tab-button.has-title-only {
padding: 6px 10px;
}
.tabs-wp-primary .tabbar {
background-color: #387ef5;
}
.tabs-wp-primary .tab-button,
.tabs-wp-primary .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-wp-primary .tab-button:hover:not(.disable-hover),
.tabs-wp-primary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-primary .tab-button[aria-selected=true],
.tabs-wp-primary .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff;
}
.tabs-wp-secondary .tabbar {
background-color: #32db64;
}
.tabs-wp-secondary .tab-button,
.tabs-wp-secondary .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-wp-secondary .tab-button:hover:not(.disable-hover),
.tabs-wp-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-secondary .tab-button[aria-selected=true],
.tabs-wp-secondary .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff;
}
.tabs-wp-danger .tabbar {
background-color: #f53d3d;
}
.tabs-wp-danger .tab-button,
.tabs-wp-danger .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-wp-danger .tab-button:hover:not(.disable-hover),
.tabs-wp-danger .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-danger .tab-button[aria-selected=true],
.tabs-wp-danger .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff;
}
.tabs-wp-light .tabbar {
background-color: #f4f4f4;
}
.tabs-wp-light .tab-button,
.tabs-wp-light .tab-button-icon {
color: rgba(0, 0, 0, 0.7);
}
.tabs-wp-light .tab-button:hover:not(.disable-hover),
.tabs-wp-light .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-light .tab-button[aria-selected=true],
.tabs-wp-light .tab-button[aria-selected=true] .tab-button-icon {
border-color: #000;
color: #000;
}
.tabs-wp-dark .tabbar {
background-color: #222;
}
.tabs-wp-dark .tab-button,
.tabs-wp-dark .tab-button-icon {
color: rgba(255, 255, 255, 0.7);
}
.tabs-wp-dark .tab-button:hover:not(.disable-hover),
.tabs-wp-dark .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-dark .tab-button[aria-selected=true],
.tabs-wp-dark .tab-button[aria-selected=true] .tab-button-icon {
border-color: #fff;
color: #fff;
}
ion-toast {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
contain: strict;
}
.toast-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
pointer-events: auto;
contain: content;
}
.toast-button {
padding: 19px 16px 17px;
font-size: 1.5rem;
}
.toast-message {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.toast-ios .toast-wrapper {
position: absolute;
right: 10px;
left: 10px;
z-index: 10;
display: block;
margin: auto;
max-width: 700px;
border-radius: 0.65rem;
background: rgba(0, 0, 0, 0.9);
}
.toast-ios .toast-wrapper.toast-top {
top: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.toast-ios .toast-wrapper.toast-bottom {
bottom: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.toast-ios .toast-wrapper.toast-middle {
opacity: .01;
}
.toast-ios .toast-message {
padding: 1.5rem;
font-size: 1.4rem;
color: #fff;
}
.toast-md .toast-wrapper {
position: absolute;
right: 0;
left: 0;
z-index: 10;
display: block;
margin: auto;
width: 100%;
max-width: 700px;
background: #333;
}
.toast-md .toast-wrapper.toast-top {
top: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.toast-md .toast-wrapper.toast-bottom {
bottom: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.toast-md .toast-wrapper.toast-middle {
opacity: .01;
}
.toast-md .toast-message {
padding: 19px 16px 17px;
font-size: 1.5rem;
color: #fff;
}
.toast-wp .toast-wrapper {
position: absolute;
right: 0;
left: 0;
z-index: 10;
display: block;
margin: auto;
max-width: 700px;
border-radius: 0;
background: black;
}
.toast-wp .toast-wrapper.toast-top {
top: 0;
opacity: .01;
}
.toast-wp .toast-wrapper.toast-bottom {
bottom: 0;
opacity: .01;
}
.toast-wp .toast-wrapper.toast-middle {
opacity: .01;
}
.toast-message {
padding: 1.5rem;
font-size: 1.4rem;
color: #fff;
}
.toast-button {
color: #fff;
}
.toggle-ios {
position: relative;
}
.toggle-ios .toggle-icon {
position: relative;
display: block;
width: 51px;
height: 32px;
border-radius: 16px;
background-color: #e6e6e6;
transition: background-color 300ms;
pointer-events: none;
}
.toggle-ios .toggle-icon::before {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border-radius: 16px;
background-color: #fff;
content: "";
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
}
.toggle-ios .toggle-inner {
position: absolute;
top: 2px;
left: 2px;
width: 28px;
height: 28px;
border-radius: 14px;
background-color: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, -webkit-transform 300ms;
transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms;
transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, -webkit-transform 300ms;
}
.toggle-ios .toggle-checked {
background-color: #387ef5;
}
.toggle-ios .toggle-activated::before,
.toggle-ios .toggle-checked::before {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.toggle-ios .toggle-checked .toggle-inner {
-webkit-transform: translate3d(19px, 0, 0);
transform: translate3d(19px, 0, 0);
}
.toggle-ios .toggle-activated.toggle-checked::before {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.toggle-ios .toggle-activated .toggle-inner {
width: 34px;
}
.toggle-ios .toggle-activated.toggle-checked .toggle-inner {
left: -4px;
}
.toggle-ios.toggle-disabled,
.item-ios.item-toggle-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.item-ios .toggle-ios {
margin: 0;
padding: 6px 8px 5px 16px;
}
.item-ios .toggle-ios[item-left] {
padding: 6px 16px 5px 0;
}
.toggle-ios-primary .toggle-checked {
background-color: #387ef5;
}
.toggle-ios-secondary .toggle-checked {
background-color: #32db64;
}
.toggle-ios-danger .toggle-checked {
background-color: #f53d3d;
}
.toggle-ios-light .toggle-checked {
background-color: #f4f4f4;
}
.toggle-ios-dark .toggle-checked {
background-color: #222;
}
.toggle-md {
position: relative;
}
.toggle-md .toggle-icon {
position: relative;
display: block;
width: 36px;
height: 14px;
border-radius: 14px;
background-color: #dedede;
transition: background-color 300ms;
pointer-events: none;
}
.toggle-md .toggle-inner {
position: absolute;
top: -3px;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
transition-duration: 300ms;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
}
.toggle-md .toggle-checked {
background-color: #b1cdfb;
}
.toggle-md .toggle-checked .toggle-inner {
background-color: #387ef5;
-webkit-transform: translate3d(16px, 0, 0);
transform: translate3d(16px, 0, 0);
}
.toggle-md.toggle-disabled,
.item-md.item-toggle-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.toggle-md.toggle-disabled ion-radio {
opacity: 0.3;
}
.item-md .toggle-md {
margin: 0;
padding: 12px 8px 12px 16px;
cursor: pointer;
}
.item-md .toggle-md[item-left] {
padding: 12px 18px 12px 2px;
}
.item-md.item-toggle ion-label {
margin-left: 0;
}
.toggle-md-primary .toggle-checked {
background-color: #b1cdfb;
}
.toggle-md-primary .toggle-checked .toggle-inner {
background-color: #387ef5;
}
.toggle-md-secondary .toggle-checked {
background-color: #9eeeb6;
}
.toggle-md-secondary .toggle-checked .toggle-inner {
background-color: #32db64;
}
.toggle-md-danger .toggle-checked {
background-color: #fbb6b6;
}
.toggle-md-danger .toggle-checked .toggle-inner {
background-color: #f53d3d;
}
.toggle-md-light .toggle-checked {
background-color: white;
}
.toggle-md-light .toggle-checked .toggle-inner {
background-color: #f4f4f4;
}
.toggle-md-dark .toggle-checked {
background-color: #626262;
}
.toggle-md-dark .toggle-checked .toggle-inner {
background-color: #222;
}
.toggle-wp {
position: relative;
}
.toggle-wp .toggle-icon {
position: relative;
display: block;
width: 40px;
height: 18px;
border: 2px solid #323232;
border-radius: 18px;
background-color: transparent;
pointer-events: none;
}
.toggle-wp .toggle-inner {
position: absolute;
top: 2px;
left: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #323232;
transition-duration: 300ms;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
}
.toggle-wp .toggle-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.toggle-wp .toggle-checked .toggle-inner {
background-color: #fff;
-webkit-transform: translate3d(22px, 0, 0);
transform: translate3d(22px, 0, 0);
}
.toggle-wp.toggle-disabled,
.item-wp.item-toggle-disabled ion-label {
opacity: 0.3;
pointer-events: none;
}
.toggle-wp.toggle-disabled ion-radio {
opacity: 0.3;
}
.item-wp .toggle-wp {
margin: 0;
padding: 12px 8px 12px 16px;
cursor: pointer;
}
.item-wp .toggle-wp[item-left] {
padding: 12px 18px 12px 2px;
}
.item-wp.item-toggle ion-label {
margin-left: 0;
}
.toggle-wp-primary .toggle-checked {
border-color: #387ef5;
background-color: #387ef5;
}
.toggle-wp-primary .toggle-checked .toggle-inner {
background-color: #fff;
}
.toggle-wp-secondary .toggle-checked {
border-color: #32db64;
background-color: #32db64;
}
.toggle-wp-secondary .toggle-checked .toggle-inner {
background-color: #fff;
}
.toggle-wp-danger .toggle-checked {
border-color: #f53d3d;
background-color: #f53d3d;
}
.toggle-wp-danger .toggle-checked .toggle-inner {
background-color: #fff;
}
.toggle-wp-light .toggle-checked {
border-color: #f4f4f4;
background-color: #f4f4f4;
}
.toggle-wp-light .toggle-checked .toggle-inner {
background-color: #000;
}
.toggle-wp-dark .toggle-checked {
border-color: #222;
background-color: #222;
}
.toggle-wp-dark .toggle-checked .toggle-inner {
background-color: #fff;
}
ion-toolbar {
position: relative;
z-index: 10;
}
.toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
contain: content;
}
.toolbar-background {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
contain: strict;
}
ion-title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.toolbar-title {
display: block;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
ion-buttons {
display: block;
margin: 0 .2rem;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
}
ion-buttons button,
ion-buttons a,
ion-buttons input,
ion-buttons textarea,
ion-buttons div {
pointer-events: auto;
}
.toolbar[transparent] .toolbar-background {
border-color: transparent;
background: transparent;
}
ion-buttons,
.bar-button-menutoggle {
z-index: 99;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
ion-navbar.toolbar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.bar-button {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
display: inline-block;
margin: 0;
padding: 0;
line-height: 1;
text-align: center;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
cursor: pointer;
vertical-align: top;
vertical-align: -webkit-baseline-middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bar-button::after {
position: absolute;
top: -7px;
right: -2px;
bottom: -6px;
left: -2px;
content: "";
}
.bar-button-menutoggle {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.back-button {
display: none;
}
.back-button.show-back-button {
display: inline-block;
}
.back-button-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.toolbar-ios {
padding: 4px;
min-height: 44px;
}
.toolbar-background-ios {
background: #f8f8f8;
}
.header-ios .toolbar-background-ios,
.footer-ios .toolbar-background-ios {
border-style: solid;
border-color: rgba(0, 0, 0, 0.3);
}
.header-ios .toolbar-ios:last-child .toolbar-background-ios {
border-width: 0 0 0.55px;
}
.footer-ios .toolbar-ios:first-child .toolbar-background-ios {
border-width: 0.55px 0 0;
}
.header-ios[no-border] .toolbar-ios:last-child .toolbar-background-ios {
border-bottom-width: 0;
}
.footer-ios[no-border] .toolbar-ios:first-child .toolbar-background-ios {
border-top-width: 0;
}
.toolbar-content-ios {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
min-width: 0;
}
.toolbar-title-ios {
font-size: 1.7rem;
font-weight: 600;
text-align: center;
color: #000;
pointer-events: auto;
}
.toolbar-ios ion-title {
position: absolute;
top: 0;
left: 0;
padding: 0 90px 1px;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
}
.bar-buttons-ios {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.bar-buttons-ios[left] {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bar-buttons-ios[end] {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
text-align: right;
}
.bar-buttons-ios[right] {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
text-align: right;
}
.bar-button-ios {
padding: 0 4px;
height: 32px;
border: 0;
border-radius: 4px;
font-size: 1.7rem;
}
.bar-button-outline-ios {
border-width: 1px;
border-style: solid;
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.bar-button-outline-ios:hover:not(.disable-hover) {
opacity: .4;
}
.bar-button-outline-ios.activated {
color: #fff;
background-color: #387ef5;
}
.bar-button-solid-ios {
color: #fff;
background-color: #387ef5;
}
.bar-button-solid-ios:hover:not(.disable-hover) {
color: #fff;
opacity: .4;
}
.bar-button-solid-ios.activated {
color: #fff;
background-color: #3474e1;
opacity: .4;
}
.bar-button-ios.bar-button-icon-left ion-icon {
padding-right: .3em;
font-size: 1.4em;
line-height: .67;
pointer-events: none;
}
.bar-button-ios.bar-button-icon-right ion-icon {
padding-left: .4em;
font-size: 1.4em;
line-height: .67;
pointer-events: none;
}
.bar-button-ios[icon-only] {
padding: 0;
min-width: .9em;
}
.bar-button-ios[icon-only] ion-icon {
padding: 0 .1em;
font-size: 1.8em;
line-height: .67;
pointer-events: none;
}
.back-button-ios {
overflow: visible;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
margin: 0;
min-height: 3.2rem;
line-height: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.back-button-icon-ios {
display: inherit;
margin: 0;
margin-top: -1px;
min-width: 18px;
font-size: 3.4rem;
}
.back-button-text-ios {
letter-spacing: -.01em;
}
.bar-button-menutoggle-ios {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin: 0 6px;
padding: 0;
min-width: 36px;
}
.bar-button-menutoggle-ios ion-icon {
padding: 0 6px;
font-size: 2.8rem;
}
.bar-button-menutoggle-ios[end],
.bar-button-menutoggle-ios[right] {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.bar-button-default-ios,
.bar-button-default.bar-button-ios-default,
.bar-button-clear-ios-default {
color: #387ef5;
background-color: transparent;
}
.bar-button-default-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-default:hover:not(.disable-hover),
.bar-button-clear-ios-default:hover:not(.disable-hover) {
color: #387ef5;
}
.bar-button-default-ios.activated,
.bar-button-default.bar-button-ios-default.activated,
.bar-button-clear-ios-default.activated {
opacity: .4;
}
.bar-button-clear-ios,
.bar-button-default.bar-button-ios-clear,
.bar-button-clear-ios-clear {
color: #387ef5;
background-color: transparent;
}
.bar-button-clear-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-clear:hover:not(.disable-hover),
.bar-button-clear-ios-clear:hover:not(.disable-hover) {
color: #387ef5;
}
.bar-button-clear-ios.activated,
.bar-button-default.bar-button-ios-clear.activated,
.bar-button-clear-ios-clear.activated {
opacity: .4;
}
.toolbar-ios-primary .toolbar-background-ios {
background: #387ef5;
}
.toolbar-ios-primary .toolbar-title-ios,
.toolbar-ios-primary .bar-button-clear-ios,
.toolbar-ios-primary .bar-button-default-ios {
color: #fff;
}
.toolbar-ios-primary .bar-button-primary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-primary .bar-button-clear-ios-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-ios-primary .bar-button-primary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-primary .bar-button-clear-ios-primary.activated {
opacity: .4;
}
.toolbar-ios-primary .bar-button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-primary .bar-button-solid-ios-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-ios-primary .bar-button-secondary-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-primary .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-ios-primary .bar-button-secondary-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-primary .bar-button-clear-ios-secondary.activated {
opacity: .4;
}
.toolbar-ios-primary .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-primary .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-primary .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-ios-primary .bar-button-danger-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-primary .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-ios-primary .bar-button-danger-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-primary .bar-button-clear-ios-danger.activated {
opacity: .4;
}
.toolbar-ios-primary .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-primary .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-primary .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-ios-primary .bar-button-light-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light,
.toolbar-ios-primary .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-ios-primary .bar-button-light-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-primary .bar-button-clear-ios-light.activated {
opacity: .4;
}
.toolbar-ios-primary .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-primary .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-primary .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-ios-primary .bar-button-dark-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-primary .bar-button-clear-ios-dark {
color: #222;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-ios-primary .bar-button-dark-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-primary .bar-button-clear-ios-dark.activated {
opacity: .4;
}
.toolbar-ios-primary .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.toolbar-ios-primary .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.toolbar-ios-primary .bar-button-solid-ios-dark {
color: #fff;
background-color: #222;
}
.toolbar-ios-primary .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
color: #387ef5;
background-color: transparent;
}
.bar-button-primary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.bar-button-primary-ios.activated,
.bar-button-default.bar-button-ios-primary.activated,
.bar-button-clear-ios-primary.activated {
opacity: .4;
}
.bar-button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.bar-button-solid-ios-primary {
color: #fff;
background-color: #387ef5;
}
.bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-ios-secondary .toolbar-background-ios {
background: #32db64;
}
.toolbar-ios-secondary .toolbar-title-ios,
.toolbar-ios-secondary .bar-button-clear-ios,
.toolbar-ios-secondary .bar-button-default-ios {
color: #fff;
}
.toolbar-ios-secondary .bar-button-primary-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary,
.toolbar-ios-secondary .bar-button-clear-ios-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-ios-secondary .bar-button-primary-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-secondary .bar-button-clear-ios-primary.activated {
opacity: .4;
}
.toolbar-ios-secondary .bar-button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-secondary .bar-button-solid-ios-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-secondary .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-ios-secondary .bar-button-secondary-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-secondary .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-ios-secondary .bar-button-secondary-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-secondary .bar-button-clear-ios-secondary.activated {
opacity: .4;
}
.toolbar-ios-secondary .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-secondary .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-secondary .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-ios-secondary .bar-button-danger-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger,
.toolbar-ios-secondary .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-ios-secondary .bar-button-danger-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-secondary .bar-button-clear-ios-danger.activated {
opacity: .4;
}
.toolbar-ios-secondary .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-secondary .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-secondary .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-ios-secondary .bar-button-light-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light,
.toolbar-ios-secondary .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-ios-secondary .bar-button-light-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-secondary .bar-button-clear-ios-light.activated {
opacity: .4;
}
.toolbar-ios-secondary .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-secondary .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-secondary .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-ios-secondary .bar-button-dark-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-secondary .bar-button-clear-ios-dark {
color: #222;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-ios-secondary .bar-button-dark-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-secondary .bar-button-clear-ios-dark.activated {
opacity: .4;
}
.toolbar-ios-secondary .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.toolbar-ios-secondary .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.toolbar-ios-secondary .bar-button-solid-ios-dark {
color: #fff;
background-color: #222;
}
.toolbar-ios-secondary .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-secondary-ios,
.bar-button-default.bar-button-ios-secondary,
.bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent;
}
.bar-button-secondary-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.bar-button-secondary-ios.activated,
.bar-button-default.bar-button-ios-secondary.activated,
.bar-button-clear-ios-secondary.activated {
opacity: .4;
}
.bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64;
}
.bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-ios-danger .toolbar-background-ios {
background: #f53d3d;
}
.toolbar-ios-danger .toolbar-title-ios,
.toolbar-ios-danger .bar-button-clear-ios,
.toolbar-ios-danger .bar-button-default-ios {
color: #fff;
}
.toolbar-ios-danger .bar-button-primary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary,
.toolbar-ios-danger .bar-button-clear-ios-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-ios-danger .bar-button-primary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-danger .bar-button-clear-ios-primary.activated {
opacity: .4;
}
.toolbar-ios-danger .bar-button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-danger .bar-button-solid-ios-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-danger .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-ios-danger .bar-button-secondary-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-danger .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-ios-danger .bar-button-secondary-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-danger .bar-button-clear-ios-secondary.activated {
opacity: .4;
}
.toolbar-ios-danger .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-danger .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-danger .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-ios-danger .bar-button-danger-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger,
.toolbar-ios-danger .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-ios-danger .bar-button-danger-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-danger .bar-button-clear-ios-danger.activated {
opacity: .4;
}
.toolbar-ios-danger .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-danger .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-danger .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-ios-danger .bar-button-light-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light,
.toolbar-ios-danger .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-ios-danger .bar-button-light-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-danger .bar-button-clear-ios-light.activated {
opacity: .4;
}
.toolbar-ios-danger .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-danger .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-danger .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-ios-danger .bar-button-dark-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark,
.toolbar-ios-danger .bar-button-clear-ios-dark {
color: #222;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-ios-danger .bar-button-dark-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-danger .bar-button-clear-ios-dark.activated {
opacity: .4;
}
.toolbar-ios-danger .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.toolbar-ios-danger .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.toolbar-ios-danger .bar-button-solid-ios-dark {
color: #fff;
background-color: #222;
}
.toolbar-ios-danger .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-danger-ios,
.bar-button-default.bar-button-ios-danger,
.bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent;
}
.bar-button-danger-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.bar-button-danger-ios.activated,
.bar-button-default.bar-button-ios-danger.activated,
.bar-button-clear-ios-danger.activated {
opacity: .4;
}
.bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-ios-light .toolbar-background-ios {
background: #f4f4f4;
}
.toolbar-ios-light .toolbar-title-ios,
.toolbar-ios-light .bar-button-clear-ios,
.toolbar-ios-light .bar-button-default-ios {
color: #000;
}
.toolbar-ios-light .bar-button-primary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary,
.toolbar-ios-light .bar-button-clear-ios-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-light .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-ios-light .bar-button-primary-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-light .bar-button-clear-ios-primary.activated {
opacity: .4;
}
.toolbar-ios-light .bar-button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-light .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-light .bar-button-solid-ios-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-light .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-ios-light .bar-button-secondary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-light .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-ios-light .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-ios-light .bar-button-secondary-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-light .bar-button-clear-ios-secondary.activated {
opacity: .4;
}
.toolbar-ios-light .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.toolbar-ios-light .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-light .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-light .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-ios-light .bar-button-danger-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger,
.toolbar-ios-light .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-light .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-ios-light .bar-button-danger-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-light .bar-button-clear-ios-danger.activated {
opacity: .4;
}
.toolbar-ios-light .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-light .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-light .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-light .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-ios-light .bar-button-light-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-light,
.toolbar-ios-light .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-light .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-ios-light .bar-button-light-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-light .bar-button-clear-ios-light.activated {
opacity: .4;
}
.toolbar-ios-light .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-light .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-light .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-light .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-ios-light .bar-button-dark-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark,
.toolbar-ios-light .bar-button-clear-ios-dark {
color: #222;
background-color: transparent;
}
.toolbar-ios-light .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-ios-light .bar-button-dark-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-light .bar-button-clear-ios-dark.activated {
opacity: .4;
}
.toolbar-ios-light .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.toolbar-ios-light .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.toolbar-ios-light .bar-button-solid-ios-dark {
color: #fff;
background-color: #222;
}
.toolbar-ios-light .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-light-ios,
.bar-button-default.bar-button-ios-light,
.bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent;
}
.bar-button-light-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.bar-button-light-ios.activated,
.bar-button-default.bar-button-ios-light.activated,
.bar-button-clear-ios-light.activated {
opacity: .4;
}
.bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4;
}
.bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-ios-dark .toolbar-background-ios {
background: #222;
}
.toolbar-ios-dark .toolbar-title-ios,
.toolbar-ios-dark .bar-button-clear-ios,
.toolbar-ios-dark .bar-button-default-ios {
color: #fff;
}
.toolbar-ios-dark .bar-button-primary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary,
.toolbar-ios-dark .bar-button-clear-ios-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-ios-dark .bar-button-primary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-dark .bar-button-clear-ios-primary.activated {
opacity: .4;
}
.toolbar-ios-dark .bar-button-outline-ios-primary {
border-color: #387ef5;
color: #387ef5;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-outline-ios-primary.activated {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-dark .bar-button-solid-ios-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-ios-dark .bar-button-solid-ios-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-ios-dark .bar-button-secondary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-dark .bar-button-clear-ios-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-ios-dark .bar-button-secondary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-dark .bar-button-clear-ios-secondary.activated {
opacity: .4;
}
.toolbar-ios-dark .bar-button-outline-ios-secondary {
border-color: #32db64;
color: #32db64;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-outline-ios-secondary.activated {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-dark .bar-button-solid-ios-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-ios-dark .bar-button-solid-ios-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-ios-dark .bar-button-danger-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger,
.toolbar-ios-dark .bar-button-clear-ios-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-ios-dark .bar-button-danger-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-dark .bar-button-clear-ios-danger.activated {
opacity: .4;
}
.toolbar-ios-dark .bar-button-outline-ios-danger {
border-color: #f53d3d;
color: #f53d3d;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-outline-ios-danger.activated {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-dark .bar-button-solid-ios-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-ios-dark .bar-button-solid-ios-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-ios-dark .bar-button-light-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light,
.toolbar-ios-dark .bar-button-clear-ios-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-ios-dark .bar-button-light-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-dark .bar-button-clear-ios-light.activated {
opacity: .4;
}
.toolbar-ios-dark .bar-button-outline-ios-light {
border-color: #f4f4f4;
color: #f4f4f4;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-outline-ios-light.activated {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-dark .bar-button-solid-ios-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-ios-dark .bar-button-solid-ios-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-ios-dark .bar-button-dark-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark,
.toolbar-ios-dark .bar-button-clear-ios-dark {
color: #222;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-ios-dark .bar-button-dark-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-dark .bar-button-clear-ios-dark.activated {
opacity: .4;
}
.toolbar-ios-dark .bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.toolbar-ios-dark .bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.toolbar-ios-dark .bar-button-solid-ios-dark {
color: #fff;
background-color: #222;
}
.toolbar-ios-dark .bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-dark-ios,
.bar-button-default.bar-button-ios-dark,
.bar-button-clear-ios-dark {
color: #222;
background-color: transparent;
}
.bar-button-dark-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.bar-button-clear-ios-dark:hover:not(.disable-hover) {
color: #222;
}
.bar-button-dark-ios.activated,
.bar-button-default.bar-button-ios-dark.activated,
.bar-button-clear-ios-dark.activated {
opacity: .4;
}
.bar-button-outline-ios-dark {
border-color: #222;
color: #222;
background-color: transparent;
}
.bar-button-outline-ios-dark.activated {
color: #fff;
background-color: #222;
}
.bar-button-solid-ios-dark {
color: #fff;
background-color: #222;
}
.bar-button-solid-ios-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-strong-ios {
font-weight: 600;
}
.toolbar-md {
padding: 4px;
min-height: 56px;
}
.toolbar-background-md {
border-color: #b2b2b2;
background: #f8f8f8;
}
.header-md::after,
.tabs-md[tabsPlacement="top"] > .tabbar::after,
.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 5px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
background-position: 0 -2px;
content: "";
}
.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
top: -2px;
bottom: auto;
height: 2px;
background-position: 0 0;
}
.header-md[no-border]::after,
.footer-md[no-border]::before,
.tabs-md[tabsPlacement="top"][no-border] > .tabbar::after,
.tabs-md[tabsPlacement="bottom"][no-border] > .tabbar::before {
display: none;
}
.toolbar-content-md {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
min-width: 0;
max-width: 100%;
}
.toolbar-title-md {
padding: 0 12px;
font-size: 2rem;
font-weight: 500;
color: #424242;
}
.bar-buttons-md {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.bar-buttons-md[left] {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bar-button-md:first-child {
margin-left: 0;
}
.bar-buttons-md[end] {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
text-align: right;
}
.bar-buttons-md[right] {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
text-align: right;
}
.bar-button-md {
margin-top: 0;
margin-right: .2rem;
margin-bottom: 0;
margin-left: .2rem;
padding: 0 5px;
height: 32px;
border: 0;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
}
.bar-button-solid-md,
.bar-button-outline-md {
overflow: hidden;
}
.bar-button-outline-md {
border-width: 1px;
border-style: solid;
border-color: #424242;
color: #424242;
background-color: transparent;
}
.bar-button-outline-md:hover:not(.disable-hover) {
opacity: .4;
}
.bar-button-outline-md.activated {
background-color: transparent;
}
.bar-button-outline-md .button-effect {
background-color: #424242;
}
.bar-button-solid-md {
color: #fff;
background-color: #424242;
}
.bar-button-solid-md:hover:not(.disable-hover) {
color: #fff;
}
.bar-button-solid-md.activated {
color: #fff;
background-color: #515151;
}
.bar-button-md.bar-button-icon-left ion-icon {
padding-right: .3em;
font-size: 1.4em;
line-height: .67;
pointer-events: none;
}
.bar-button-md.bar-button-icon-right ion-icon {
padding-left: .4em;
font-size: 1.4em;
line-height: .67;
pointer-events: none;
}
.bar-button-md[icon-only] {
padding: 0;
}
.bar-button-md[icon-only] ion-icon {
padding: 0 .1em;
min-width: 28px;
font-size: 1.8em;
line-height: .67;
pointer-events: none;
}
.back-button-md {
margin: 0 6px;
min-width: 44px;
box-shadow: none;
}
.back-button-icon-md {
margin: 0;
padding: 0 6px;
font-size: 2.4rem;
font-weight: normal;
text-align: left;
}
.bar-button-menutoggle-md {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin: 0 6px;
padding: 0 2px;
min-width: 44px;
}
.bar-button-menutoggle-md ion-icon {
padding: 0 6px;
font-size: 2.4rem;
}
.bar-button-menutoggle-md[end],
.bar-button-menutoggle-md[right] {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
margin: 0 2px;
min-width: 28px;
}
.bar-button-default-md,
.bar-button-clear-md-default,
.bar-button-md-default {
color: #424242;
background-color: transparent;
}
.bar-button-default-md:hover:not(.disable-hover),
.bar-button-clear-md-default:hover:not(.disable-hover),
.bar-button-md-default:hover:not(.disable-hover) {
color: #424242;
}
.bar-button-clear-md,
.bar-button-clear-md-clear,
.bar-button-md-clear {
color: #424242;
background-color: transparent;
}
.bar-button-clear-md:hover:not(.disable-hover),
.bar-button-clear-md-clear:hover:not(.disable-hover),
.bar-button-md-clear:hover:not(.disable-hover) {
color: #424242;
}
.toolbar-md-primary .toolbar-background-md {
background: #387ef5;
}
.toolbar-md-primary .bar-button-clear-md,
.toolbar-md-primary .bar-button-default-md,
.toolbar-md-primary .bar-button-outline-md,
.toolbar-md-primary .toolbar-title-md {
color: #fff;
}
.toolbar-md-primary .bar-button-clear-md .button-effect,
.toolbar-md-primary .bar-button-default-md .button-effect,
.toolbar-md-primary .bar-button-outline-md .button-effect {
background-color: #fff;
}
.toolbar-md-primary .bar-button-outline-md {
border-color: #fff;
}
.toolbar-md-primary .bar-button-primary-md,
.toolbar-md-primary .bar-button-clear-md-primary,
.toolbar-md-primary .bar-button-md-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-md-primary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-md-primary .bar-button-outline-md-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-primary.activated {
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-primary .button-effect {
background-color: #3474e1;
}
.toolbar-md-primary .bar-button-solid-md-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-md-primary .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-md-primary .bar-button-secondary-md,
.toolbar-md-primary .bar-button-clear-md-secondary,
.toolbar-md-primary .bar-button-md-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-md-primary .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-md-primary .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-secondary.activated {
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c;
}
.toolbar-md-primary .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-md-primary .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-md-primary .bar-button-danger-md,
.toolbar-md-primary .bar-button-clear-md-danger,
.toolbar-md-primary .bar-button-md-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-md-primary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-md-primary .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-danger.activated {
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-danger .button-effect {
background-color: #e13838;
}
.toolbar-md-primary .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-md-primary .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-md-primary .bar-button-light-md,
.toolbar-md-primary .bar-button-clear-md-light,
.toolbar-md-primary .bar-button-md-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-md-primary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-md-primary .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-light.activated {
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0;
}
.toolbar-md-primary .bar-button-solid-md-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-md-primary .bar-button-solid-md-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-md-primary .bar-button-dark-md,
.toolbar-md-primary .bar-button-clear-md-dark,
.toolbar-md-primary .bar-button-md-dark {
color: #222;
background-color: transparent;
}
.toolbar-md-primary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-md-primary .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-dark.activated {
background-color: transparent;
}
.toolbar-md-primary .bar-button-outline-md-dark .button-effect {
background-color: #343434;
}
.toolbar-md-primary .bar-button-solid-md-dark {
color: #fff;
background-color: #222;
}
.toolbar-md-primary .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
color: #387ef5;
background-color: transparent;
}
.bar-button-primary-md:hover:not(.disable-hover),
.bar-button-clear-md-primary:hover:not(.disable-hover),
.bar-button-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.bar-button-outline-md-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.bar-button-outline-md-primary.activated {
background-color: transparent;
}
.bar-button-outline-md-primary .button-effect {
background-color: #3474e1;
}
.bar-button-solid-md-primary {
color: #fff;
background-color: #387ef5;
}
.bar-button-solid-md-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-md-secondary .toolbar-background-md {
background: #32db64;
}
.toolbar-md-secondary .bar-button-clear-md,
.toolbar-md-secondary .bar-button-default-md,
.toolbar-md-secondary .bar-button-outline-md,
.toolbar-md-secondary .toolbar-title-md {
color: #fff;
}
.toolbar-md-secondary .bar-button-clear-md .button-effect,
.toolbar-md-secondary .bar-button-default-md .button-effect,
.toolbar-md-secondary .bar-button-outline-md .button-effect {
background-color: #fff;
}
.toolbar-md-secondary .bar-button-outline-md {
border-color: #fff;
}
.toolbar-md-secondary .bar-button-primary-md,
.toolbar-md-secondary .bar-button-clear-md-primary,
.toolbar-md-secondary .bar-button-md-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-md-secondary .bar-button-outline-md-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-primary.activated {
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-primary .button-effect {
background-color: #3474e1;
}
.toolbar-md-secondary .bar-button-solid-md-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-md-secondary .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-md-secondary .bar-button-secondary-md,
.toolbar-md-secondary .bar-button-clear-md-secondary,
.toolbar-md-secondary .bar-button-md-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-md-secondary .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-secondary.activated {
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c;
}
.toolbar-md-secondary .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-md-secondary .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-md-secondary .bar-button-danger-md,
.toolbar-md-secondary .bar-button-clear-md-danger,
.toolbar-md-secondary .bar-button-md-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-md-secondary .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-danger.activated {
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-danger .button-effect {
background-color: #e13838;
}
.toolbar-md-secondary .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-md-secondary .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-md-secondary .bar-button-light-md,
.toolbar-md-secondary .bar-button-clear-md-light,
.toolbar-md-secondary .bar-button-md-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-md-secondary .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-light.activated {
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0;
}
.toolbar-md-secondary .bar-button-solid-md-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-md-secondary .bar-button-solid-md-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-md-secondary .bar-button-dark-md,
.toolbar-md-secondary .bar-button-clear-md-dark,
.toolbar-md-secondary .bar-button-md-dark {
color: #222;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-md-secondary .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-dark.activated {
background-color: transparent;
}
.toolbar-md-secondary .bar-button-outline-md-dark .button-effect {
background-color: #343434;
}
.toolbar-md-secondary .bar-button-solid-md-dark {
color: #fff;
background-color: #222;
}
.toolbar-md-secondary .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-secondary-md,
.bar-button-clear-md-secondary,
.bar-button-md-secondary {
color: #32db64;
background-color: transparent;
}
.bar-button-secondary-md:hover:not(.disable-hover),
.bar-button-clear-md-secondary:hover:not(.disable-hover),
.bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.bar-button-outline-md-secondary.activated {
background-color: transparent;
}
.bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c;
}
.bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64;
}
.bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-md-danger .toolbar-background-md {
background: #f53d3d;
}
.toolbar-md-danger .bar-button-clear-md,
.toolbar-md-danger .bar-button-default-md,
.toolbar-md-danger .bar-button-outline-md,
.toolbar-md-danger .toolbar-title-md {
color: #fff;
}
.toolbar-md-danger .bar-button-clear-md .button-effect,
.toolbar-md-danger .bar-button-default-md .button-effect,
.toolbar-md-danger .bar-button-outline-md .button-effect {
background-color: #fff;
}
.toolbar-md-danger .bar-button-outline-md {
border-color: #fff;
}
.toolbar-md-danger .bar-button-primary-md,
.toolbar-md-danger .bar-button-clear-md-primary,
.toolbar-md-danger .bar-button-md-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-md-danger .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-md-danger .bar-button-outline-md-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-primary.activated {
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-primary .button-effect {
background-color: #3474e1;
}
.toolbar-md-danger .bar-button-solid-md-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-md-danger .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-md-danger .bar-button-secondary-md,
.toolbar-md-danger .bar-button-clear-md-secondary,
.toolbar-md-danger .bar-button-md-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-md-danger .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-md-danger .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-secondary.activated {
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c;
}
.toolbar-md-danger .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-md-danger .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-md-danger .bar-button-danger-md,
.toolbar-md-danger .bar-button-clear-md-danger,
.toolbar-md-danger .bar-button-md-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-md-danger .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-md-danger .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-danger.activated {
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-danger .button-effect {
background-color: #e13838;
}
.toolbar-md-danger .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-md-danger .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-md-danger .bar-button-light-md,
.toolbar-md-danger .bar-button-clear-md-light,
.toolbar-md-danger .bar-button-md-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-md-danger .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-md-danger .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-light.activated {
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0;
}
.toolbar-md-danger .bar-button-solid-md-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-md-danger .bar-button-solid-md-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-md-danger .bar-button-dark-md,
.toolbar-md-danger .bar-button-clear-md-dark,
.toolbar-md-danger .bar-button-md-dark {
color: #222;
background-color: transparent;
}
.toolbar-md-danger .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-md-danger .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-dark.activated {
background-color: transparent;
}
.toolbar-md-danger .bar-button-outline-md-dark .button-effect {
background-color: #343434;
}
.toolbar-md-danger .bar-button-solid-md-dark {
color: #fff;
background-color: #222;
}
.toolbar-md-danger .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-danger-md,
.bar-button-clear-md-danger,
.bar-button-md-danger {
color: #f53d3d;
background-color: transparent;
}
.bar-button-danger-md:hover:not(.disable-hover),
.bar-button-clear-md-danger:hover:not(.disable-hover),
.bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.bar-button-outline-md-danger.activated {
background-color: transparent;
}
.bar-button-outline-md-danger .button-effect {
background-color: #e13838;
}
.bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d;
}
.bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-md-light .toolbar-background-md {
background: #f4f4f4;
}
.toolbar-md-light .bar-button-clear-md,
.toolbar-md-light .bar-button-default-md,
.toolbar-md-light .bar-button-outline-md,
.toolbar-md-light .toolbar-title-md {
color: #424242;
}
.toolbar-md-light .bar-button-clear-md .button-effect,
.toolbar-md-light .bar-button-default-md .button-effect,
.toolbar-md-light .bar-button-outline-md .button-effect {
background-color: #424242;
}
.toolbar-md-light .bar-button-outline-md {
border-color: #424242;
}
.toolbar-md-light .bar-button-primary-md,
.toolbar-md-light .bar-button-clear-md-primary,
.toolbar-md-light .bar-button-md-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-md-light .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-md-light .bar-button-outline-md-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-primary.activated {
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-primary .button-effect {
background-color: #3474e1;
}
.toolbar-md-light .bar-button-solid-md-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-md-light .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-md-light .bar-button-secondary-md,
.toolbar-md-light .bar-button-clear-md-secondary,
.toolbar-md-light .bar-button-md-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-md-light .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-md-light .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-secondary.activated {
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c;
}
.toolbar-md-light .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-md-light .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-md-light .bar-button-danger-md,
.toolbar-md-light .bar-button-clear-md-danger,
.toolbar-md-light .bar-button-md-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-md-light .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-md-light .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-danger.activated {
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-danger .button-effect {
background-color: #e13838;
}
.toolbar-md-light .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-md-light .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-md-light .bar-button-light-md,
.toolbar-md-light .bar-button-clear-md-light,
.toolbar-md-light .bar-button-md-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-md-light .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-md-light .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-light.activated {
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0;
}
.toolbar-md-light .bar-button-solid-md-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-md-light .bar-button-solid-md-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-md-light .bar-button-dark-md,
.toolbar-md-light .bar-button-clear-md-dark,
.toolbar-md-light .bar-button-md-dark {
color: #222;
background-color: transparent;
}
.toolbar-md-light .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-md-light .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-dark.activated {
background-color: transparent;
}
.toolbar-md-light .bar-button-outline-md-dark .button-effect {
background-color: #343434;
}
.toolbar-md-light .bar-button-solid-md-dark {
color: #fff;
background-color: #222;
}
.toolbar-md-light .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-light-md,
.bar-button-clear-md-light,
.bar-button-md-light {
color: #f4f4f4;
background-color: transparent;
}
.bar-button-light-md:hover:not(.disable-hover),
.bar-button-clear-md-light:hover:not(.disable-hover),
.bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.bar-button-outline-md-light.activated {
background-color: transparent;
}
.bar-button-outline-md-light .button-effect {
background-color: #e0e0e0;
}
.bar-button-solid-md-light {
color: #000;
background-color: #f4f4f4;
}
.bar-button-solid-md-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-md-dark .toolbar-background-md {
background: #222;
}
.toolbar-md-dark .bar-button-clear-md,
.toolbar-md-dark .bar-button-default-md,
.toolbar-md-dark .bar-button-outline-md,
.toolbar-md-dark .toolbar-title-md {
color: #fff;
}
.toolbar-md-dark .bar-button-clear-md .button-effect,
.toolbar-md-dark .bar-button-default-md .button-effect,
.toolbar-md-dark .bar-button-outline-md .button-effect {
background-color: #fff;
}
.toolbar-md-dark .bar-button-outline-md {
border-color: #fff;
}
.toolbar-md-dark .bar-button-primary-md,
.toolbar-md-dark .bar-button-clear-md-primary,
.toolbar-md-dark .bar-button-md-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-md-dark .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-md-dark .bar-button-outline-md-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-primary.activated {
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-primary .button-effect {
background-color: #3474e1;
}
.toolbar-md-dark .bar-button-solid-md-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-md-dark .bar-button-solid-md-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-md-dark .bar-button-secondary-md,
.toolbar-md-dark .bar-button-clear-md-secondary,
.toolbar-md-dark .bar-button-md-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-md-dark .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-md-dark .bar-button-outline-md-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-secondary.activated {
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-secondary .button-effect {
background-color: #2ec95c;
}
.toolbar-md-dark .bar-button-solid-md-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-md-dark .bar-button-solid-md-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-md-dark .bar-button-danger-md,
.toolbar-md-dark .bar-button-clear-md-danger,
.toolbar-md-dark .bar-button-md-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-md-dark .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-md-dark .bar-button-outline-md-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-danger.activated {
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-danger .button-effect {
background-color: #e13838;
}
.toolbar-md-dark .bar-button-solid-md-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-md-dark .bar-button-solid-md-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-md-dark .bar-button-light-md,
.toolbar-md-dark .bar-button-clear-md-light,
.toolbar-md-dark .bar-button-md-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-md-dark .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-md-dark .bar-button-outline-md-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-light.activated {
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-light .button-effect {
background-color: #e0e0e0;
}
.toolbar-md-dark .bar-button-solid-md-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-md-dark .bar-button-solid-md-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-md-dark .bar-button-dark-md,
.toolbar-md-dark .bar-button-clear-md-dark,
.toolbar-md-dark .bar-button-md-dark {
color: #222;
background-color: transparent;
}
.toolbar-md-dark .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-md-dark .bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-dark.activated {
background-color: transparent;
}
.toolbar-md-dark .bar-button-outline-md-dark .button-effect {
background-color: #343434;
}
.toolbar-md-dark .bar-button-solid-md-dark {
color: #fff;
background-color: #222;
}
.toolbar-md-dark .bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-dark-md,
.bar-button-clear-md-dark,
.bar-button-md-dark {
color: #222;
background-color: transparent;
}
.bar-button-dark-md:hover:not(.disable-hover),
.bar-button-clear-md-dark:hover:not(.disable-hover),
.bar-button-md-dark:hover:not(.disable-hover) {
color: #222;
}
.bar-button-outline-md-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.bar-button-outline-md-dark.activated {
background-color: transparent;
}
.bar-button-outline-md-dark .button-effect {
background-color: #343434;
}
.bar-button-solid-md-dark {
color: #fff;
background-color: #222;
}
.bar-button-solid-md-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-strong-md {
font-weight: bold;
}
.toolbar-wp {
padding: 4px;
min-height: 46px;
}
.toolbar-background-wp {
border-color: #b2b2b2;
background: #f8f8f8;
}
.toolbar-content-wp {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
min-width: 0;
max-width: 100%;
}
.toolbar-title-wp {
padding: 0 6px;
font-size: 1.5rem;
font-weight: bold;
text-transform: uppercase;
color: #000;
}
.bar-buttons-wp {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.bar-buttons-wp[left] {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.bar-buttons-wp[left] .bar-button:first-child {
margin-left: 0;
}
.bar-buttons-wp[end] {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
text-align: right;
}
.bar-buttons-wp[right] {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
text-align: right;
}
.bar-button-wp {
margin-top: 0;
margin-right: .2rem;
margin-bottom: 0;
margin-left: .2rem;
padding: 0 5px;
height: 32px;
border: 0;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
}
.bar-button-solid-wp,
.bar-button-outline-wp {
overflow: hidden;
}
.bar-button-outline-wp {
border-width: 1px;
border-style: solid;
border-color: #000;
color: #000;
background-color: transparent;
}
.bar-button-outline-wp:hover:not(.disable-hover) {
opacity: .4;
}
.bar-button-outline-wp.activated {
color: #fff;
background-color: #000;
}
.bar-button-solid-wp {
color: #fff;
background-color: #000;
}
.bar-button-solid-wp:hover:not(.disable-hover) {
color: #fff;
}
.bar-button-solid-wp.activated {
color: #fff;
background-color: #141414;
}
.bar-button-wp.bar-button-icon-left ion-icon {
padding-right: .3em;
font-size: 1.4em;
line-height: .67;
pointer-events: none;
}
.bar-button-wp.bar-button-icon-right ion-icon {
padding-left: .4em;
font-size: 1.4em;
line-height: .67;
pointer-events: none;
}
.bar-button-wp[icon-only] {
padding: 0;
}
.bar-button-wp[icon-only] ion-icon {
padding: 0 .1em;
min-width: 28px;
font-size: 1.8em;
line-height: .67;
pointer-events: none;
}
.back-button-wp {
margin: 0 6px;
min-width: 44px;
box-shadow: none;
}
.back-button-icon-wp {
margin: 0;
padding: 0 6px;
font-size: 2.4rem;
font-weight: normal;
text-align: left;
}
.bar-button-menutoggle-wp {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin: 0 6px;
padding: 0 2px;
min-width: 44px;
}
.bar-button-menutoggle-wp ion-icon {
padding: 0 6px;
font-size: 2.4rem;
}
.bar-button-menutoggle-wp[end],
.bar-button-menutoggle-wp[right] {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
margin: 0 2px;
min-width: 28px;
}
.bar-button-default-wp,
.bar-button-clear-wp-default,
.bar-button-wp-default {
color: #000;
background-color: transparent;
}
.bar-button-default-wp:hover:not(.disable-hover),
.bar-button-clear-wp-default:hover:not(.disable-hover),
.bar-button-wp-default:hover:not(.disable-hover) {
color: #000;
}
.bar-button-clear-wp,
.bar-button-clear-wp-clear,
.bar-button-wp-clear {
color: #000;
background-color: transparent;
}
.bar-button-clear-wp:hover:not(.disable-hover),
.bar-button-clear-wp-clear:hover:not(.disable-hover),
.bar-button-wp-clear:hover:not(.disable-hover) {
color: #000;
}
.toolbar-wp-primary .toolbar-background-wp {
background: #387ef5;
}
.toolbar-wp-primary .bar-button-clear-wp,
.toolbar-wp-primary .bar-button-default-wp,
.toolbar-wp-primary .bar-button-outline-wp,
.toolbar-wp-primary .toolbar-title-wp {
color: #fff;
}
.toolbar-wp-primary .bar-button-outline-wp {
border-color: #fff;
}
.toolbar-wp-primary .bar-button-primary-wp,
.toolbar-wp-primary .bar-button-clear-wp-primary,
.toolbar-wp-primary .bar-button-wp-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-wp-primary .bar-button-outline-wp-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-primary .bar-button-solid-wp-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-wp-primary .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-primary .bar-button-secondary-wp,
.toolbar-wp-primary .bar-button-clear-wp-secondary,
.toolbar-wp-primary .bar-button-wp-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-wp-primary .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-primary .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-wp-primary .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-primary .bar-button-danger-wp,
.toolbar-wp-primary .bar-button-clear-wp-danger,
.toolbar-wp-primary .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-wp-primary .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-primary .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-wp-primary .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-primary .bar-button-light-wp,
.toolbar-wp-primary .bar-button-clear-wp-light,
.toolbar-wp-primary .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-wp-primary .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-primary .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-wp-primary .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-primary .bar-button-dark-wp,
.toolbar-wp-primary .bar-button-clear-wp-dark,
.toolbar-wp-primary .bar-button-wp-dark {
color: #222;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-wp-primary .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-wp-primary .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.toolbar-wp-primary .bar-button-solid-wp-dark {
color: #fff;
background-color: #222;
}
.toolbar-wp-primary .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-primary-wp,
.bar-button-clear-wp-primary,
.bar-button-wp-primary {
color: #387ef5;
background-color: transparent;
}
.bar-button-primary-wp:hover:not(.disable-hover),
.bar-button-clear-wp-primary:hover:not(.disable-hover),
.bar-button-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.bar-button-outline-wp-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.bar-button-solid-wp-primary {
color: #fff;
background-color: #387ef5;
}
.bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-secondary .toolbar-background-wp {
background: #32db64;
}
.toolbar-wp-secondary .bar-button-clear-wp,
.toolbar-wp-secondary .bar-button-default-wp,
.toolbar-wp-secondary .bar-button-outline-wp,
.toolbar-wp-secondary .toolbar-title-wp {
color: #fff;
}
.toolbar-wp-secondary .bar-button-outline-wp {
border-color: #fff;
}
.toolbar-wp-secondary .bar-button-primary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-primary,
.toolbar-wp-secondary .bar-button-wp-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-wp-secondary .bar-button-outline-wp-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-secondary .bar-button-solid-wp-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-wp-secondary .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-secondary .bar-button-secondary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-secondary,
.toolbar-wp-secondary .bar-button-wp-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-wp-secondary .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-secondary .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-wp-secondary .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-secondary .bar-button-danger-wp,
.toolbar-wp-secondary .bar-button-clear-wp-danger,
.toolbar-wp-secondary .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-wp-secondary .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-secondary .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-wp-secondary .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-secondary .bar-button-light-wp,
.toolbar-wp-secondary .bar-button-clear-wp-light,
.toolbar-wp-secondary .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-wp-secondary .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-secondary .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-wp-secondary .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-secondary .bar-button-dark-wp,
.toolbar-wp-secondary .bar-button-clear-wp-dark,
.toolbar-wp-secondary .bar-button-wp-dark {
color: #222;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-wp-secondary .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-wp-secondary .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.toolbar-wp-secondary .bar-button-solid-wp-dark {
color: #fff;
background-color: #222;
}
.toolbar-wp-secondary .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-secondary-wp,
.bar-button-clear-wp-secondary,
.bar-button-wp-secondary {
color: #32db64;
background-color: transparent;
}
.bar-button-secondary-wp:hover:not(.disable-hover),
.bar-button-clear-wp-secondary:hover:not(.disable-hover),
.bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64;
}
.bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-danger .toolbar-background-wp {
background: #f53d3d;
}
.toolbar-wp-danger .bar-button-clear-wp,
.toolbar-wp-danger .bar-button-default-wp,
.toolbar-wp-danger .bar-button-outline-wp,
.toolbar-wp-danger .toolbar-title-wp {
color: #fff;
}
.toolbar-wp-danger .bar-button-outline-wp {
border-color: #fff;
}
.toolbar-wp-danger .bar-button-primary-wp,
.toolbar-wp-danger .bar-button-clear-wp-primary,
.toolbar-wp-danger .bar-button-wp-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-wp-danger .bar-button-outline-wp-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-danger .bar-button-solid-wp-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-wp-danger .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-danger .bar-button-secondary-wp,
.toolbar-wp-danger .bar-button-clear-wp-secondary,
.toolbar-wp-danger .bar-button-wp-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-wp-danger .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-danger .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-wp-danger .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-danger .bar-button-danger-wp,
.toolbar-wp-danger .bar-button-clear-wp-danger,
.toolbar-wp-danger .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-wp-danger .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-danger .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-wp-danger .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-danger .bar-button-light-wp,
.toolbar-wp-danger .bar-button-clear-wp-light,
.toolbar-wp-danger .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-wp-danger .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-danger .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-wp-danger .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-danger .bar-button-dark-wp,
.toolbar-wp-danger .bar-button-clear-wp-dark,
.toolbar-wp-danger .bar-button-wp-dark {
color: #222;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-wp-danger .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-wp-danger .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.toolbar-wp-danger .bar-button-solid-wp-dark {
color: #fff;
background-color: #222;
}
.toolbar-wp-danger .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-danger-wp,
.bar-button-clear-wp-danger,
.bar-button-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.bar-button-danger-wp:hover:not(.disable-hover),
.bar-button-clear-wp-danger:hover:not(.disable-hover),
.bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-light .toolbar-background-wp {
background: #f4f4f4;
}
.toolbar-wp-light .bar-button-clear-wp,
.toolbar-wp-light .bar-button-default-wp,
.toolbar-wp-light .bar-button-outline-wp,
.toolbar-wp-light .toolbar-title-wp {
color: #000;
}
.toolbar-wp-light .bar-button-outline-wp {
border-color: #000;
}
.toolbar-wp-light .bar-button-primary-wp,
.toolbar-wp-light .bar-button-clear-wp-primary,
.toolbar-wp-light .bar-button-wp-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-wp-light .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-wp-light .bar-button-outline-wp-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-wp-light .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-light .bar-button-solid-wp-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-wp-light .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-light .bar-button-secondary-wp,
.toolbar-wp-light .bar-button-clear-wp-secondary,
.toolbar-wp-light .bar-button-wp-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-wp-light .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-wp-light .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-wp-light .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-light .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-wp-light .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-light .bar-button-danger-wp,
.toolbar-wp-light .bar-button-clear-wp-danger,
.toolbar-wp-light .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-wp-light .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-wp-light .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-wp-light .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-light .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-wp-light .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-light .bar-button-light-wp,
.toolbar-wp-light .bar-button-clear-wp-light,
.toolbar-wp-light .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-wp-light .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-wp-light .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-wp-light .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-light .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-wp-light .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-light .bar-button-dark-wp,
.toolbar-wp-light .bar-button-clear-wp-dark,
.toolbar-wp-light .bar-button-wp-dark {
color: #222;
background-color: transparent;
}
.toolbar-wp-light .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-wp-light .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-wp-light .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.toolbar-wp-light .bar-button-solid-wp-dark {
color: #fff;
background-color: #222;
}
.toolbar-wp-light .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-light-wp,
.bar-button-clear-wp-light,
.bar-button-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.bar-button-light-wp:hover:not(.disable-hover),
.bar-button-clear-wp-light:hover:not(.disable-hover),
.bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4;
}
.bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-dark .toolbar-background-wp {
background: #222;
}
.toolbar-wp-dark .bar-button-clear-wp,
.toolbar-wp-dark .bar-button-default-wp,
.toolbar-wp-dark .bar-button-outline-wp,
.toolbar-wp-dark .toolbar-title-wp {
color: #fff;
}
.toolbar-wp-dark .bar-button-outline-wp {
border-color: #fff;
}
.toolbar-wp-dark .bar-button-primary-wp,
.toolbar-wp-dark .bar-button-clear-wp-primary,
.toolbar-wp-dark .bar-button-wp-primary {
color: #387ef5;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-primary:hover:not(.disable-hover) {
color: #387ef5;
}
.toolbar-wp-dark .bar-button-outline-wp-primary {
border-color: #3474e1;
color: #3474e1;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-outline-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-dark .bar-button-solid-wp-primary {
color: #fff;
background-color: #387ef5;
}
.toolbar-wp-dark .bar-button-solid-wp-primary.activated {
color: #fff;
background-color: #3474e1;
}
.toolbar-wp-dark .bar-button-secondary-wp,
.toolbar-wp-dark .bar-button-clear-wp-secondary,
.toolbar-wp-dark .bar-button-wp-secondary {
color: #32db64;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-secondary:hover:not(.disable-hover) {
color: #32db64;
}
.toolbar-wp-dark .bar-button-outline-wp-secondary {
border-color: #2ec95c;
color: #2ec95c;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-outline-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-dark .bar-button-solid-wp-secondary {
color: #fff;
background-color: #32db64;
}
.toolbar-wp-dark .bar-button-solid-wp-secondary.activated {
color: #fff;
background-color: #2ec95c;
}
.toolbar-wp-dark .bar-button-danger-wp,
.toolbar-wp-dark .bar-button-clear-wp-danger,
.toolbar-wp-dark .bar-button-wp-danger {
color: #f53d3d;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-danger:hover:not(.disable-hover) {
color: #f53d3d;
}
.toolbar-wp-dark .bar-button-outline-wp-danger {
border-color: #e13838;
color: #e13838;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-outline-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-dark .bar-button-solid-wp-danger {
color: #fff;
background-color: #f53d3d;
}
.toolbar-wp-dark .bar-button-solid-wp-danger.activated {
color: #fff;
background-color: #e13838;
}
.toolbar-wp-dark .bar-button-light-wp,
.toolbar-wp-dark .bar-button-clear-wp-light,
.toolbar-wp-dark .bar-button-wp-light {
color: #f4f4f4;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-light:hover:not(.disable-hover) {
color: #f4f4f4;
}
.toolbar-wp-dark .bar-button-outline-wp-light {
border-color: #e0e0e0;
color: #e0e0e0;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-outline-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-dark .bar-button-solid-wp-light {
color: #000;
background-color: #f4f4f4;
}
.toolbar-wp-dark .bar-button-solid-wp-light.activated {
color: #000;
background-color: #e0e0e0;
}
.toolbar-wp-dark .bar-button-dark-wp,
.toolbar-wp-dark .bar-button-clear-wp-dark,
.toolbar-wp-dark .bar-button-wp-dark {
color: #222;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.toolbar-wp-dark .bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.toolbar-wp-dark .bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.toolbar-wp-dark .bar-button-solid-wp-dark {
color: #fff;
background-color: #222;
}
.toolbar-wp-dark .bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-dark-wp,
.bar-button-clear-wp-dark,
.bar-button-wp-dark {
color: #222;
background-color: transparent;
}
.bar-button-dark-wp:hover:not(.disable-hover),
.bar-button-clear-wp-dark:hover:not(.disable-hover),
.bar-button-wp-dark:hover:not(.disable-hover) {
color: #222;
}
.bar-button-outline-wp-dark {
border-color: #343434;
color: #343434;
background-color: transparent;
}
.bar-button-outline-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-solid-wp-dark {
color: #fff;
background-color: #222;
}
.bar-button-solid-wp-dark.activated {
color: #fff;
background-color: #343434;
}
.bar-button-strong-wp {
font-weight: bold;
}
html {
font-size: 62.5%;
}
a {
background-color: transparent;
}
.enable-hover a:hover {
opacity: .7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1.6rem;
margin-bottom: 1rem;
font-weight: 500;
line-height: 1.2;
}
[padding] h1:first-child,
[padding] h2:first-child,
[padding] h3:first-child,
[padding] h4:first-child,
[padding] h5:first-child,
[padding] h6:first-child {
margin-top: -.3rem;
}
h1 + h2,
h1 + h3,
h2 + h3 {
margin-top: -.3rem;
}
h1 {
margin-top: 2rem;
font-size: 2.6rem;
}
h2 {
margin-top: 1.8rem;
font-size: 2.4rem;
}
h3 {
font-size: 2.2rem;
}
h4 {
font-size: 2rem;
}
h5 {
font-size: 1.8rem;
}
h6 {
font-size: 1.6rem;
}
small {
font-size: 75%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
[text-left] {
text-align: left;
}
[text-center] {
text-align: center;
}
[text-right] {
text-align: right;
}
[text-justify] {
text-align: justify;
}
[text-nowrap] {
white-space: nowrap;
}
[text-uppercase] {
text-transform: uppercase;
}
[text-lowercase] {
text-transform: lowercase;
}
[text-capitalize] {
text-transform: capitalize;
}
.text-ios-primary {
color: #387ef5;
}
.text-ios-secondary {
color: #32db64;
}
.text-ios-danger {
color: #f53d3d;
}
.text-ios-light {
color: #f4f4f4;
}
.text-ios-dark {
color: #222;
}
.text-md-primary {
color: #387ef5;
}
.text-md-secondary {
color: #32db64;
}
.text-md-danger {
color: #f53d3d;
}
.text-md-light {
color: #f4f4f4;
}
.text-md-dark {
color: #222;
}
.text-wp-primary {
color: #387ef5;
}
.text-wp-secondary {
color: #32db64;
}
.text-wp-danger {
color: #f53d3d;
}
.text-wp-light {
color: #f4f4f4;
}
.text-wp-dark {
color: #222;
}
.virtual-loading {
opacity: 0;
}
.virtual-scroll {
position: relative;
contain: content;
}
.virtual-scroll .virtual-position,
.virtual-scroll .virtual-position.item {
position: absolute;
top: 0;
left: 0;
transition-duration: 0ms;
contain: content;
}
.virtual-scroll .virtual-last {
display: none;
}
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
min-height: calc(44px + 20px);
}
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
}
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
}
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
padding-top: 20px;
height: calc(44px + 20px);
min-height: calc(44px + 20px);
}
@media only screen and (max-width: 767px) {
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
min-height: calc(44px + 20px);
}
.ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
}
.ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
}
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
.ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
padding-top: 20px;
height: calc(44px + 20px);
min-height: calc(44px + 20px);
}
}
.md ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.md ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.md ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
min-height: calc(56px + 20px);
}
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
}
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
}
@media only screen and (max-width: 767px) {
.md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
min-height: calc(56px + 20px);
}
.md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
}
.md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
}
}
.wp ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
.wp ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
.wp ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
.wp ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
min-height: calc(46px + 20px);
}
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
}
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
}
@media only screen and (max-width: 767px) {
.wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
padding-top: calc(20px + 4px);
min-height: calc(46px + 20px);
}
.wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
padding-top: 20px;
}
.wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
.wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
padding-top: calc(16px + 20px);
}
}
page-recipes .recipe-item ion-thumbnail {
min-width: 6rem;
}
page-recipes .recipe-item ion-thumbnail img {
width: auto;
margin: auto;
}
page-recipes .recipe-item ion-label {
white-space: normal;
text-overflow: clip;
overflow: visible;
}
page-recipes .feeling-lucky {
padding-left: 0px;
}
page-recipes .feeling-lucky ion-thumbnail {
margin: 15px 6px 0px 6px !important;
}